From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/audiotracklist/addtrack_event/index.html | 83 ++++++++++++++ .../web/api/audiotracklist/change_event/index.html | 98 +++++++++++++++++ .../web/api/audiotracklist/gettrackbyid/index.html | 80 ++++++++++++++ files/ja/web/api/audiotracklist/index.html | 120 +++++++++++++++++++++ files/ja/web/api/audiotracklist/length/index.html | 72 +++++++++++++ .../web/api/audiotracklist/onaddtrack/index.html | 81 ++++++++++++++ .../ja/web/api/audiotracklist/onchange/index.html | 81 ++++++++++++++ .../api/audiotracklist/onremovetrack/index.html | 78 ++++++++++++++ .../audiotracklist/removetrack_event/index.html | 83 ++++++++++++++ 9 files changed, 776 insertions(+) create mode 100644 files/ja/web/api/audiotracklist/addtrack_event/index.html create mode 100644 files/ja/web/api/audiotracklist/change_event/index.html create mode 100644 files/ja/web/api/audiotracklist/gettrackbyid/index.html create mode 100644 files/ja/web/api/audiotracklist/index.html create mode 100644 files/ja/web/api/audiotracklist/length/index.html create mode 100644 files/ja/web/api/audiotracklist/onaddtrack/index.html create mode 100644 files/ja/web/api/audiotracklist/onchange/index.html create mode 100644 files/ja/web/api/audiotracklist/onremovetrack/index.html create mode 100644 files/ja/web/api/audiotracklist/removetrack_event/index.html (limited to 'files/ja/web/api/audiotracklist') diff --git a/files/ja/web/api/audiotracklist/addtrack_event/index.html b/files/ja/web/api/audiotracklist/addtrack_event/index.html new file mode 100644 index 0000000000..311fff9781 --- /dev/null +++ b/files/ja/web/api/audiotracklist/addtrack_event/index.html @@ -0,0 +1,83 @@ +--- +title: 'AudioTrackList: addtrack イベント' +slug: Web/API/AudioTrackList/addtrack_event +tags: + - Audio​Track​List + - Event + - addTrack + - events +translation_of: Web/API/AudioTrackList/addtrack_event +--- +
{{APIRef}}
+ +

addtrack イベントは、トラックが {{domxref("AudioTrackList")}} に追加されたときに発生します。

+ + + + + + + + + + + + + + + + + + + + +
バブリングなし
キャンセル不可
インターフェイス{{domxref("TrackEvent")}}
イベントハンドラプロパティonaddtrack
+ +

例

+ +

AddEventListener() を使用する場合

+ +
const videoElement = document.querySelector('video');
+
+videoElement.audioTracks.addEventListener('addtrack', (event) => {
+  console.log(`Audio track: ${event.track.label} added`);
+});
+ +

onaddtrack イベントハンドラプロパティを使用する場合

+ +
const videoElement = document.querySelector('video');
+
+videoElement.audioTracks.onaddtrack = (event) => {
+  console.log(`Audio track: ${event.track.label} added`);
+};
+ +

仕様

