From 6acf87987baea4675dbd1d5586663959e742cc03 Mon Sep 17 00:00:00 2001 From: MDN Date: Tue, 22 Feb 2022 00:12:14 +0000 Subject: [CRON] sync translated content --- .../api/audiotracklist/addtrack_event/index.html | 82 ++++++++++++++++++++++ .../web/api/audiotracklist/change_event/index.html | 82 ++++++++++++++++++++++ .../audiotracklist/removetrack_event/index.html | 79 +++++++++++++++++++++ 3 files changed, 243 insertions(+) create mode 100644 files/ja/conflicting/web/api/audiotracklist/addtrack_event/index.html create mode 100644 files/ja/conflicting/web/api/audiotracklist/change_event/index.html create mode 100644 files/ja/conflicting/web/api/audiotracklist/removetrack_event/index.html (limited to 'files/ja/conflicting/web/api') diff --git a/files/ja/conflicting/web/api/audiotracklist/addtrack_event/index.html b/files/ja/conflicting/web/api/audiotracklist/addtrack_event/index.html new file mode 100644 index 0000000000..9ad6a9af88 --- /dev/null +++ b/files/ja/conflicting/web/api/audiotracklist/addtrack_event/index.html @@ -0,0 +1,82 @@ +--- +title: AudioTrackList.onaddtrack +slug: conflicting/Web/API/AudioTrackList/addtrack_event +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 +original_slug: 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/conflicting/web/api/audiotracklist/change_event/index.html b/files/ja/conflicting/web/api/audiotracklist/change_event/index.html new file mode 100644 index 0000000000..f87bdb8c08 --- /dev/null +++ b/files/ja/conflicting/web/api/audiotracklist/change_event/index.html @@ -0,0 +1,82 @@ +--- +title: AudioTrackList.onchange +slug: conflicting/Web/API/AudioTrackList/change_event +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 +original_slug: 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/conflicting/web/api/audiotracklist/removetrack_event/index.html b/files/ja/conflicting/web/api/audiotracklist/removetrack_event/index.html new file mode 100644 index 0000000000..298e74064b --- /dev/null +++ b/files/ja/conflicting/web/api/audiotracklist/removetrack_event/index.html @@ -0,0 +1,79 @@ +--- +title: AudioTrackList.onremovetrack +slug: conflicting/Web/API/AudioTrackList/removetrack_event +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 +original_slug: 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")}}

-- cgit v1.2.3-54-g00ecf