2013-05-04 166 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標籤」