主页 / 问题 / 1393023
Accepted
Опан
Asked:2022-08-24 03:37:31 +0000 UTC2022-08-24 03:37:31 +0000 UTC

如何在文件播放时将嵌入在 mp3 音频文件中的封面图像插入网站？

  • 772

我对这个问题感兴趣 - 如何在网站上显示嵌入在 mp3 音频文件中的封面图像，在播放此文件期间，大约使用音频元素？谷歌搜索没有出现任何东西。提前致谢。

html

1 个回答

  1. Best Answer

    为此，您可以使用JavaScript-ID3-Reader库：

    <!DOCTYPE html>
<html>
<head>
<title>Музыка с обложкой</title>
<script src="id3-minimized.js"></script>
</head>
<body>
<center>
<audio id=audio src="sound.mp3" controls></audio><br /><br />
<img id="picture" />
</center>
<script>
var url = audio.src;
ID3.loadTags(url, function() {
    var tags = ID3.getAllTags(url);
    var image = tags.picture;
    if (image) {
        var base64String = "";
        for(var i = 0; i < image.data.length; i++) base64String += String.fromCharCode(image.data[i]);
        picture.src = "data:" + image.format + ";base64," + window.btoa(base64String);
    }else{picture.style.display = "none"};
    },{
    tags: ["picture"]
});
</script>
</body>
</html>

    此外，为此，整个库中的一个id3-minimized.js文件就足够了

    • 0

相关问题