diff options
author | MDN <actions@users.noreply.github.com> | 2022-02-22 00:12:14 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2022-02-22 00:12:14 +0000 |
commit | 6acf87987baea4675dbd1d5586663959e742cc03 (patch) | |
tree | 83b489d9467dc18464207bbec4a8e5eaf9c804cd /files/ja/conflicting | |
parent | 92e543f7c53602f7b0ed8ba0788995632adf9601 (diff) | |
download | translated-content-6acf87987baea4675dbd1d5586663959e742cc03.tar.gz translated-content-6acf87987baea4675dbd1d5586663959e742cc03.tar.bz2 translated-content-6acf87987baea4675dbd1d5586663959e742cc03.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/conflicting')
3 files changed, 243 insertions, 0 deletions
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 +--- +<div>{{APIRef("HTML DOM")}}</div> + +<p><span class="seoSummary"><strong>{{domxref("AudioTrackList")}}</strong> の <strong><code>onaddtrack</code></strong> プロパティは、{{event("addtrack")}} イベントが発生したときに呼び出されるイベントハンドラで、<code>AudioTrackList</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>AudioTrackList</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>AudioTrackList</code> オブジェクトで表すメディア要素に新しいトラックが追加されるたびに呼び出されます。 これは、メディアが最初に要素に添付されたときにトラックが要素に追加されたときに発生します。 メディアリソース内の音声トラックごとに1つの <code>addtrack</code> イベントが発生します。</p> + +<h2 id="Example" name="Example">例</h2> + +<p>このスニペットは、新しく追加されたトラックを表す {{domxref("AudioTrack")}} オブジェクトを渡して、<code>addToTrackList()</code> 関数を呼び出す {{event("addtrack")}} イベントのハンドラを確立します。 このシナリオでは、その関数の役割は、選択可能な音声トラックのリストに新しいトラックを追加することです。</p> + +<pre class="brush: js">document.querySelector("video").audioTracks.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', 'AudioTrackList.onaddtrack')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onaddtrack', 'AudioTrackList.onaddtrack')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.AudioTrackList.onaddtrack")}}</p> + +<p> </p> 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 +--- +<div>{{APIRef("HTML DOM")}}</div> + +<p><span class="seoSummary"><strong>{{domxref("AudioTrackList")}}</strong> の <strong><code>onchange</code></strong> プロパティは、{{event("change")}} イベントが発生したときに呼び出されるイベントハンドラで、<code>AudioTrackList</code> 内の1つ以上の {{domxref("AudioTrack")}} が有効または無効になっていることを示します。</span></p> + +<p>イベントは {{domxref("Event")}} オブジェクトの形でイベントハンドラに渡されます。 イベントは追加情報を提供しません。 メディアのトラックの新しい状態を判断するには、それらの {{domxref("AudioTrack.enabled")}} フラグを調べる必要があります。</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>AudioTrackList</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").audioTracks; + +trackList.onchange = function(event) { + trackList.forEach(function(track) { + updateTrackEnabledButton(track.id, track.enabled); + }); +}; +</pre> + +<p>この例の <code>updateTrackEnabledButton()</code> は、トラックの {{domxref("AudioTrack.id", "id")}}(おそらくアプリはトラック ID をコントロール要素の ID として使用します)でユーザーインターフェイスコントロールを見つけて、トラックの {{domxref("AudioTrack.enabled", "enabled")}} フラグを使用してコントロールが現在どの状態にあるべきかを決定する関数です。</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', 'AudioTrackList.onchange')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onchange', 'AudioTrackList.onchange')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.AudioTrackList.onchange")}}</p> 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 +--- +<div>{{APIRef("HTML DOM")}}</div> + +<p><span class="seoSummary"><strong>{{domxref("AudioTrackList")}}</strong> の <strong><code>onremovetrack</code></strong> イベントハンドラは、{{event("removetrack")}} イベントが発生したときに呼び出され、音声トラックがメディア要素から、したがって <code>AudioTrackList</code> からも取り除かれたことを示します。</span></p> + +<p>イベントは {{domxref("TrackEvent")}} オブジェクトの形式でイベントハンドラに渡されます。 その {{domxref("TrackEvent.track", "track")}} プロパティは、メディア要素の <code>AudioTrackList</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>AudioTrackList</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").audioTracks.onremovetrack = function(event) { + myTrackCount = document.querySelector("my-video").audioTracks.length; +}; +</pre> + +<p>メディア要素に残っている現在の音声トラック数は、<code>AudioTrackList</code> の {{domxref("AudioTrackList.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', 'AudioTrackList.onremovetrack')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotracklist-onremovetrack', 'AudioTrackList.onremovetrack')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + + + +<p>{{Compat("api.AudioTrackList.onremovetrack")}}</p> |