更改audio src路径后,获取duration为NaN的解决方法

切换下一首歌曲时,更改 audio 的 src 路径, 直接获取 duration 会得到 NaN 值

myaudio.src = 'music-2.mp3';
alert(myaudio.duration);

解决方法如下:

myaudio.src = 'music-2.mp3';

myaudio.load();

myaudio.oncanplay = function () {
	alert(myaudio.duration);
}

load() 方法用于在更改来源其他设置后对音频/视频元素进行更新。

canplay 当浏览器可以播放音频/视频时


更改后需要重新加载 audio 元素,在 audio 元素加载完成后 (oncanplay),此时才能获取到正确的 duration 值


-------更新------


duration 的值可以在 canplay 事件发生之前的 durationchange 阶段中获取。


myaudio.ondurationchange= function () {
	alert(myaudio.duration);
}

当指定音频/视频的时长数据发生变化时,发生 durationchange 事件。

当音频/视频加载后,时长将由 "NaN" 变为音频/视频的实际时长。

当音频/视频处于加载过程中时,会依次发生以下事件:






猜你喜欢

转载自blog.csdn.net/chenjineng/article/details/77650870