如何检查是否加载了HTML5音频元素？ [英] How do you check if a HTML5 audio element is loaded?

问题描述

我想知道如何检查是否加载了HTML5音频元素。

I am wanting to know how to check if a HTML5 audio element is loaded.

推荐答案

要找出音频何时开始播放，请为 oncanplay 或 oncanplaythrough 活动。要了解音频何时加载，请收听 onloadeddata 事件：

To find out when the audio is ready to start playing, add listeners for the oncanplay or oncanplaythrough events. To find out when the audio has loaded at all, listen to the onloadeddata event:

<audio oncanplay="myOnCanPlayFunction()"
       oncanplaythrough="myOnCanPlayThroughFunction()"
       onloadeddata="myOnLoadedData()"
       src="myaudio.ogg"
       controls>
    <a href="myaudio.ogg">Download</a>
</audio>

<script>
function myOnCanPlayFunction() { console.log('Can play'); }
function myOnCanPlayThroughFunction() { console.log('Can play through'); }
function myOnLoadedData() { console.log('Loaded data'); }
</script>

这篇关于如何检查是否加载了HTML5音频元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！