HTMLMediaElement: networkState 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLMediaElement.networkState 属性指示通过网络获取媒体的当前状态。

一个 unsigned short。可能的值为:

常量 描述
NETWORK_EMPTY 0 尚未加载任何数据。此时,readyStateHAVE_NOTHING
NETWORK_IDLE 1 HTMLMediaElement 正在活动并已选择一个资源,但未在使用网络。
NETWORK_LOADING 2 浏览器正在下载 HTMLMediaElement 数据。
NETWORK_NO_SOURCE 3 未找到 HTMLMediaElement 的 src。

示例

此示例将监听 audio 元素开始播放,然后检查它是否仍在加载数据。

html
<audio id="example" preload="auto">
  <source src="sound.ogg" type="audio/ogg" />
</audio>
js
const obj = document.getElementById("example");

obj.addEventListener("playing", () => {
  if (obj.networkState === 2) {
    // Still loading…
  }
});

规范

规范
HTML
# dom-media-networkstate-dev

浏览器兼容性

另见