HTMLMediaElement: networkState プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTMLMediaElement.networkState プロパティは、ネットワークを介したメディアの現在の取得状況を示します。

unsigned short 型。可能な値は次のとおりです。

定数	値	説明
`NETWORK_EMPTY`	0	まだデータがありません。また、`readyState` は `HAVE_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>

const obj = document.getElementById("example");

obj.addEventListener("playing", () => {
  if (obj.networkState === 2) {
    // 読み込み中...
  }
});

Specification
HTML Standard # dom-media-networkstate-dev

BCD tables only load in the browser