initial commit

7 files changed, 460 insertions, 0 deletions

diff --git a/files/ja/web/api/videotrack/id/index.html b/files/ja/web/api/videotrack/id/index.html
new file mode 100644
index 0000000000..206b32d4ab
--- /dev/null
+++ b/files/ja/web/api/videotrack/id/index.html
@@ -0,0 +1,58 @@
+---
+title: VideoTrack.id
+slug: Web/API/VideoTrack/id
+tags:
+  - API
+  - HTML DOM
+  - Interface
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - Video
+  - Video Track
+  - VideoTrack
+  - id
+  - track
+translation_of: Web/API/VideoTrack/id
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>id</code></strong> プロパティは、<strong>{{domxref("VideoTrack")}}</strong> によって表されるトラックを一意に識別する文字列を含みます。</span> この ID を {{domxref("VideoTrackList.getTrackById()")}} メソッドと共に使用して、メディア要素に関連付けられたメディア内の特定のトラックを見つけることができます。</p>
+
+<p>トラック ID は、特定のトラックをロードする URL のフラグメントとしても使用できます（メディアがメディアフラグメントをサポートしている場合）。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>trackID</em> = <em>VideoTrack</em>.id;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>トラックを識別する {{domxref("DOMString")}}。メディア要素の {{domxref("HTMLMediaElement.videoTracks", "videoTracks")}} プロパティで指定されたものなどの {{domxref("VideoTrackList")}} で {{domxref("VideoTrackList.getTrackById", "getTrackById()")}} を呼び出すときに使用するのに適しています。</p>
+
+<p> </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', '#dom-videotrack-id', 'VideoTrack: id')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.id")}}</p>
diff --git a/files/ja/web/api/videotrack/index.html b/files/ja/web/api/videotrack/index.html
new file mode 100644
index 0000000000..3228931e8c
--- /dev/null
+++ b/files/ja/web/api/videotrack/index.html
@@ -0,0 +1,85 @@
+---
+title: VideoTrack
+slug: Web/API/VideoTrack
+tags:
+  - HTML
+  - HTML DOM
+  - Interface
+  - Media
+  - Reference
+  - Video
+  - VideoTrack
+  - track
+translation_of: Web/API/VideoTrack
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><code>VideoTrack</code> インターフェイスは、{{HTMLElement("video")}} 要素からの単一の動画トラックを表します。</span> <code>VideoTrack</code> オブジェクトにアクセスするための最も一般的な用途は、その {{HTMLElement("video")}} 要素のアクティブ動画トラックにするために、その {{domxref("VideoTrack.selected", "selected")}} プロパティを切り替えることです。</p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("VideoTrack.selected", "selected")}}</dt>
+ <dd>動画トラックがアクティブかどうかを制御する Boolean の値。 同時にアクティブにできる動画トラックは1つだけなので、別のトラックがアクティブなときに、あるトラックでこのプロパティを <code>true</code> に設定すると、アクティブであったトラックは非アクティブになります。</dd>
+ <dt>{{domxref("VideoTrack.id", "id")}} {{ReadOnlyInline}}</dt>
+ <dd>メディア内のトラックを一意に識別する {{domxref("DOMString")}}。この ID を使用して、{{domxref("VideoTrackList.getTrackById()")}} を呼び出して、動画トラックリスト内の特定のトラックを見つけることができます。 メディアが <a href="https://www.w3.org/TR/media-frags/">Media Fragments URI 仕様</a>（<a href="http://www.asahi-net.or.jp/~ax2s-kmtn/internet/media/REC-media-frags-10-20120925.html">その日本語訳</a>）に従ってメディアフラグメントによるシークをサポートしている場合は、ID を URL のフラグメント部分として使用することもできます。</dd>
+ <dt>{{domxref("VideoTrack.kind", "kind")}} {{ReadOnlyInline}}</dt>
+ <dd>トラックが属するカテゴリを指定する {{domxref("DOMString")}}。 例えば、メイン動画トラックには <code>"main"</code> という <code>kind</code> があります。</dd>
+ <dt>{{domxref("VideoTrack.label", "label")}} {{ReadOnlyInline}}</dt>
+ <dd>トラックに人間が読めるラベルを提供する {{domxref("DOMString")}}。 例えば、<code>kind</code> が <code>"sign"</code> のトラックには <code>"手話通訳"</code> という <code>label</code> が付いている場合があります。 ラベルが指定されていない場合、この文字列は空です。</dd>
+ <dt>{{domxref("VideoTrack.language", "language")}} {{ReadOnlyInline}}</dt>
+ <dd>動画トラックの主要言語を指定する {{domxref("DOMString")}}、または不明の場合は空の文字列。 言語は、<code>"en-US"</code> または <code>"pt-BR"</code> などの BCP 47（{{RFC(5646)}}）言語コードとして指定されています。</dd>
+ <dt>{{domxref("VideoTrack.sourceBuffer", "sourceBuffer")}} {{ReadOnlyInline}}</dt>
+ <dd>トラックを作成した {{domxref("SourceBuffer")}}。トラックが {{domxref("SourceBuffer")}} によって作成されなかった場合、または {{domxref("SourceBuffer")}} がその親メディアソースの {{domxref("MediaSource.sourceBuffers")}} 属性から取り除かれた場合は、null を返します。</dd>
+</dl>
+
+<h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2>
+
+<p>特定のメディア要素の <code>VideoTrack</code> を取得するには、その要素の {{domxref("HTMLMediaElement.videoTracks", "videoTracks")}} プロパティを使用します。 このプロパティは、メディアに含まれる個々のトラックを取得できる {{domxref("VideoTrackList")}} オブジェクトを返します。</p>
+
+<pre class="brush: js">var el = document.querySelector("video");
+var tracks = el.videoTracks;
+</pre>
+
+<p>その後、配列の構文または {{jsxref("Array.forEach", "forEach()")}} などの関数を使用して、メディアの個々のトラックにアクセスできます。</p>
+
+<p>この最初の例は、メディア上の最初の動画トラックを取得します。</p>
+
+<pre class="brush: js">var firstTrack = tracks[0];</pre>
+
+<p>次の例では、メディアのすべての動画トラックをスキャンして、（変数 <code>userLanguage</code> から取得した）ユーザーの優先言語の最初の動画トラックをアクティブにします。</p>
+
+<pre class="brush: js">for (var i = 0; i &lt; tracks.length; i++) {
+  if (tracks[i].language === userLanguage) {
+    tracks[i].selected = true;
+    break;
+  }
+});
+</pre>
+
+<p>{{domxref("VideoTrack.language", "language")}} は標準（{{RFC(5646)}}）形式です。 例えば、アメリカ英語の場合、これは <code>"en-US"</code> になります。</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', '#videotrack', 'VideoTrack')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack")}}</p>
diff --git a/files/ja/web/api/videotrack/kind/index.html b/files/ja/web/api/videotrack/kind/index.html
new file mode 100644
index 0000000000..9fbba5ceb9
--- /dev/null
+++ b/files/ja/web/api/videotrack/kind/index.html
@@ -0,0 +1,74 @@
+---
+title: VideoTrack.kind
+slug: Web/API/VideoTrack/kind
+tags:
+  - API
+  - HTML DOM
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - Video
+  - Video Track
+  - VideoTrack
+  - id
+  - track
+translation_of: Web/API/VideoTrack/kind
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>kind</code></strong> プロパティには、<strong>{{domxref("VideoTrack")}}</strong> に含まれる動画のカテゴリを示す文字列が含まれています。</span> この <code>kind</code> を使用して、特定のトラックを有効または無効にするシナリオを決定できます。 動画トラックで利用可能な kind の一覧については、{{anch("Video track kind strings","動画トラックの kind 文字列")}}を参照してください。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>trackKind</em> = <em>VideoTrack</em>.kind;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>メディアが表すコンテンツの種類を指定する {{domxref("DOMString")}}。 この文字列は、以下の{{anch("Video track kind strings","動画トラックの kind 文字列")}}にあるもののうちの1つです。</p>
+
+<h2 id="Video_track_kind_strings" name="Video_track_kind_strings">動画トラックの kind 文字列</h2>
+
+<p>動画トラックで利用可能な kind は次のとおりです。</p>
+
+<dl>
+ <dt><code>"alternative"</code></dt>
+ <dd>メイントラックに代わる可能性のあるもの。 例えば、異なる動画テイクや、音楽だけで会話がないサウンドトラックのバージョンなど。</dd>
+ <dt><code>"captions"</code></dt>
+ <dd>キャプション付きのメイン動画トラックのバージョン。</dd>
+ <dt><code>"main"</code></dt>
+ <dd>プライマリ動画トラック。</dd>
+ <dt><code>"sign"</code></dt>
+ <dd>音声トラックの手話による通訳。</dd>
+ <dt><code>"subtitles"</code></dt>
+ <dd>字幕付きのメイン動画トラックのバージョン。</dd>
+ <dt><code>"commentary"</code></dt>
+ <dd>解説を含む動画トラック。 これは、例えば映画で監督の解説トラックを含めるために使用される場合があります。</dd>
+ <dt><code>""</code>（空の文字列）</dt>
+ <dd>トラックに明確な kind がない、またはトラックのメタデータによって提供された kind が{{Glossary("user agent","ユーザーエージェント")}}に認識されていません。</dd>
+</dl>
+
+<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', '#dom-videotrack-kind', 'VideoTrack: kind')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.kind")}}</p>
diff --git a/files/ja/web/api/videotrack/label/index.html b/files/ja/web/api/videotrack/label/index.html
new file mode 100644
index 0000000000..e4278ef3e8
--- /dev/null
+++ b/files/ja/web/api/videotrack/label/index.html
@@ -0,0 +1,80 @@
+---
+title: VideoTrack.label
+slug: Web/API/VideoTrack/label
+tags:
+  - API
+  - HTML DOM
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - Video
+  - Video Track
+  - VideoTrack
+  - label
+  - metadata
+  - track
+translation_of: Web/API/VideoTrack/label
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("VideoTrack")}}</strong> の <strong><code>label</code></strong> プロパティは、動画トラックの判読可能なラベルがある場合はそれを指定する文字列を返します。 それ以外の場合は、空の文字列を返します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>videoTrackLabel</em> = <em>VideoTrack</em>.label;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>トラックのメタデータで利用可能な場合は、トラックの判読可能なラベルを指定する {{domxref("DOMString")}}。 それ以外の場合は、空の文字列（<code>""</code>）が返されます。</p>
+
+<p>例えば、{{domxref("VideoTrack.kind", "kind")}} が <code>"sign"</code> のトラックには、<code>"手話通訳"</code> などの <code>label</code> が付いている場合があります。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>この例では、指定されたメディア要素の動画トラックを選択するためにユーザーインターフェイスで使用される可能性のあるトラックの kind とラベルの配列を返します。 リストは、特定の kind のトラックのみを通過させるようにフィルタ処理されています。</p>
+
+<pre class="brush: js">function getTrackList(el) {
+  var trackList = [];
+  const wantedKinds = [
+    "main", "alternative", "commentary"
+  ];
+
+  el.videoTracks.forEach(function(track) {
+    if (wantedKinds.includes(track.kind)) {
+      trackList.push({
+        id: track.id,
+        kind: track.kind,
+        label: track.label
+      });
+    }
+  });
+  return trackList;
+}</pre>
+
+<p>結果の <code>trackList</code> には、その <code>kind</code> が配列 <code>wantedKinds</code> の中の1つである動画トラックの配列を含み、各エントリはトラックの {{domxref("VideoTrack.id", "id")}}、{{domxref("VideoTrack.kind", "kind")}}、および {{domxref("VideoTrack.label", "label")}} を提供します。</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', '#dom-videotrack-label', 'VideoTrack: label')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.label")}}</p>
diff --git a/files/ja/web/api/videotrack/language/index.html b/files/ja/web/api/videotrack/language/index.html
new file mode 100644
index 0000000000..d7ea78d9de
--- /dev/null
+++ b/files/ja/web/api/videotrack/language/index.html
@@ -0,0 +1,55 @@
+---
+title: Videotrack.language
+slug: Web/API/VideoTrack/language
+tags:
+  - API
+  - HTML DOM
+  - Language
+  - Localization
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - Video
+  - VideoTrack
+  - track
+translation_of: Web/API/VideoTrack/language
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("VideoTrack")}}</strong> の <strong><code>language</code></strong> プロパティは、動画トラックで使用されている言語を識別する文字列を返します。</span> 複数の言語を含むトラック（他の言語で数行が話されている英語の映画など）の場合は、これが動画の主要言語になります。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>videoTrackLanguage</em> = <em>VideoTrack</em>.language;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>動画トラックで使用される主要言語の BCP 47（{{RFC(5646)}}）形式の言語タグを指定する {{domxref("DOMString")}}。 言語が指定されていないか知られていない場合や、トラックに音声が含まれていない場合は空文字列（<code>""</code>）。</p>
+
+<p>例えば、トラックで使用されている主要言語がアメリカ英語の場合、この値は <code>"en-US"</code> になります。 ブラジルポルトガル語の場合、値は <code>"pt-BR"</code> になります。</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', '#dom-videotrack-language', 'VideoTrack: language')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.language")}}</p>
diff --git a/files/ja/web/api/videotrack/selected/index.html b/files/ja/web/api/videotrack/selected/index.html
new file mode 100644
index 0000000000..902969fe0f
--- /dev/null
+++ b/files/ja/web/api/videotrack/selected/index.html
@@ -0,0 +1,54 @@
+---
+title: VideoTrack.selected
+slug: Web/API/VideoTrack/selected
+tags:
+  - HTML DOM
+  - Media
+  - Media Controls
+  - Media Track
+  - Property
+  - Reference
+  - Video
+  - VideoTrack
+  - selected
+  - track
+translation_of: Web/API/VideoTrack/selected
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong>{{domxref("VideoTrack")}}</strong> の <strong><code>selected</code></strong> プロパティは、特定の動画トラックがアクティブかどうかを制御します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>isVideoSelected</em> = <em>VideoTrack</em>.selected;
+
+<em>VideoTrack</em>.selected = <em>true</em> | <em>false</em>;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><code>selected</code> プロパティは、トラックがアクティブな場合に値が <code>true</code> になる Boolean の値です。 同時にアクティブにできる動画トラックは1つだけなので、別のトラックがアクティブなときに、あるトラックでこのプロパティを <code>true</code> に設定すると、アクティブであったトラックは非アクティブになります。</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', '#dom-videotrack-selected', 'VideoTrack: selected')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.selected")}}</p>
diff --git a/files/ja/web/api/videotrack/sourcebuffer/index.html b/files/ja/web/api/videotrack/sourcebuffer/index.html
new file mode 100644
index 0000000000..13471ef04c
--- /dev/null
+++ b/files/ja/web/api/videotrack/sourcebuffer/index.html
@@ -0,0 +1,54 @@
+---
+title: VideoTrack.sourceBuffer
+slug: Web/API/VideoTrack/sourceBuffer
+tags:
+  - API
+  - HTML DOM
+  - MSE
+  - Media
+  - Media Source Extensions
+  - Property
+  - Read-only
+  - Reference
+  - SourceBuffer
+  - Video
+  - VideoTrack
+  - track
+translation_of: Web/API/VideoTrack/sourceBuffer
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("VideoTrack")}}</strong> の <strong><code>sourceBuffer</code></strong> プロパティは、トラックを作成した {{domxref("SourceBuffer")}} を返します。 トラックが {{domxref("SourceBuffer")}} によって作成されなかった場合、または {{domxref("SourceBuffer")}} がその親メディアソースの {{domxref("MediaSource.sourceBuffers")}} 属性から取り除かれた場合は null を返します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>sourceBuffer</em> = <em>VideoTrack</em>.sourceBuffer;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>{{domxref("SourceBuffer")}} または null。</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('Media Source Extensions', '#dom-videotrack-sourcebuffer', 'VideoTrack: sourceBuffer')}}</td>
+   <td>{{Spec2('Media Source Extensions')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.VideoTrack.sourceBuffer")}}</p>