触发HTML5音频轨道,以便在加载时播放

Question

在使用.play()JavaScript函数加载页面几秒钟后,我正在尝试播放HTML5音轨.

有时,当音频加载缓慢时,当播放器看起来像这样时触发.play():

缓冲时音频不播放.

有时,当音频快速加载并且播放器看起来像这样时,.play()工作正常.

围绕这个问题最快的方法是什么？(使用监听器？我坚持'加载时播放'功能).

Answer 1

这应该是有效的:

<script language="JavaScript" type="text/javascript">
    var myAudio = document.getElementById('audio1')
    myAudio.oncanplaythrough = function () {this.play();}
</script>

<audio id="audio1" controls preload="auto" />
<audio id="audio2" controls preload="auto" oncanplaythrough="this.play();" />