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.

We'd love to hear more about your role and the company you work for

Please help us by answering a few questions.

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