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 # dom-media-networkstate-dev