+ + + + + + + + + + + + +
仕様状態
{{SpecName('HTML WHATWG', 'media.html#event-media-addtrack', 'addtrack')}}{{Spec2('HTML WHATWG')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.addtrack_event")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/audiotracklist/change_event/index.html b/files/ja/web/api/audiotracklist/change_event/index.html new file mode 100644 index 0000000000..3cf9a8bc5e --- /dev/null +++ b/files/ja/web/api/audiotracklist/change_event/index.html @@ -0,0 +1,98 @@ +--- +title: 'AudioTrackList: change イベント' +slug: Web/API/AudioTrackList/change_event +tags: + - API + - AudioTrackList + - Change + - Event + - HTML API +translation_of: Web/API/AudioTrackList/change_event +--- +
{{APIRef}}
+ +

change イベントは、音声トラックが有効または無効になったとき（トラックの enabled プロパティを変更したときなど）に発生します。

+ + + + + + + + + + + + + + + + + + + + +
バブリングなし
キャンセル不可
インターフェイス{{domxref("Event")}}
イベントハンドラプロパティ{{domxref("AudioTrackList/onchange", "onchange")}}
+ +

例

+ +

addEventListener() を使用する場合

+ +
const videoElement = document.querySelector('video');
+videoElement.audioTracks.addEventListener('change', (event) => {
+    console.log(`'${event.type}' イベント発生`);
+});
+
+// `enabled` の値を変更すると `change` イベントを引き起こします
+const toggleTrackButton = document.querySelector('.toggle-track');
+toggleTrackButton.addEventListener('click', () => {
+  const track = videoElement.audioTracks[0];
+  track.enabled = !track.enabled;
+});
+
+ +

onchange イベントハンドラプロパティを使用する場合

+ +
const videoElement = document.querySelector('video');
+videoElement.audioTracks.onchange = (event) => {
+    console.log(`'${event.type}' イベント発生`);
+};
+
+// `enabled` の値を変更すると `change` イベントを引き起こします
+const toggleTrackButton = document.querySelector('.toggle-track');
+toggleTrackButton.addEventListener('click', () => {
+  const track = videoElement.audioTracks[0];
+  track.enabled = !track.enabled;
+});
+ +

仕様書

+ + + + + + + + + + + + + + +
仕様書状態
{{SpecName('HTML WHATWG', 'media.html#event-media-change', 'change')}}{{Spec2('HTML WHATWG')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.change_event")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/audiotracklist/gettrackbyid/index.html b/files/ja/web/api/audiotracklist/gettrackbyid/index.html new file mode 100644 index 0000000000..ec4f8e89f2 --- /dev/null +++ b/files/ja/web/api/audiotracklist/gettrackbyid/index.html @@ -0,0 +1,80 @@ +--- +title: AudioTrackList.getTrackById() +slug: Web/API/AudioTrackList/getTrackById +tags: + - API + - Audio + - AudioTrackList + - HTML DOM + - Media + - Method + - Reference + - Track ID + - Track List + - Tracks + - getTrackById + - id + - track +translation_of: Web/API/AudioTrackList/getTrackById +--- +
{{APIRef("HTML DOM")}}
+ +

{{domxref("AudioTrackList")}} の getTrackById() メソッドは、指定された文字列と {{domxref("AudioTrack.id", "id")}} が一致するトラックリストから最初の {{domxref("AudioTrack")}} オブジェクトを返します。 ID 文字列がわかっていれば、これで特定のトラックを見つけることができます。

+ +

構文

+ +
var theTrack = AudioTrackList.getTrackById(id);
+ +

パラメーター

+ +
+
id
+
トラックリスト内で検索するトラックの ID を示す {{domxref("DOMString")}}。
+
+ +

戻り値

+ +

指定された文字列に一致する id を持つ AudioTrackList 内で見つかった最初のトラックを示す {{domxref("AudioTrack")}} オブジェクト。 一致が見つからない場合、このメソッドは null を返します。

+ +

トラックは自然な順序で検索されます。 つまり、メディアリソース自体によって定義された順序で、またはリソースが順序を定義していない場合は、メディアリソースによってトラックが宣言される相対的な順序です。

+ +

例

+ +

この例は、映画をゲーム内のカットシーンまたは他の重要なセットのピースとして使用する架空のゲームを示唆しています。 各映画には、各キャラクターに1つの音声トラックがあり、音楽、効果音などにも1つの音声トラックがあります。 この関数により、ゲーム内の出来事に基づいて映画の演技を調整するために、ゲームは特定のキャラクターの音声を無効にすることができます。 キャラクターの対話が適切でない場合は、省略されます。 明らかにそれは作品を作るためにいくつかの巧妙なグラフィックデザインを必要とするでしょう、しかし...これは架空のゲームです。

+ +
function disableCharacter(videoElem, characterName) {
+  videoElem.audioTracks.getTrackById(characterName).enabled = false;
+}
+
+ +

この短い関数は、{{domxref("HTMLMediaElement.audioTracks")}} を使用して動画の音声トラックを含む {{domxref("AudioTrackList")}} を取得し、それから getTrackById() を呼び出してキャラクターの名前を指定します。 結果としてトラックの音声は、その {{domxref("AudioTrack.enabled", "enabled")}} フラグを false に設定することで無効になります。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#dom-audiotracklist-gettrackbyid', 'AudioTrackList.getTrackById()')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-getTrackById', 'AudioTrackList.getTrackById()')}}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.getTrackById")}}

diff --git a/files/ja/web/api/audiotracklist/index.html b/files/ja/web/api/audiotracklist/index.html new file mode 100644 index 0000000000..097c783983 --- /dev/null +++ b/files/ja/web/api/audiotracklist/index.html @@ -0,0 +1,120 @@ +--- +title: AudioTrackList +slug: Web/API/AudioTrackList +tags: + - API + - Audio + - AudioTrackList + - HTML DOM + - Interface + - Media + - Reference + - Track List + - Tracks + - list + - インターフェイス +translation_of: Web/API/AudioTrackList +--- +
{{APIRef("HTML DOM")}}
+ +

AudioTrackList インターフェイスは、所与の HTML メディア要素内に含まれる音声トラックのリストを表すために使用します。 各トラックはリスト内の別々の {{domxref("AudioTrack")}} オブジェクトで表します。

+ +

{{domxref('HTMLMediaElement.audioTracks')}} を使用してこのオブジェクトのインスタンスを取得します。 個々のトラックは、配列構文を使用してアクセスできます。

+ +

プロパティ

+ +

このインターフェイスは、その親インターフェイスである {{domxref("EventTarget")}} からもプロパティを継承します。

+ +
+
{{domxref("AudioTrackList.length", "length")}} {{ReadOnlyInline}}
+
リスト内のトラック数
+
+ +

イベントハンドラー

+ +
+
{{domxref("AudioTrackList.onaddtrack", "onaddtrack")}}
+
{{event("addtrack")}} イベントが発生したときに呼び出されるイベントハンドラー。 新しい音声トラックがメディア要素に追加されたことを示します。
+
{{domxref("AudioTrackList.onchange", "onchange")}}
+
{{event("change")}} イベントが発生したときに呼び出されるイベントハンドラー。 これは、1つ以上のトラックが {{domxref("AudioTrack.enabled", "enabled")}} フラグの変更により有効または無効になったときに発生します。
+
{{domxref("AudioTrackList.onremovetrack", "onremovetrack")}}
+
{{event("removetrack")}} イベントが発生したときに呼び出されるイベントハンドラー。 音声トラックがメディア要素から取り除かれたことを示します。
+
+ +

メソッド

+ +

このインターフェイスは、その親インターフェイスである {{domxref("EventTarget")}} からもメソッドを継承しています。

+ +
+
{{domxref("AudioTrackList.getTrackById", "getTrackById()")}}
+
指定された文字列と一致する {{domxref("AudioTrack.id", "id")}} を持つ AudioTrackList 内で見つかった {{domxref("AudioTrack")}} を返します。 一致が見つからない場合は、null を返します。
+
+ +

イベント

+ +
+
{{domxref("AudioTrackList.addtrack_event", "addtrack")}}
+
新しい音声トラックがメディア要素に追加されたときに発生します。
+ {{domxref("AudioTrackList.onaddtrack", "onaddtrack")}} プロパティからも利用できます。
+
{{domxref("AudioTrackList.change_event", "change")}}
+
トラックが有効または無効にされたときに発生します。
+ {{domxref("AudioTrackList.onchange", "onchange")}} プロパティからも利用できます。
+
{{domxref("AudioTrackList.removetrack_event", "removetrack")}}
+
音声トラックがメディア要素から取り除かれたときに発生します。
+ {{domxref("AudioTrackList.onremovetrack", "onremovetrack")}} プロパティからも利用できます。
+
+ +

使用上の注意

+ +

AudioTrackList を使用すると、メディア要素にある音声トラックに直接アクセスできるだけでなく、{{event("addtrack")}} イベントと {{event("removetrack")}} イベントにイベントハンドラを設定できるため、メディア要素のストリームにトラックが追加されたときまたは取り除かれたときに検出できます。 詳細と例については、{{domxref("AudioTrackList.onaddtrack", "onaddtrack")}} と {{domxref("AudioTrackList.onremovetrack", "onremovetrack")}} を参照してください。

+ +

例

+ +

メディア要素の音声トラックリストの取得

+ +

メディア要素の {{domxref("AudioTrackList")}} を取得するには、その {{domxref("HTMLMediaElement.audioTracks", "audioTracks")}} プロパティを使用します。

+ +
var audioTracks = document.querySelector("video").audioTracks;
+ +

トラック数の変化の監視

+ +

この例では、利用可能なチャンネル数に関する情報を表示するアプリがあります。 それを最新に保つために、{{event("addtrack")}} イベントと {{event("removetrack")}} イベントのためのハンドラを設定しています。

+ +
audioTracks.onaddtrack = updateTrackCount;
+audioTracks.onremovetrack = updateTrackCount;
+
+function updateTrackCount(event) {
+  trackCount = audioTracks.length;
+  drawTrackCountIndicator(trackCount);
+}
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('HTML WHATWG', 'media.html#audiotracklist', 'AudioTrackList')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'embedded-content-0.html#audiotracklist', 'AudioTrackList')}}{{Spec2('HTML5 W3C')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList")}}

diff --git a/files/ja/web/api/audiotracklist/length/index.html b/files/ja/web/api/audiotracklist/length/index.html new file mode 100644 index 0000000000..5449a3978f --- /dev/null +++ b/files/ja/web/api/audiotracklist/length/index.html @@ -0,0 +1,72 @@ +--- +title: AudioTrackList.length +slug: Web/API/AudioTrackList/length +tags: + - API + - Audio + - AudioTrackList + - HTML DOM + - Media + - Property + - Read-only + - Reference + - length + - list + - track +translation_of: Web/API/AudioTrackList/length +--- +
{{APIRef("HTML DOM")}}
+ +

読み取り専用の {{domxref("AudioTrackList")}} の length プロパティは、AudioTrackList 内のエントリ数を返します。 各エントリは、メディア要素内の1つの音声トラックを表す {{domxref("AudioTrack")}} です。 値 0 は、メディアに音声トラックがないことを示します。

+ +

構文

+ +
var trackCount = AudioTrackList.length;
+ +

値

+ +

AudioTrackList に含まれる音声トラックの数を示す数値。 AudioTrackList を {{domxref("AudioTrack")}} 型のオブジェクトの配列として扱うことで、各トラックにアクセスできます。

+ +

例

+ +

このスニペットは、{{domxref("Document.querySelector", "querySelector()")}} によって {{Glossary("DOM")}} 内で見つかった最初の {{HTMLElement("video")}} 要素内の音声トラックの数を取得します。

+ +
var videoElem = document.querySelector("video");
+var numAudioTracks = 0;
+
+if (videoElem.audioTracks) {
+  numAudioTracks = videoElem.audioTracks.length;
+}
+
+ +

このサンプルは、{{domxref("AudioTrack")}} をサポートしていないブラウザーで失敗するのを避けるために、{{domxref("HTMLMediaElement.audioTracks")}} が定義されていることを確認していることに注意してください。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', 'media.html#dom-audiotracklist-length', 'AudioTrackList.length')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-length', 'AudioTrackList.length')}}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.length")}}

diff --git a/files/ja/web/api/audiotracklist/onaddtrack/index.html b/files/ja/web/api/audiotracklist/onaddtrack/index.html new file mode 100644 index 0000000000..b73d0deacf --- /dev/null +++ b/files/ja/web/api/audiotracklist/onaddtrack/index.html @@ -0,0 +1,81 @@ +--- +title: AudioTrackList.onaddtrack +slug: Web/API/AudioTrackList/onaddtrack +tags: + - API + - Adding Audio Tracks + - Adding Tracks + - Audio + - AudioTrackList + - Event Handler + - HTML DOM + - Media + - Property + - Reference + - addTrack + - onaddtrack + - track +translation_of: Web/API/AudioTrackList/onaddtrack +--- +
{{APIRef("HTML DOM")}}
+ +

{{domxref("AudioTrackList")}} の onaddtrack プロパティは、{{event("addtrack")}} イベントが発生したときに呼び出されるイベントハンドラで、AudioTrackList が表す音声トラックを持つメディア要素に新しい音声トラックが追加されたことを示します。

+ +

イベントは {{domxref("TrackEvent")}} オブジェクトの形でイベントハンドラに渡され、その {{domxref("TrackEvent.track", "track")}} プロパティは新しく追加されたトラックを識別します。

+ +
+

注: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、addtrack イベント用のハンドラを追加することもできます。

+
+ +

構文

+ +
AudioTrackList.onaddtrack = eventHandler;
+ +

値

+ +

onaddtrack は、 {{domxref("TrackEvent.track", "track")}} プロパティでどの音声トラックがメディアに追加されたかを示す {{domxref("TrackEvent")}} オブジェクトを入力として受け取る関数を設定します。

+ +

使用上の注意

+ +

{{event("addtrack")}} イベントは、音声トラックを AudioTrackList オブジェクトで表すメディア要素に新しいトラックが追加されるたびに呼び出されます。 これは、メディアが最初に要素に添付されたときにトラックが要素に追加されたときに発生します。 メディアリソース内の音声トラックごとに1つの addtrack イベントが発生します。

+ +

例

+ +

このスニペットは、新しく追加されたトラックを表す {{domxref("AudioTrack")}} オブジェクトを渡して、addToTrackList() 関数を呼び出す {{event("addtrack")}} イベントのハンドラを確立します。 このシナリオでは、その関数の役割は、選択可能な音声トラックのリストに新しいトラックを追加することです。

+ +
document.querySelector("video").audioTracks.onaddtrack = function(event) {
+  addToTrackList(event.track);
+};
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onaddtrack', 'AudioTrackList.onaddtrack')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onaddtrack', 'AudioTrackList.onaddtrack')}}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.onaddtrack")}}

