javascript - 如何获得 mp3 文件的封面？

Question

我有一个 mp3 文件，当我用 windows media player 阅读它时，它有专辑的封面，所以我想知道是否有办法在 javascript 或 jQuery 中获取该封面

Answer 1

阅读此 URL 的更多信息:http://www.richardfarrar.com/embedding-album-art-in-mp3-files/

您想要的是使用 ID3 header ，其中存储了艺术家数据和更多信息。图像也可以存储在这些标题中。可能这也在您拥有的 mp3 文件中完成。

类似https://github.com/aadsm/JavaScript-ID3-Reader 的图书馆可以使用 Javascript 从 MP3 中读取此数据。

从示例中借用(注意:在此代码运行之前，您需要上面的库):

 function showTags(url) {
      var tags = ID3.getAllTags(url);
      console.log(tags);
      document.getElementById('title').textContent = tags.title || "";
      document.getElementById('artist').textContent = tags.artist || "";
      document.getElementById('album').textContent = tags.album || "";

      var image = tags.picture;
      if (image) {
        var base64String = "";
        for (var i = 0; i < image.data.length; i++) {
            base64String += String.fromCharCode(image.data[i]);
        }
        var base64 = "data:" + image.format + ";base64," +
                window.btoa(base64String);
        document.getElementById('picture').setAttribute('src',base64);
      } else {
        document.getElementById('picture').style.display = "none";
      }
    }