javascript - HTML5 音频持续时间在 chrome 和 firefox 中不同

Question

我读过这个问题HTML5 Audio Tag Showing Wrong Duration of MP3 in Chrome ，但仍然无法解决我的问题。音频文件的链接在这里: http://img.kmf.com/toefl/listening/TPO/TPO-48-C1.mp3 .在 chrome 中，音频的持续时间返回 168.408，但在 firefox 中它返回 169.192194。

document.getElementById('jp_audio_0').addEventListener('loadedmetadata', function() {
    console.log(this.duration);
});

<audio id="jp_audio_0" preload="metadata" src="http://img.kmf.com/toefl/listening/TPO/TPO-48-C1.mp3"></audio>

Answer 1

Chrome 信任文件中的元数据(ID3 标签)(几乎每个人，甚至 ffmpeg 都信任)，但 Firefox 不信任。

您的歌曲实际上是 02:49.17，但它的元数据另有说明。

当您删除这些元数据信息时(我使用了 online tool )，那么每个人都同意您的音频的持续时间为 02:49.17(对于 chrome 为 169.16898s，对于 FF 为 169.192194)。

这是没有元数据的文件:

a.onloadedmetadata = e => console.log(a.duration);

<audio id="a" src="https://dl.dropboxusercontent.com/s/adw96fb4xaz377n/TPO-48-C1_noID3.mp3" controls>