like title, subtitle, singer, Album, Bit rate etc..

wiki - MP3 tag infomation

wiki - ID3(mp3 metadata format)

I search a lot.. but I can't get answer.

only searched how to play,stop,reload audio..

browser not support that?

like title, subtitle, singer, Album, Bit rate etc..

wiki - MP3 tag infomation

wiki - ID3(mp3 metadata format)

I search a lot.. but I can't get answer.

only searched how to play,stop,reload audio..

browser not support that?

• javascript
• html5-audio

• 2 This is a great question. I havent found any info on how to get this information or documentation, and I'm interested in finding out. – Ian Commented May 4, 2013 at 3:22
• 1 Correct me if I am wrong, you want to display Title, Subtitle Album details of each audio on a page? – HaBo Commented May 4, 2013 at 3:22
• @Habo no, i don't want display all details of each audio. i just want know can i do that? – ZhengCheng Commented May 4, 2013 at 3:27
• @HaBo Yeah I think so. They just seem to want to get those pieces of information for a specific audio element – Ian Commented May 4, 2013 at 3:27
• There is no default way, but you can always have workarounds for that. what you have tried so far? can you paste any of your sample code here? – HaBo Commented May 4, 2013 at 3:34

2 Answers 2

One more library available at https://github./aadsm/JavaScript-ID3-Reader

In its simplest form:

ID3.loadTags("filename.mp3", function() {
    var tags = ID3.getAllTags(filename);
    alert(tags.artist + " - " + tags.title + ", " + tags.album);
});

by specifying specific tags:

ID3.loadTags("filename.mp3", function() {
    var tags = ID3.getAllTags(filename);
    alert(tags.COMM.data + " - " + tags.TCON.data + ", " + tags.WXXX.data);
},
{tags: ["COMM", "TCON", "WXXX"]});

or even by specifying shortcuts instead of cryptic tags:

ID3.loadTags("filename.mp3", function() {
    var tags = ID3.getAllTags(filename);
    alert(tags.ment + " - " + tags.track + ", " + tags.lyrics);
},
{tags: ["ment", "track", "lyrics"]});

Demo here http://web.ist.utl.pt/antonio.afonso/www.aadsm/libraries/id3/#demo

It looks like you can with the right libraries! Reading ID3 tags with Javascript and here is the demo

Using the ID3.js library, your Javascript would be similar to:

// URL of the mp3 file (must be on the same domain!)
var file = "mymusicfile.mp3";
// define your own callback function
function mycallback() {
    // either call the ID3.getAllTags([file]) function which returns an object holding all the tags
    alert(
        "All tags in this file: " + ID3.getAllTags(file).toSource()
    );
    // or call ID3.getTag([file], [tag]) to get a specific tag
    alert(
        "Title: " + ID3.getTag(file, "title") + " by artist: " + ID3.getTag(file, "artist")
    );
}
ID3.loadTags(file, mycallback);

Based on the post in the first link I provided, it does not work in Opera browsers and is limited to ID3v1 which by the words of the poster:

"it's only capable of reading (the rather lacking) ID3v1 tags since these are very simple pared to the more fleshed out and robust ID3v2 tags"