[CRON] sync translated content

3 files changed, 228 insertions, 0 deletions

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
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong>{{domxref("VideoTrackList")}}</strong> の <strong><code>onaddtrack</code></strong> プロパティは、{{event("addtrack")}} イベントが発生したときに呼び出されるイベントハンドラで、<code>VideoTrackList</code> が表す動画トラックを持つメディア要素に新しい動画トラックが追加されたことを示します。</span></p>
+
+<p>イベントは {{domxref("TrackEvent")}} オブジェクトの形式でイベントハンドラに渡され、その {{domxref("TrackEvent.track", "track")}} プロパティは新しく追加されたトラックを識別します。</p>
+
+<div class="note">
+<p><strong>注</strong>: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、<code>addtrack</code> イベント用のハンドラを追加することもできます。</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>VideoTrackList</em>.onaddtrack = <em>eventHandler</em>;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><code>onaddtrack</code> は、 {{domxref("TrackEvent.track", "track")}} プロパティでどの動画トラックがメディアに追加されたかを示す {{domxref("TrackEvent")}} オブジェクトを入力として受け取る関数を設定します。</p>
+
+<h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2>
+
+<p>{{event("addtrack")}} イベントは、動画トラックを <code>VideoTrackList</code> オブジェクトで表すメディア要素に新しいトラックが追加されるたびに呼び出されます。 これは、メディアが最初に要素に添付されたときにトラックが要素に追加されたときに発生します。 メディアリソース内の動画トラックごとに1つの <code>addtrack</code> イベントが発生します。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>このスニペットは、新しく追加されたトラックを表す {{domxref("VideoTrack")}} オブジェクトを渡して、<code>addToTrackList()</code> 関数を呼び出す {{event("addtrack")}} イベントのハンドラを確立します。 このシナリオでは、その関数の役割は、選択可能な動画トラックのリストに新しいトラックを追加することです。</p>
+
+<pre class="brush: js">document.querySelector("video").videoTracks.onaddtrack = function(event) {
+  addToTrackList(event.track);
+};
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#handler-tracklist-onaddtrack', 'VideoTrackList: onaddtrack')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrackList.onaddtrack")}}</p>
+
+<p> </p>
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
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong>{{domxref("VideoTrackList")}}</strong> の <strong><code>onchange</code></strong> プロパティは、{{event("change")}} イベントが発生したときに呼び出されるイベントハンドラで、<code>VideoTrackList</code> 内の {{domxref("VideoTrack")}} がアクティブになったことを示します。</span></p>
+
+<p>イベントは {{domxref("Event")}} オブジェクトの形式でイベントハンドラに渡されます。 イベントは追加情報を提供しません。 メディアのトラックの新しい状態を判断するには、それらの {{domxref("VideoTrack.selected")}} フラグを確認する必要があります。</p>
+
+<div class="note">
+<p><strong>注</strong>: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、<code>change</code> イベントのハンドラを追加することもできます。</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>VideoTrackList</em>.onchange = <em>eventHandler</em>;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><code>onchange</code> は、トラックがアクティブになるたびに呼び出されるべき関数を設定します。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>このスニペットは、リスト内の各トラックを調べる {{event("change")}} イベントのハンドラを確立し、トラックの現在の状態を示すユーザーインターフェイスコントロールの状態を更新する関数を呼び出します。</p>
+
+<pre class="brush: js">var trackList = document.querySelector("video").videoTracks;
+
+trackList.onchange = function(event) {
+  trackList.forEach(function(track) {
+    updateTrackSelectedButton(track.id, track.selected);
+  });
+};
+</pre>
+
+<p>この例の <code>updateTrackSelectedButton()</code> は、トラックの {{domxref("VideoTrack.id", "id")}}（おそらくアプリはトラック ID をコントロール要素の ID として使用します）でユーザーインターフェイスコントロールを見つけて、トラックの {{domxref("VideoTrack.selected", "selected")}} フラグを使用してコントロールが現在どの状態にあるべきかを決定する関数です。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#handler-tracklist-onchange', 'VideoTrackList: onchange')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrackList.onchange")}}</p>
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
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong>{{domxref("VideoTrackList")}}</strong> の <strong><code>onremovetrack</code></strong> イベントハンドラは、{{event("removetrack")}} イベントが発生したときに呼び出され、動画トラックがメディア要素から、つまり <code>VideoTrackList</code> からも取り除かれたことを示します。</span></p>
+
+<p>イベントは {{domxref("TrackEvent")}} オブジェクトの形式でイベントハンドラに渡されます。 その {{domxref("TrackEvent.track", "track")}} プロパティは、メディア要素の <code>VideoTrackList</code> から取り除かれたトラックを識別します。</p>
+
+<div class="note">
+<p><strong>注</strong>: {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用して、<code>removetrack</code> イベント用のハンドラを追加することもできます。</p>
+</div>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>VideoTrackList</em>.onremovetrack = <em>eventHandler</em>;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><code>onremovetrack</code> は、{{domxref("TrackEvent.track", "track")}} プロパティでどの動画トラックがメディア要素から取り除かれたかを示す {{domxref("TrackEvent")}} オブジェクトを入力として受け取る関数を設定します。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>この単純な例では、トラックがメディア要素から取り除かれるたびに、メディア要素内の現在の動画トラック数を取得するだけです。</p>
+
+<pre class="brush: js">document.querySelector("my-video").videoTracks.onremovetrack = function(event) {
+  myTrackCount = document.querySelector("my-video").videoTracks.length;
+};
+</pre>
+
+<p>メディア要素に残っている現在の動画トラック数は、<code>VideoTrackList</code> の {{domxref("VideoTrackList.length", "length")}} プロパティから取得します。</p>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#handler-tracklist-onremovetrack', 'VideoTrackList: onremovetrack')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrackList.onremovetrack")}}</p>