+ +

 

diff --git a/files/ja/web/api/audiotracklist/onchange/index.html b/files/ja/web/api/audiotracklist/onchange/index.html new file mode 100644 index 0000000000..872f7e7f13 --- /dev/null +++ b/files/ja/web/api/audiotracklist/onchange/index.html @@ -0,0 +1,81 @@ +--- +title: AudioTrackList.onchange +slug: Web/API/AudioTrackList/onchange +tags: + - API + - Adding Audio Tracks + - Adding Tracks + - Audio + - AudioTrackList + - Event Handler + - HTML DOM + - Media + - Property + - Reference + - addTrack + - onchange + - track +translation_of: Web/API/AudioTrackList/onchange +--- +
{{APIRef("HTML DOM")}}
+ +

{{domxref("AudioTrackList")}} の onchange プロパティは、{{event("change")}} イベントが発生したときに呼び出されるイベントハンドラで、AudioTrackList 内の1つ以上の {{domxref("AudioTrack")}} が有効または無効になっていることを示します。

+ +

イベントは {{domxref("Event")}} オブジェクトの形でイベントハンドラに渡されます。 イベントは追加情報を提供しません。 メディアのトラックの新しい状態を判断するには、それらの {{domxref("AudioTrack.enabled")}} フラグを調べる必要があります。

