gpt4 book ai didi

javascript - 音频持续时间返回 NaN

转载 作者:行者123 更新时间:2023-11-29 10:05:23 25 4
gpt4 key购买 nike

在 Chrome 中使用 JavaScript 访问 HTML5 音频元素(.ogg 文件)。该文件确实可以正常播放,但不知何故它无法识别持续时间。

我刚刚抄写了这段代码:https://www.w3schools.com/jsref/prop_audio_duration.asp (我知道 w3schools 不是很好,但似乎还有其他问题......)

var x = document.getElementById("testTone").duration;
console.log("duration:"+x); // duration:NaN

var y = document.getElementById("testTone");
y.play(); // works!

元素...

<audio controls id="testTone">
<source src="autoharp/tone0.ogg" type="audio/ogg">
</audio>

最佳答案

添加preload="metadata"添加到您的标签,让它请求您的音频对象的元数据:

<audio controls id="testTone" preload="metadata">
<source src="autoharp/tone0.ogg" type="audio/ogg">
</audio>

在您的代码中,附加一个事件处理程序,以设置 metadata has been loaded 时的持续时间:

var au = document.getElementById("testTone");
au.onloadedmetadata = function() {
console.log(au.duration)
};

关于javascript - 音频持续时间返回 NaN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44610417/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com