HTMLMediaElement.networkState

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

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

定数 説明
NETWORK_EMPTY 0 まだデータがありません。 また、readyStateHAVE_NOTHING です。
NETWORK_IDLE 1 HTMLMediaElement はアクティブで、リソースを選択しましたが、ネットワークを使用していません。
NETWORK_LOADING 2 ブラウザーは HTMLMediaElement のデータをダウンロードしています。
NETWORK_NO_SOURCE 3 HTMLMediaElementsrc が見つかりません。

この例では、 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) {
    // 読み込み中...
  }
});

仕様書

Specification
HTML Standard
# dom-media-networkstate-dev

ブラウザーの互換性

BCD tables only load in the browser

関連情報