+ +
+

注: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、change イベントのハンドラを追加することもできます。

+
+ +

構文

+ +
AudioTrackList.onchange = eventHandler;
+ +

値

+ +

onchange は、メディア要素でトラックが有効または無効になったときに必ず呼び出される関数を設定します。

+ +

例

+ +

このスニペットは、リスト内の各トラックを調べる {{event("change")}} イベントのハンドラを確立し、トラックの現在の状態を示すユーザーインターフェイスコントロールの状態を更新する関数を呼び出します。

+ +
var trackList = document.querySelector("video").audioTracks;
+
+trackList.onchange = function(event) {
+  trackList.forEach(function(track) {
+    updateTrackEnabledButton(track.id, track.enabled);
+  });
+};
+
+ +

この例の updateTrackEnabledButton() は、トラックの {{domxref("AudioTrack.id", "id")}}（おそらくアプリはトラック ID をコントロール要素の ID として使用します）でユーザーインターフェイスコントロールを見つけて、トラックの {{domxref("AudioTrack.enabled", "enabled")}} フラグを使用してコントロールが現在どの状態にあるべきかを決定する関数です。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onchange', 'AudioTrackList.onchange')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onchange', 'AudioTrackList.onchange')}}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.onchange")}}

diff --git a/files/ja/web/api/audiotracklist/onremovetrack/index.html b/files/ja/web/api/audiotracklist/onremovetrack/index.html new file mode 100644 index 0000000000..3683570ebb --- /dev/null +++ b/files/ja/web/api/audiotracklist/onremovetrack/index.html @@ -0,0 +1,78 @@ +--- +title: AudioTrackList.onremovetrack +slug: Web/API/AudioTrackList/onremovetrack +tags: + - API + - Audio + - AudioTrackList + - Event Handler + - HTML DOM + - Media + - Property + - Reference + - Removing Audio Tracks + - Removing Tracks + - onremovetrack + - remove + - removeTrack + - track +translation_of: Web/API/AudioTrackList/onremovetrack +--- +
{{APIRef("HTML DOM")}}
+ +

