このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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 ⁨2015年7月⁩.

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

ブラウザーの互換性

関連情報

  • HTMLMediaElement: HTMLMediaElement.networkState プロパティを定義しているインターフェイス