2013-05-04 38 views
6

如标题,副标题,歌手,专辑,比特率等。如何获得<audio>标签信息?

wiki - MP3 tag infomation

wiki - ID3(mp3 metadata format)

我搜索了很多..但我不能得到答案。

只搜索如何播放,停止,重新加载音频..

的浏览器不支持?

+1

这是一个很好的问题。我还没有找到关于如何获取这些信息或文档的任何信息,而且我很想知道。 – Ian 2013-05-04 03:22:05

+0

纠正我,如果我错了,你想显示标题,页面上的每个音频的字幕专辑的细节? – HaBo 2013-05-04 03:22:20

+0

@Habo不,我不想显示每个音频的所有细节。我只是想知道我能做到吗? – NamNamNam 2013-05-04 03:27:28

回答

5

https://github.com/aadsm/JavaScript-ID3-Reader

以最简单的形式提供一个更加库:

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

通过指定特定标签:

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

甚至通过指定快捷键,而不是神秘的标签:

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

演示http://web.ist.utl.pt/antonio.afonso/www.aadsm.net/libraries/id3/#demo

+0

这个库实际上是基于一个@Turnerj链接到。这个优点是,它在Opera中工作并支持AAC元数据。 – idbehold 2013-05-04 22:06:44

2

看起来你可以用正确的库! Reading ID3 tags with Javascripthere is the demo

使用ID3.js库,你的Javascript将类似于:

// 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); 

基于对我公司提供的第一个链接后,它不会在Opera浏览器工作,仅限于的ID3v1它通过海报的话:

“这只是能够读取(在相当缺乏)的ID3v1标签,因为这些都是非常简单的相比,更充实和强大的ID3v2标签”