{{domxref("AudioTrackList")}} の onremovetrack イベントハンドラは、{{event("removetrack")}} イベントが発生したときに呼び出され、音声トラックがメディア要素から、したがって AudioTrackList からも取り除かれたことを示します。

+ +

イベントは {{domxref("TrackEvent")}} オブジェクトの形式でイベントハンドラに渡されます。 その {{domxref("TrackEvent.track", "track")}} プロパティは、メディア要素の AudioTrackList から取り除かれたトラックを識別します。

+ +
+

注: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、removetrack イベント用のハンドラを追加することもできます。

+
+ +

構文

+ +
AudioTrackList.onremovetrack = eventHandler;
+ +

値

+ +

onremovetrack は、{{domxref("TrackEvent.track", "track")}} プロパティでどの音声トラックがメディア要素から取り除かれたかを示す {{domxref("TrackEvent")}} オブジェクトを入力として受け取る関数を設定します。

+ +

例

+ +

この単純な例は、トラックがメディア要素から取り除かれるたびに、メディア要素内の現在の音声トラック数を取得するだけです。

+ +
document.querySelector("my-video").audioTracks.onremovetrack = function(event) {
+  myTrackCount = document.querySelector("my-video").audioTracks.length;
+};
+
+ +

メディア要素に残っている現在の音声トラック数は、AudioTrackList の {{domxref("AudioTrackList.length", "length")}} プロパティから取得します。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onremovetrack', 'AudioTrackList.onremovetrack')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onremovetrack', 'AudioTrackList.onremovetrack')}}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.onremovetrack")}}

