initial commit

7 files changed, 564 insertions, 0 deletions

diff --git a/files/ja/web/api/audiotrack/enabled/index.html b/files/ja/web/api/audiotrack/enabled/index.html
new file mode 100644
index 0000000000..b07fc6d223
--- /dev/null
+++ b/files/ja/web/api/audiotrack/enabled/index.html
@@ -0,0 +1,96 @@
+---
+title: AudioTrack.enabled
+slug: Web/API/AudioTrack/enabled
+tags:
+  - Audio
+  - AudioTrack
+  - HTML DOM
+  - Media
+  - Media Controls
+  - Media Track
+  - Property
+  - Reference
+  - Video
+  - enabled
+  - mute
+  - track
+translation_of: Web/API/AudioTrack/enabled
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong>{{domxref("AudioTrack")}}</strong> の <code><strong>enabled</strong></code> プロパティは、記述された音声トラックが現在使用可能かどうかを指定します。 <code>enabled</code> を <code>false</code> に設定してトラックを無効にすると、トラックはミュートになり、音声は生成されません。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>isAudioEnabled</em> = <em>AudioTrack</em>.enabled;
+
+<em>AudioTrack</em>.enabled = <em>true</em> | <em>false</em>;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p><code>enabled</code> プロパティは Boolean の値で、トラックが有効な場合は値が <code>true</code> です。 有効なトラックは、メディアの再生中に音声を生成します。 <code>enabled</code> を <code>false</code> に設定すると、音声トラックが効果的にミュートされ、メディアの音声パフォーマンスに寄与しなくなります。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>この例では、メディア要素のメイン音声トラックと解説音声トラックを切り替えます。</p>
+
+<pre class="brush: js">function swapCommentaryMain() {
+  var videoElem = document.getElementById("main-video");
+  var audioTrackMain;
+  var audioTrackCommentary;
+
+  videoElem.audioTracks.forEach(track) {
+    if (track.kind === "main") {
+      audioTrackMain = track;
+    } else if (track.kind === "commentary") {
+      audioTrackCommentary = track;
+    }
+  }
+
+  if (audioTrackMain &amp;&amp; audioTrackCommentary) {
+    var commentaryEnabled = audioTrackCommentary.enabled;
+    audioTrackCommentary.enabled = audioTrackMain.enabled;
+    audioTrackMain.enabled = commentaryEnabled;
+  }
+}
+</pre>
+
+<p>上記の <code>swapCommentaryMain()</code> 関数は、{{HTMLElement("video")}} 要素の <code>"main-video"</code> の音声トラック内で、{{domxref("AudioTrack.kind", "kind")}} の値が <code>"main"</code> と <code>"commentary"</code> である音声トラックを見つけます。 これらはプライマリ音声トラックと解説トラックを表します。</p>
+
+<div class="note">
+<p><strong>注</strong>: この例では、動画には各 <code>kind</code> のトラックが1つしかないと想定していますが、必ずしもそうとは限りません。</p>
+</div>
+
+<p>次に、要素の音声トラックを、JavaScript の {{jsxref("Array.forEach", "forEach()")}} メソッドを使用してスキャンします（メディア要素の {{domxref("HTMLMediaElement.audioTracks", "audioTracks")}} プロパティは実際には JavaScript の配列ではありませんが、ほとんどの場合は同様にアクセスできます）。</p>
+
+<p>スキャンは、{{domxref("AudioTrack.kind", "kind")}} の値が <code>"main"</code> と <code>"commentary"</code> のトラックを探し、それらの {{domxref("AudioTrack")}} オブジェクトを記憶します。 それらが見つかると、2つのトラックの <code>enabled</code> プロパティの値を交換することで、2つのトラックのどちらが現在アクティブになっているかを交換します。</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', 'media.html#dom-audiotrack-enabled', 'AudioTrack.enabled')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotrack-enabled', 'AudioTrack.enabled')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.enabled")}}</p>
diff --git a/files/ja/web/api/audiotrack/id/index.html b/files/ja/web/api/audiotrack/id/index.html
new file mode 100644
index 0000000000..01f6ee677e
--- /dev/null
+++ b/files/ja/web/api/audiotrack/id/index.html
@@ -0,0 +1,65 @@
+---
+title: AudioTrack.id
+slug: Web/API/AudioTrack/id
+tags:
+  - API
+  - Audio
+  - Audio Track
+  - AudioTrack
+  - HTML DOM
+  - Interface
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - id
+  - track
+translation_of: Web/API/AudioTrack/id
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>id</code></strong> プロパティには、<strong>{{domxref("AudioTrack")}}</strong> によって表されるトラックを一意に識別する文字列が含まれています。</span> この ID を {{domxref("AudioTrackList.getTrackById()")}} メソッドと共に使用して、メディア要素に関連付けられているメディア内の特定のトラックを見つけることができます。</p>
+
+<p>トラック ID は、特定のトラックを読み込むための URL のフラグメントとしても使用できます（メディアがメディアフラグメントをサポートしている場合）。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>trackID</em> = <em>AudioTrack</em>.id;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>トラックを識別する {{domxref("DOMString")}} です。 メディア要素の {{domxref("HTMLMediaElement.audioTracks", "audioTracks")}} プロパティで指定されたものなどの {{domxref("AudioTrackList")}} で {{domxref("AudioTrackList.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', 'media.html#dom-audiotrack-id', 'AudioTrack.id')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotrack-id', 'AudioTrack.id')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.id")}}</p>
+
+<p> </p>
diff --git a/files/ja/web/api/audiotrack/index.html b/files/ja/web/api/audiotrack/index.html
new file mode 100644
index 0000000000..36228f9a5c
--- /dev/null
+++ b/files/ja/web/api/audiotrack/index.html
@@ -0,0 +1,95 @@
+---
+title: AudioTrack
+slug: Web/API/AudioTrack
+tags:
+  - Audio
+  - AudioTrack
+  - HTML
+  - HTML DOM
+  - Interface
+  - Media
+  - Reference
+  - track
+translation_of: Web/API/AudioTrack
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>AudioTrack</code></strong> インターフェイスは、HTML のメディア要素（{{HTMLElement("audio")}} または {{HTMLElement("video")}}）の1つからの単一の音声トラックを表します。</span> <code>AudioTrack</code> オブジェクトにアクセスする最も一般的な用途は、トラックをミュートおよびミュート解除するためにその {{domxref("AudioTrack.enabled", "enabled")}} プロパティを切り替えることです。</p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<dl>
+ <dt>{{domxref("AudioTrack.enabled", "enabled")}}</dt>
+ <dd>音声トラックの音を有効にするかどうかを制御する <code>Boolean</code> の値。この値を <code>false</code> に設定すると、トラックの音声がミュートになります。</dd>
+ <dt>{{domxref("AudioTrack.id", "id")}} {{ReadOnlyInline}}</dt>
+ <dd>メディア内のトラックを一意に識別する {{domxref("DOMString")}}。 この ID は、{{domxref("AudioTrackList.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("AudioTrack.kind", "kind")}} {{ReadOnlyInline}}</dt>
+ <dd>トラックが属するカテゴリを指定する {{domxref("DOMString")}}。 例えば、メイン音声トラックは <code>kind</code> に <code>"main"</code> を持ちます。</dd>
+ <dt>{{domxref("AudioTrack.label", "label")}} {{ReadOnlyInline}}</dt>
+ <dd>トラックに人間が読めるラベルを提供する {{domxref("DOMString")}}。 例えば、映画の音声解説トラックには、<code>"監督 John Q. Public と俳優 John Doe と Jane Eod による解説"</code> という <code>label</code> が付いています。 ラベルが指定されていない場合、この文字列は空です。</dd>
+ <dt>{{domxref("AudioTrack.language", "language")}} {{ReadOnlyInline}}</dt>
+ <dd>音声トラックの主要言語を指定する {{domxref("DOMString")}}、または不明の場合は空の文字列。 言語は、<code>"en-US"</code> や <code>"pt-BR"</code> などの BCP 47（{{RFC(5646)}}）言語コードで指定されています。</dd>
+ <dt>{{domxref("AudioTrack.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>AudioTrack</code> を取得するには、その要素の {{domxref("HTMLMediaElement.audioTracks", "audioTracks")}} プロパティを使用します。 このプロパティは、メディアに含まれる個々のトラックを取得できる {{domxref("AudioTrackList")}} オブジェクトを返します。</p>
+
+<pre class="brush: js">var el = document.querySelector("video");
+var tracks = el.audioTracks;
+</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">tracks.forEach(function(track) {
+  if (track.language === userLanguage) {
+    track.enabled = true;
+  } else {
+    track.enabled = false;
+  }
+});
+</pre>
+
+<p>{{domxref("AudioTrack.language", "language")}} は標準（{{RFC(5646)}}）形式です。 例えば、アメリカ英語の場合、これは <code>"en-US"</code> になります。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<p>{{page("/ja/docs/Web/API/AudioTrack/label", "Example")}}</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', 'media.html#audiotrack', 'AudioTrack')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#audiotrack', 'AudioTrack')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack")}}</p>
diff --git a/files/ja/web/api/audiotrack/kind/index.html b/files/ja/web/api/audiotrack/kind/index.html
new file mode 100644
index 0000000000..e061aae2f2
--- /dev/null
+++ b/files/ja/web/api/audiotrack/kind/index.html
@@ -0,0 +1,81 @@
+---
+title: AudioTrack.kind
+slug: Web/API/AudioTrack/kind
+tags:
+  - API
+  - Audio
+  - Audio Track
+  - AudioTrack
+  - HTML DOM
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - id
+  - track
+translation_of: Web/API/AudioTrack/kind
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary"><strong><code>kind</code></strong> プロパティは、<strong>{{domxref("AudioTrack")}}</strong> に含まれる音声のカテゴリを示す文字列を含みます。</span> この <code>kind</code> を使用して、特定のトラックを有効または無効にするシナリオを決定できます。 音声トラックで利用可能な種類の一覧については、{{anch("Audio track kind strings","音声トラックの kind 文字列")}}を参照してください。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>trackKind</em> = <em>AudioTrack</em>.kind;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>メディアが表すコンテンツの種類を指定する {{domxref("DOMString")}}。 この文字列は、以下の{{anch("Audio track kind strings","音声トラックの kind 文字列")}}にあるもののうちの1つです。</p>
+
+<h2 id="Audio_track_kind_strings" name="Audio_track_kind_strings">音声トラックの kind 文字列</h2>
+
+<p>音声トラックに使用できる kind は次のとおりです。</p>
+
+<dl>
+ <dt><code>"alternative"</code></dt>
+ <dd>別の音声テイクや、音楽だけで会話がないサウンドトラックのバージョンなど、メイントラックの代わりとなる可能性があります。</dd>
+ <dt><code>"descriptions"</code></dt>
+ <dd>動画トラックに描かれているアクションの音声による説明を提供する音声トラック。</dd>
+ <dt><code>"main"</code></dt>
+ <dd>プライマリ音声トラック。</dd>
+ <dt><code>"main-desc"</code></dt>
+ <dd>音声の説明が混在しているプライマリ音声トラック。</dd>
+ <dt><code>"translation"</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', 'media.html#dom-audiotrack-kind', 'AudioTrack: kind')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotrack-kind', 'AudioTrack.kind')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.kind")}}</p>
+
+<p> </p>
diff --git a/files/ja/web/api/audiotrack/label/index.html b/files/ja/web/api/audiotrack/label/index.html
new file mode 100644
index 0000000000..e3666d9b55
--- /dev/null
+++ b/files/ja/web/api/audiotrack/label/index.html
@@ -0,0 +1,85 @@
+---
+title: AudioTrack.label
+slug: Web/API/AudioTrack/label
+tags:
+  - API
+  - Audio
+  - Audio Track
+  - AudioTrack
+  - HTML DOM
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - label
+  - metadata
+  - track
+translation_of: Web/API/AudioTrack/label
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("AudioTrack")}}</strong> の <strong><code>label</code></strong> プロパティは、音声トラックの判読可能なラベルがあればそれを指定する文字列を返します。 それ以外の場合は、空の文字列を返します。</span></p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>audioTrackLabel</em> = <em>AudioTrack</em>.label;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>トラックのメタデータで利用可能な場合は、トラックの判読可能なラベルを指定する {{domxref("DOMString")}}。 それ以外の場合は、空の文字列（<code>""</code>）が返されます。</p>
+
+<p>例えば、{{domxref("AudioTrack.kind", "kind")}} が <code>"commentary"</code> のトラックには、<code>"監督 Mark Markmarkimark とスター Donna Donnalidon の解説"</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", "main-desc", "translation", "commentary"
+  ];
+
+  el.audioTracks.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>wantKinds</code> 配列のいずれかの <code>kind</code> の音声トラックの配列が含まれ、各エントリにはトラックの {{domxref("AudioTrack.id", "id")}}、{{domxref("AudioTrack.kind", "kind")}}、{{domxref("AudioTrack.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', 'media.html#dom-audiotrack-label', 'AudioTrack.label')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotrack-label', 'AudioTrack.label')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.label")}}</p>
diff --git a/files/ja/web/api/audiotrack/language/index.html b/files/ja/web/api/audiotrack/language/index.html
new file mode 100644
index 0000000000..32a37615e7
--- /dev/null
+++ b/files/ja/web/api/audiotrack/language/index.html
@@ -0,0 +1,88 @@
+---
+title: AudioTrack.language
+slug: Web/API/AudioTrack/language
+tags:
+  - API
+  - Audio
+  - AudioTrack
+  - HTML DOM
+  - Language
+  - Localization
+  - Media
+  - Property
+  - Read-only
+  - Reference
+  - Translated
+  - Translation
+  - track
+translation_of: Web/API/AudioTrack/language
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("AudioTrack")}}</strong> の <strong><code>language</code></strong> プロパティは、音声トラックで使用されている言語を識別する文字列を返します。</span> 複数の言語を含むトラック（他の言語で数行が話されている英語の映画など）の場合は、これが動画の主要言語になります。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var <em>audioTrackLanguage</em> = <em>AudioTrack</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="Example" name="Example">例</h2>
+
+<p>この例では、メディア要素の主要言語と翻訳された音声トラックのすべてを検索し、それらの各トラックの {{domxref("AudioTrack.id", "id")}}、{{domxref("AudioTrack.kind", "kind")}}、<code>language</code> を含むオブジェクトのリストを返します。</p>
+
+<p>これは、例えば、映画を見ながら、ユーザーが聞きたい言語を選択するためのユーザーインターフェイスを構築するために使用できます。</p>
+
+<div class="codecopy codecopy-lg">
+<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">function</span> getAvailableLanguages<span class="punctuation token">(</span>el<span class="punctuation token">)</span> <span class="punctuation token">{</span>
+  <span class="keyword token">var</span> trackList <span class="operator token">=</span> <span class="punctuation token">[</span><span class="punctuation token">]</span><span class="punctuation token">;</span>
+  <span class="keyword token">const</span> wantedKinds <span class="operator token">=</span> <span class="punctuation token">[</span>
+    <span class="string token">"main"</span><span class="punctuation token">,</span> <span class="string token">"translation"</span>
+  <span class="punctuation token">]</span><span class="punctuation token">;</span>
+
+  el<span class="punctuation token">.</span>audioTracks<span class="punctuation token">.</span><span class="function token">forEach</span><span class="punctuation token">(</span><span class="keyword token">function</span><span class="punctuation token">(</span>track<span class="punctuation token">)</span> <span class="punctuation token">{</span>
+    <span class="keyword token">if</span> <span class="punctuation token">(</span>wantedKinds<span class="punctuation token">.</span><span class="function token">includes</span><span class="punctuation token">(</span>track<span class="punctuation token">.</span>kind<span class="punctuation token">)</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
+      trackList<span class="punctuation token">.</span><span class="function token">push</span><span class="punctuation token">(</span><span class="punctuation token">{</span>
+        id<span class="punctuation token">:</span> track<span class="punctuation token">.</span>id<span class="punctuation token">,</span>
+        kind<span class="punctuation token">:</span> track<span class="punctuation token">.</span>kind<span class="punctuation token">,</span>
+        language<span class="punctuation token">:</span> track<span class="punctuation token">.language</span>
+      <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+    <span class="punctuation token">}</span>
+  <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+  <span class="keyword token">return</span> trackList<span class="punctuation token">;</span>
+<span class="punctuation token">}</span></code></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', 'media.html#dom-audiotrack-language', 'AudioTrack.language')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td> </td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', 'embedded-content-0.html#dom-audiotrack-language', 'AudioTrack.language')}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.language")}}</p>
+</div>
diff --git a/files/ja/web/api/audiotrack/sourcebuffer/index.html b/files/ja/web/api/audiotrack/sourcebuffer/index.html
new file mode 100644
index 0000000000..6cf71eb032
--- /dev/null
+++ b/files/ja/web/api/audiotrack/sourcebuffer/index.html
@@ -0,0 +1,54 @@
+---
+title: AudioTrack.sourceBuffer
+slug: Web/API/AudioTrack/sourceBuffer
+tags:
+  - API
+  - Audio
+  - AudioTrack
+  - HTML DOM
+  - MSE
+  - Media
+  - Media Source Extensions
+  - Property
+  - Read-only
+  - Reference
+  - SourceBuffer
+  - track
+translation_of: Web/API/AudioTrack/sourceBuffer
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><span class="seoSummary">読み取り専用の <strong>{{domxref("AudioTrack")}}</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>AudioTrack</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-audiotrack-sourcebuffer', 'AudioTrack: sourceBuffer')}}</td>
+   <td>{{Spec2('Media Source Extensions')}}</td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.AudioTrack.sourceBuffer")}}</p>