如何从 JavaScript 中的 MP3 文件中读取元数据属性？

Question

我知道以前有人问过类似的问题，特别是 this one，但所有答案通常涉及以下两件事之一，我都想避免这两件事：

导入新库，或者，
使用 FileReader，据我所知，它仅适用于 user-inputted 个文件。

我正在制作一款小游戏，其中包含在选项菜单中切换多首音乐曲目的选项，我希望能够显示曲目名称和艺术家。我可以调整我的歌曲 object，以便我将标题、艺术家等信息输入到代码中，但将其作为元数据包含在文件中似乎更简单，这样我只需输入文件名。有什么方法可以在不使用额外库的情况下从用户未输入的文件中读取元数据？这是我正在使用的歌曲 object，尽管它非常简单：

var Song = function(filename)
{
    this.intro = new Audio(); // the introduction of the song that leads into a loop
    this.intro.src = filename + "-intro.mp3";
    var temp = this;
    this.intro.addEventListener("ended", function() {
        this.currentTime = 0;
        temp.loop.currentTime = 0;
        temp.loop.play();
    });

    this.loop = new Audio(); // the main file that will be looped. Also has the relevant metadata
    this.loop.src = filename + ".mp3";
    this.loop.addEventListener("ended", function() {
        this.currentTime = 0;
        this.play();
    });
};

var songs = [
    new Song("track1"),
    new Song("track2"),
    new Song("track3")
];

Answer 1

为此使用 mutag

在你的 html 添加：

<script src="sanjit1.github.io/mutag/dist/mutag.min.js"></script>

并在您的 js 中添加：

const mutag = window.mutag;

并使用变量 filename,

mutag.fetch(filename).then((tags) => {
      console.log(tags);
});

如何从 JavaScript 中的 MP3 文件中读取元数据属性？

How do I read metadata properties from MP3 file in JavaScript?

javascript

mp3