diff --git a/files/ja/web/api/audiotracklist/removetrack_event/index.html b/files/ja/web/api/audiotracklist/removetrack_event/index.html new file mode 100644 index 0000000000..ea6d7dcbc3 --- /dev/null +++ b/files/ja/web/api/audiotracklist/removetrack_event/index.html @@ -0,0 +1,83 @@ +--- +title: 'AudioTrackList: removetrack イベント' +slug: Web/API/AudioTrackList/removetrack_event +tags: + - AudioTrackList + - Event + - events + - removeTrack +translation_of: Web/API/AudioTrackList/removetrack_event +--- +
{{APIRef}}
+ +

removeTrack イベントは、トラックが {{domxref("AudioTrackList")}} から取り除かれたときに発生します。

+ + + + + + + + + + + + + + + + + + + + +
バブリングなし
キャンセル不可
インターフェイス{{domxref("TrackEvent")}}
イベントハンドラプロパティonremovetrack
+ +

例

+ +

AddEventListener() を使用する場合

+ +
const videoElement = document.querySelector('video');
+
+videoElement.audioTracks.addEventListener('removetrack', (event) => {
+  console.log(`Audio track: ${event.track.label} removed`);
+});
+ +

onremovetrack イベントハンドラプロパティを使用する場合

+ +
const videoElement = document.querySelector('video');
+
+videoElement.audioTracks.onremovetrack = (event) => {
+  console.log(`Audio track: ${event.track.label} removed`);
+};
+ +

仕様

+ + + + + + + + + + + + +
仕様状態
{{SpecName('HTML WHATWG', 'media.html#event-media-removetrack', 'removetrack')}}{{Spec2('HTML WHATWG')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.AudioTrackList.removetrack_event")}}

+ +

See also

+ + -- cgit v1.2.3-54-g00ecf