From f8cb1904ed8ea9c9e10d5220274e01cb488f3139 Mon Sep 17 00:00:00 2001 From: MDN Date: Fri, 4 Feb 2022 00:51:55 +0000 Subject: [CRON] sync translated content --- .../api/videotracklist/addtrack_event/index.html | 77 ++++++++++++++++++++++ .../web/api/videotracklist/change_event/index.html | 77 ++++++++++++++++++++++ .../videotracklist/removetrack_event/index.html | 74 +++++++++++++++++++++ 3 files changed, 228 insertions(+) create mode 100644 files/ja/conflicting/web/api/videotracklist/addtrack_event/index.html create mode 100644 files/ja/conflicting/web/api/videotracklist/change_event/index.html create mode 100644 files/ja/conflicting/web/api/videotracklist/removetrack_event/index.html (limited to 'files/ja/conflicting/web') diff --git a/files/ja/conflicting/web/api/videotracklist/addtrack_event/index.html b/files/ja/conflicting/web/api/videotracklist/addtrack_event/index.html new file mode 100644 index 0000000000..c5f3ed096b --- /dev/null +++ b/files/ja/conflicting/web/api/videotracklist/addtrack_event/index.html @@ -0,0 +1,77 @@ +--- +title: VideoTrackList.onaddtrack +slug: conflicting/Web/API/VideoTrackList/addtrack_event +tags: + - API + - Adding Tracks + - Adding Video Tracks + - Event Handler + - HTML DOM + - Media + - Property + - Reference + - Video + - VideoTrackList + - addTrack + - onaddtrack + - track +translation_of: Web/API/VideoTrackList/onaddtrack +original_slug: Web/API/VideoTrackList/onaddtrack +--- +
{{APIRef("HTML DOM")}}
+ +

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

+ +

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

+ +
+

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

+
+ +

構文

+ +
VideoTrackList.onaddtrack = eventHandler;
+ +

値

+ +

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

+ +

使用上の注意

+ +

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

+ +

例

+ +

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

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

仕様

+ + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onaddtrack', 'VideoTrackList: onaddtrack')}}{{Spec2('HTML WHATWG')}} 
+ +

ブラウザーの互換性

+ + + +

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

+ +

 

diff --git a/files/ja/conflicting/web/api/videotracklist/change_event/index.html b/files/ja/conflicting/web/api/videotracklist/change_event/index.html new file mode 100644 index 0000000000..57f065f6f1 --- /dev/null +++ b/files/ja/conflicting/web/api/videotracklist/change_event/index.html @@ -0,0 +1,77 @@ +--- +title: VideoTrackList.onchange +slug: conflicting/Web/API/VideoTrackList/change_event +tags: + - API + - Adding Tracks + - Adding Video Tracks + - Event Handler + - HTML DOM + - Media + - Property + - Reference + - Video + - VideoTrackList + - addTrack + - onchange + - track +translation_of: Web/API/VideoTrackList/onchange +original_slug: Web/API/VideoTrackList/onchange +--- +
{{APIRef("HTML DOM")}}
+ +

{{domxref("VideoTrackList")}} の onchange プロパティは、{{event("change")}} イベントが発生したときに呼び出されるイベントハンドラで、VideoTrackList 内の {{domxref("VideoTrack")}} がアクティブになったことを示します。

+ +

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

+ +
+

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

+
+ +

構文

+ +
VideoTrackList.onchange = eventHandler;
+ +

値

+ +

onchange は、トラックがアクティブになるたびに呼び出されるべき関数を設定します。

+ +

例

+ +

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

+ +
var trackList = document.querySelector("video").videoTracks;
+
+trackList.onchange = function(event) {
+  trackList.forEach(function(track) {
+    updateTrackSelectedButton(track.id, track.selected);
+  });
+};
+
+ +

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

+ +

仕様

+ + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onchange', 'VideoTrackList: onchange')}}{{Spec2('HTML WHATWG')}} 
+ +

ブラウザーの互換性

+ + + +

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

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

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

+ +

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

+ +
+

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

+
+ +

構文

+ +
VideoTrackList.onremovetrack = eventHandler;
+ +

値

+ +

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

+ +

例

+ +

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

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

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

+ +

仕様

+ + + + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName('HTML WHATWG', '#handler-tracklist-onremovetrack', 'VideoTrackList: onremovetrack')}}{{Spec2('HTML WHATWG')}} 
+ +

ブラウザーの互換性

+ + + +

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

-- cgit v1.2.3-54-g00ecf