跳到主要内容

场景

2024年02月23日
柏拉文
越努力，越幸运

一、播放​

1.1 readyState​

检测 readyState 属性的值。如果值是 HTMLMediaElement.HAVE_FUTURE_DATA，说明有足够的数据开始回放并能至少播放一小段时间。如果值是 HTMLMediaElement.HAVE_ENOUGH_DATA，根据当前的下载速率，说明有足够的数据，你可以无干扰地播放至结束。

1.2 canplay​

监听 canplay 事件。当足够的音频数据被发送至 <audio> 元素，能开始回放，即使可能出现中断时，会触发该事件。

1.3 canplaythrough​

监听 canplaythrough 事件。当音频应该没有干扰能够顺利播放时将会触发该事件。

myAudioElement.addEventListener("canplaythrough", (event) => {
  /* 音频可以播放；如果权限允许则播放 */
  myAudioElement.play();
});