如何使用jsmediatags從mp3獲取專輯封面

Question

大家好，我有一個類似於song.mp3的mp3文件，我想獲取其專輯封面和藝術家的名字，然后想要在我的html網頁中顯示。 請告訴我如何？

如何從mp3文件獲取專輯並將其顯示在我的html img標簽中我看到此示例https://github.com/aadsm/JavaScript-ID3-Reader/blob/master/example/index.html#L46輸入文件但是我想從存儲在我網站中的URL（例如song.mp3）中獲取專輯

請將專輯圖片存儲在變量中，然后將其顯示在html img標簽中，謝謝

Answer 1

https://github.com/aadsm/jsmediatags是一個不錯的起點。

包含jsmediatags之后。 創建一個變量（請注意，我正在使用瀏覽器示例）

var jsmediatags = window.jsmediatags;

然后，您可以使用該變量來獲取文件的ID3標簽，如下所示：

var tags = {};
jsmediatags.read(your_media_file, {
   onSuccess: function(tag) {
      tags = tag;
   }, 
   onError: function(error) {
      // handle error
      console.log(error);
   }
});

tags對象具有所需的屬性以及更多其他屬性；

{
   artist : 'name of artist',
   album : 'name of album',
   track : 'track number',
   title : 'track title',
   genre : 'track genre',
   picture : {...}, // object with track art details
   .
   .
   .
}

然后，您可以按照以下方式生成專輯封面：

var picture = tags.tags.picture; // create reference to track art
var base64String = "";
for (var i = 0; i < picture.data.length; i++) {
    base64String += String.fromCharCode(picture.data[i]);
}
var imageUri = "data:" + picture.format + ";base64," + window.btoa(base64String);