AudioTrack.enabled

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

AudioTrackenabled プロパティは、記述された音声トラックが現在使用可能かどうかを指定します。 enabledfalse に設定してトラックを無効にすると、トラックはミュートになり、音声は生成されません。

enabled プロパティは論理値で、トラックが有効な場合は値が true になります。 有効なトラックは、メディアの再生中に音声を生成します。 enabledfalse に設定すると、音声トラックが効果的にミュートされ、メディアの音声パフォーマンスに寄与しなくなります。

この例では、メディア要素のメイン音声トラックと解説音声トラックを切り替えます。

js
function swapCommentaryMain() {
  const videoElem = document.getElementById("main-video");
  let audioTrackMain;
  let audioTrackCommentary;

  videoElem.audioTracks.forEach(track) {
    if (track.kind === "main") {
      audioTrackMain = track;
    } else if (track.kind === "commentary") {
      audioTrackCommentary = track;
    }
  }

  if (audioTrackMain && audioTrackCommentary) {
    const commentaryEnabled = audioTrackCommentary.enabled;
    audioTrackCommentary.enabled = audioTrackMain.enabled;
    audioTrackMain.enabled = commentaryEnabled;
  }
}

上記の swapCommentaryMain() 関数は、<video> 要素の "main-video" の音声トラック内で、kind の値が "main""commentary" である音声トラックを見つけます。 これらはプライマリ音声トラックと解説トラックを表します。

メモ: この例では、動画には各種類のトラックが 1 つずつしかないと想定していますが、必ずしもそうとは限りません。

次に、要素の音声トラックを、JavaScript の forEach() メソッドを使用してスキャンします(メディア要素の audioTracks プロパティは実際には JavaScript の配列ではありませんが、ほとんどの場合は同様にアクセスできます)。

スキャンは、kind の値が "main""commentary" のトラックを探し、それらの AudioTrack オブジェクトを記憶します。 それらが見つかると、2つのトラックの enabled プロパティの値を交換することで、2つのトラックのどちらが現在アクティブになっているかを交換します。

仕様書

Specification
HTML
# dom-audiotrack-enabled-dev

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
enabled

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
User must explicitly enable this feature.
Has more compatibility info.