aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/mediastreamtrack
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/mediastreamtrack
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/ja/web/api/mediastreamtrack')
-rw-r--r--files/ja/web/api/mediastreamtrack/enabled/index.html101
-rw-r--r--files/ja/web/api/mediastreamtrack/id/index.html45
-rw-r--r--files/ja/web/api/mediastreamtrack/index.html132
-rw-r--r--files/ja/web/api/mediastreamtrack/kind/index.html56
-rw-r--r--files/ja/web/api/mediastreamtrack/label/index.html97
-rw-r--r--files/ja/web/api/mediastreamtrack/mute_event/index.html104
-rw-r--r--files/ja/web/api/mediastreamtrack/muted/index.html91
-rw-r--r--files/ja/web/api/mediastreamtrack/onended/index.html107
-rw-r--r--files/ja/web/api/mediastreamtrack/onmute/index.html57
-rw-r--r--files/ja/web/api/mediastreamtrack/onoverconstrained/index.html109
-rw-r--r--files/ja/web/api/mediastreamtrack/onunmute/index.html107
-rw-r--r--files/ja/web/api/mediastreamtrack/readystate/index.html108
-rw-r--r--files/ja/web/api/mediastreamtrack/remote/index.html114
-rw-r--r--files/ja/web/api/mediastreamtrack/stop/index.html125
-rw-r--r--files/ja/web/api/mediastreamtrack/unmute_event/index.html102
15 files changed, 1455 insertions, 0 deletions
diff --git a/files/ja/web/api/mediastreamtrack/enabled/index.html b/files/ja/web/api/mediastreamtrack/enabled/index.html
new file mode 100644
index 0000000000..2a8578c9ba
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/enabled/index.html
@@ -0,0 +1,101 @@
+---
+title: MediaStreamTrack.enabled
+slug: Web/API/MediaStreamTrack/enabled
+translation_of: Web/API/MediaStreamTrack/enabled
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><code><strong>MediaStreamTrack.enabled</strong></code> プロパティは {{domxref("Boolean")}}型の値を返します。このトラックが有効な場合は<code>true</code>を返し、メディアソースストリームによって処理されることが許可されます。このトラックが無効な場合は <code>false</code>を返し、 メディアソースストリームによって処理されることはありません。トラックが切り離されている場合は、この値の変更は何の影響もありません。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox">var <em>bool</em> = <em>track</em>.enabled;
+<em>track</em>.enabled = [true | false];</pre>
+
+<h2 id="例">例</h2>
+
+<h2 id="仕様">仕様</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 Capture', '#dom-mediastreamtrack-enabled', 'enabled') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoDesktop(24) }}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoMobile(24) }}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Media_Streams_API">MediaStream API</a></li>
+ <li>{{domxref("MediaStream")}}</li>
+ <li>{{domxref("MediaStreamTrack")}}</li>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/id/index.html b/files/ja/web/api/mediastreamtrack/id/index.html
new file mode 100644
index 0000000000..0fa701e6a7
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/id/index.html
@@ -0,0 +1,45 @@
+---
+title: MediaStreamTrack.id
+slug: Web/API/MediaStreamTrack/id
+translation_of: Web/API/MediaStreamTrack/id
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><code><strong>MediaStreamTrack.id</strong></code> は読み取り専用のプロパティであり、このトラックのための固有識別子(GUID)を含む{{domxref("DOMString")}}を返します。この値はブラウザによって生成されるものです。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"> var <em>id</em> = <em>track</em>.id;</pre>
+
+<h2 id="例">例</h2>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-id', 'MediaStreamTrack.id') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+
+
+<p>{{Compat("api.MediaStreamTrack.id")}}</p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/index.html b/files/ja/web/api/mediastreamtrack/index.html
new file mode 100644
index 0000000000..48f845765e
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/index.html
@@ -0,0 +1,132 @@
+---
+title: MediaStreamTrack
+slug: Web/API/MediaStreamTrack
+tags:
+ - API
+ - Audio
+ - Interface
+ - Media
+ - Media Capture and Streams API
+ - Media Streams API
+ - MediaStreamTrack
+ - Reference
+ - Video
+ - WebRTC
+ - インターフェイス
+translation_of: Web/API/MediaStreamTrack
+---
+<div>{{APIRef("Media Capture and Streams")}}</div>
+
+<p><span class="seoSummary"><strong><code>MediaStreamTrack</code></strong> インターフェイスは、ストリームに含まれる一つのメディアトラックを表現します。一般的に、オーディオやビデオのトラックですが、他の種類のトラックも存在することができます。</span></p>
+
+<h2 id="Properties" name="Properties">プロパティ</h2>
+
+<p>以下に示すプロパティに加えて、 <code>MediaStreamTrack</code> は制約可能なプロパティを持っています。これらのプロパティは、 {{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}} によって設定でき、 {{domxref("MediaStreamTrack.getConstraints", "getConstraints()")}} と {{domxref("MediaStreamTrack.getSettings", "getSettings()")}} によって取得できます。制約可能なプロパティを用いて適切に動作させるためにはどのようにすればいいかを知りたい場合は、 <a href="/ja/docs/Web/API/Media_Streams_API/Constraints">Capabilities, constraints, and settings</a> を見てください。適切に動作させなかった場合の結果として、あなたが作成したコードは信頼できないものになります。</p>
+
+<dl>
+ <dt>{{domxref("MediaStreamTrack.contentHint")}}</dt>
+ <dd>文字列で、 API 利用者がどのように扱うかをガイドするために、トラックが含んでいるものコンテンツの種類が何であるかのヒントを提供するためにウェブアプリケーションが使用します。</dd>
+ <dt>{{domxref("MediaStreamTrack.enabled")}}</dt>
+ <dd>論理型で、トラックが有効の場合は <code>true</code> の値になり、メディアソースストリームを描画することができます。トラックが無効の場合は <code>false</code> の値になり、メディアソースストリームに描画されません。トラックの接続が解除された場合、この値は変更することはできますが影響を与えることはありません。
+ <div class="note"><strong>メモ:</strong> 標準的なミュート (消音) 機能を実装するには <code>enabled</code> を <code>false</code> にします。 <code>muted</code> プロパティは技術的な問題でメディアがない状態を表します。</div>
+ </dd>
+ <dt>{{domxref("MediaStreamTrack.id")}} {{readonlyInline}}</dt>
+ <dd>トラックの固有識別子 (GUID) を含む {{domxref("DOMString")}} を返します。この識別子はブラウザーによって生成されます。</dd>
+ <dt>{{domxref("MediaStreamTrack.isolated")}} {{readonlyInline}}</dt>
+ <dd>Returns a Boolean value which is <code>true</code> if the track is <strong>isolated</strong>; that is, the track cannot be accessed by the document that owns the <code>MediaStreamTrack</code>. This happens when the {{domxref("MediaStreamTrack.peerIdentity", "peerIdentity")}} property is set, or if the track comes from a cross-origin source.</dd>
+ <dt>{{domxref("MediaStreamTrack.kind")}} {{readonlyInline}}</dt>
+ <dd>{{domxref("DOMString")}}を返します。このトラックがオーディオトラックの場合は<code>"audio"</code>が設定され、ビデオトラックの場合は<code>"video"</code>が設定されます。ソースからの関連付けが解除された場合、この値が変更されることはありません。</dd>
+ <dt>{{domxref("MediaStreamTrack.label")}} {{readonlyInline}}</dt>
+ <dd><code>"internal microphone"</code>のようなトラックソースを識別するユーザエージェントによって割り当てられたラベルを含む{{domxref("DOMString")}}を返します。この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。</dd>
+ <dt>{{domxref("MediaStreamTrack.muted")}} {{readonlyInline}}</dt>
+ <dd>Booleanの値を返します。トラックがミュートであるかどうかを示します。
+ <div class="note"><strong>Note:</strong> You can implement standard "mute" functionality by setting <code>enabled</code> to <code>false</code>, and unmute the media by setting it back to <code>true</code> again.</div>
+ </dd>
+ <dt>{{domxref("MediaStreamTrack.readonly")}} {{readonlyInline}}</dt>
+ <dd>Booleanの値を返します。トラックが読み取り専用の場合(ビデオファイルソースやカメラなどの設定を変更することができないもののような)は<code>true</code>を返し、それ以外の場合は<code>false</code>を返します。</dd>
+ <dt>{{domxref("MediaStreamTrack.readyState")}} {{readonlyInline}}</dt>
+ <dd>トラックの状態を表す列挙型の値を返します。この値は次のどれかになります。
+ <ul>
+ <li><code>"live"</code>は入力デバイスが接続されており、ベストエフォートでリアルタイムなデータを提供することを表します。この状態では、<code>MediaStreamTrack.enabled</code>属性を用いることで、データの出力のオンとオフを切り替えることができます。</li>
+ <li><code>"ended"</code>は入力デバイスがこれ以上データを提供することがなく、新しいデータも一切提供されないことを示します。</li>
+ </ul>
+ </dd>
+ <dt>{{domxref("MediaStreamTrack.remote")}} {{obsolete_inline("")}} {{readonlyInline}}</dt>
+ <dd>Booleanの値を返します。トラックのソースが{{domxref("RTCPeerConnection")}}の場合は<code>true</code>であり、それ以外は<code>false</code>です。</dd>
+</dl>
+
+<h2 id="メソッド">メソッド</h2>
+
+<dl>
+ <dt>{{domxref("MediaStreamTrack.applyConstraints()")}}</dt>
+ <dd><code>MediaStreamTrack</code>の有効な制約可能な値についての許容できる値の範囲を指定します。</dd>
+ <dt>{{domxref("MediaStreamTrack.clone()")}}</dt>
+ <dd><code>MediaStreamTrack</code>の複製を返します。</dd>
+ <dt>{{domxref("MediaStreamTrack.getCapabilities()")}}</dt>
+ <dd><code>MediaStreamTrack</code>で有効な制約可能なプロパティの一覧を返します。</dd>
+ <dt>{{domxref("MediaStreamTrack.getConstraints()")}}</dt>
+ <dd>トラックに設定されている制約を含む{{domxref('MediaTrackConstraints')}}を返します。戻り値は、最後に{{domxref("MediaStreamTrack.applyConstraints", "applyConstraints()")}}を用いて設定した制約に一致します。</dd>
+ <dt>{{domxref("MediaStreamTrack.getSettings()")}}</dt>
+ <dd><code>MediaStreamTrack</code>の制約可能なプロパティの値を含む{{domxref("MediaTrackSettings")}}オブジェクトを返します。</dd>
+ <dt>{{domxref("MediaStreamTrack.stop()")}}</dt>
+ <dd>トラックに関連付けられたソースの再生を停止し、ソースとトラックの関連付けを解除します。トラックの状態は<code>ended</code>に設定されます。</dd>
+</dl>
+
+<h2 id="Events" name="Events">イベント</h2>
+
+<p>これらのイベントを待ち受けするには、 {{domxref("EventTarget.addEventListener", "addEventListener()")}} を使用するか、イベントリスナーをこのインターフェイスの <code>on<em>イベント名</em></code> プロパティに代入するかします。</p>
+
+<dl>
+ <dt>{{domxref("MediaStreamTrack/ended_event", "ended")}}</dt>
+ <dd>Sent when playback of the track ends (when the value {{domxref("MediaStreamTrack.readyState", "readyState")}} changes to <code>ended</code>).<br>
+ Also available using the {{domxref("MediaStreamTrack/onended", "onended")}} event handler property.</dd>
+ <dt>{{domxref("MediaStreamTrack/mute_event", "mute")}}</dt>
+ <dd>Sent to the <code>MediaStreamTrack</code> when the value of the {{domxref("MediaStreamTrack.muted", "muted")}} property is changed to <code>true</code>, indicating that the track is unable to provide data temporarily (such as when the network is experiencing a service malfunction).<br>
+ Also available using the {{domxref("MediaStreamTrack/onmute", "onmute")}} event handler property.</dd>
+ <dt>{{domxref("MediaStreamTrack/isolationchange_event", "isolationchange")}}</dt>
+ <dd>Sent whenever the value of the {{domxref("MediaStreamTrack.isolated", "isolated")}} property changes due to the document gaining or losing permission to access the track.<br>
+ Also available through the {{domxref("MediaStreamTrack/onisolationchange", "onisolationchange")}} event handler property.</dd>
+ <dt>{{domxref("MediaStreamTrack/overconstrained_event", "overconstrained")}} {{deprecated_inline}}</dt>
+ <dd>Sent when the constraints specified for the track cause the track to be incompatible and therefore to not be used.<br>
+ Also available through the {{domxref("MediaStreamTrack/onoverconstrained", "onoverconstrained")}} event handler property.</dd>
+ <dt>{{domxref("MediaStreamTrack/unmute_event", "unmute")}}</dt>
+ <dd>Sent to the track when data becomes available again, ending the <code>muted</code> state.<br>
+ Also available through the {{domxref("MediaStreamTrack/onunmute", "onunmute")}} event handler property.</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("WebRTC Identity", "#isolated-track", "Isolated tracks")}}</td>
+ <td>{{Spec2("WebRTC Identity")}}</td>
+ <td>独立トラック対応のための追加プロパティ</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('Media Capture', '#mediastreamtrack', 'MediaStreamTrack')}}</td>
+ <td>{{Spec2('Media Capture')}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.MediaStreamTrack")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li>
+ <li>{{domxref("MediaStream")}}</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/kind/index.html b/files/ja/web/api/mediastreamtrack/kind/index.html
new file mode 100644
index 0000000000..6e3bce4d9e
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/kind/index.html
@@ -0,0 +1,56 @@
+---
+title: MediaStreamTrack.kind
+slug: Web/API/MediaStreamTrack/kind
+translation_of: Web/API/MediaStreamTrack/kind
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><code><strong>MediaStreamTrack.kind</strong></code>は読み取り専用のプロパティであり、トラックの種類を示す{{domxref("DOMString")}}を返します。トラックがオーディオトラックの場合は<code>"audio"</code>を返し、ビデオトラックの場合は<code>"video"</code>を返します。トラックがソースから切り離されている場合は、何も変更されません。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"> var <em>type</em> = <em>track</em>.kind;</pre>
+
+<h3 id="値">値</h3>
+
+<p>以下に示す{{domxref("DOMString")}}型の値を取ります。</p>
+
+<ul>
+ <li><code>"audio"</code>: このトラックはオーディオトラックであることを表します。</li>
+ <li><code>"video"</code>: このトラックはビデオトラックであることを表します。</li>
+</ul>
+
+<h2 id="例">例</h2>
+
+<pre></pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-kind', 'MediaStreamTrack.kind') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+
+
+<p>{{Compat("api.MediaStreamTrack.kind")}}</p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/label/index.html b/files/ja/web/api/mediastreamtrack/label/index.html
new file mode 100644
index 0000000000..7bbbd5c356
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/label/index.html
@@ -0,0 +1,97 @@
+---
+title: MediaStreamTrack.label
+slug: Web/API/MediaStreamTrack/label
+translation_of: Web/API/MediaStreamTrack/label
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><code><strong>MediaStreamTrack.label</strong></code> は読み取り専用のプロパティであり、 <code>"internal microphone"</code>のようなトラックソースを識別するユーザエージェントによって割り当てられたラベルを含む<a href="https://developer.mozilla.org/ja/docs/Web/API/DOMString" title="DOMString は、UTF-16 文字列です。JavaScript では UTF-16 文字列を用いるため、DOMString は直接 String に対応します。"><code>DOMString</code></a>を返します。この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"> var <em>name</em> = <em>track</em>.label;</pre>
+
+<h2 id="例">例</h2>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-label', 'MediaStreamTrack.label') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/mute_event/index.html b/files/ja/web/api/mediastreamtrack/mute_event/index.html
new file mode 100644
index 0000000000..5fe8aff316
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/mute_event/index.html
@@ -0,0 +1,104 @@
+---
+title: 'MediaStreamTrack: mute イベント'
+slug: Web/API/MediaStreamTrack/mute_event
+tags:
+ - API
+ - Audio
+ - Event
+ - Media
+ - Media Capture and Streams
+ - MediaStreamTrack
+ - Reference
+ - Video
+ - mute
+ - イベント
+translation_of: Web/API/MediaStreamTrack/mute_event
+---
+<div>{{APIRef("Media Capture and Streams")}}</div>
+
+<p><span class="seoSummary"><code><strong>mute</strong></code> イベントは、トラックのソースが一時的にメディアデータを提供することができなくなったときに {{domxref("MediaStreamTrack")}} へ送られます。</span>トラックがメディア出力可能になると、 {{domxref("MediaStreamTrack/unmute_event", "unmute")}} が送られます。</p>
+
+<p><code>mute</code> イベントと <code>unmute</code> イベントとの間、トラックの {{domxref("MediaStreamTrack.muted", "muted")}} プロパティの値は <code>true</code> になります。</p>
+
+<div class="note">
+<p><strong>メモ:</strong> 多くの人が「ミュート」と考える状態 (すなわち、トラックを無音にすることをユーザーが制御できる方法) は実際には {{domxref("MediaStreamTrack.enabled")}} プロパティを使用して管理され、こちらではイベントが発生しません。</p>
+</div>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row">バブリング</th>
+ <td>なし</td>
+ </tr>
+ <tr>
+ <th scope="row">キャンセル</th>
+ <td>不可</td>
+ </tr>
+ <tr>
+ <th scope="row">インターフェイス</th>
+ <td>{{domxref("Event")}}</td>
+ </tr>
+ <tr>
+ <th scope="row">イベントハンドラープロパティ</th>
+ <td>{{domxref("MediaStreamTrack.onmute", "onmute")}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>この例では、イベントハンドラーを <code>mute</code> および {{domxref("MediaStreamTrack/unmute_event", "unmute")}} の各イベントに設定し、 {{domxref("MediaStreamTrack")}} が入った変数 <code>musicTrack</code> のソースからメディアが流れていない場合を検出しています。</p>
+
+<pre class="brush: js">musicTrack.addEventListener("mute", event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
+}, false);
+
+musicTrack.addEventListener("unmute", event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#fff";
+}, false);
+</pre>
+
+<p>これらのイベントハンドラーのある場面で、トラック <code>musicTrack</code> が {{domxref("MediaStreamTrack.muted", "muted")}} の状態になったとき、 <code>timeline-widget</code> の ID を持った要素の背景色が <code>#aaa</code> に変化します。トラックのミュート状態を抜けたことを — <code>unmute</code> イベントが到着したことによって — 検出すると、背景色は白に戻ります。</p>
+
+<p>{{domxref("MediaStreamTrack.onmute", "onmute")}} イベントハンドラープロパティを使用してこのイベントのハンドラーを設定することもできます。同様に、 {{domxref("MediaStreamTrack.onunmute", "onunmute")}} イベントハンドラープロパティが <code>unmute</code> イベントを設定するために利用できます。以下の例ではこれを示しています。</p>
+
+<pre class="brush: js">musicTrack.onmute = event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
+}
+
+musicTrack.mute = event = &gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#fff";
+}
+</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('Media Capture', '#event-mediastreamtrack-unmute', 'unmute')}}</td>
+ <td>{{Spec2('Media Capture')}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.MediaStreamTrack.mute_event")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("MediaStreamTrack.onmute", "onmute")}} イベントハンドラープロパティ</li>
+ <li>{{domxref("MediaStreamTrack/unmute_event", "unmute")}} イベント</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/muted/index.html b/files/ja/web/api/mediastreamtrack/muted/index.html
new file mode 100644
index 0000000000..d56107ea78
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/muted/index.html
@@ -0,0 +1,91 @@
+---
+title: muted
+slug: Web/API/MediaStreamTrack/muted
+translation_of: Web/API/MediaStreamTrack/muted
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><strong><code>MediaStreamTrack.muted</code></strong>は読み取り専用のプロパティであり、トラックがミュートであるかどうかを示すBooleanの値を返します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox">var <em>bool</em> = <em>track.</em>muted;</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{jsxref('Boolean')}}型の値。</p>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">// TBD</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('Media Capture', '#dom-mediastreamtrack-muted', 'muted')}}</td>
+ <td>{{Spec2('Media Capture')}}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
diff --git a/files/ja/web/api/mediastreamtrack/onended/index.html b/files/ja/web/api/mediastreamtrack/onended/index.html
new file mode 100644
index 0000000000..8b8db4c81f
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/onended/index.html
@@ -0,0 +1,107 @@
+---
+title: MediaStreamTrack.onended
+slug: Web/API/MediaStreamTrack/onended
+translation_of: Web/API/MediaStreamTrack/onended
+---
+<p>{{ APIRef("Media Capture and Streams") }}</p>
+
+<p><code><strong>MediaStreamTrack.onended</strong></code> イベントハンドラは<code><a href="https://developer.mozilla.org/ja/docs/Web/Reference/Events/ended_(MediaStream)" rel="nofollow" title="/ja/docs/Web/Reference/Events/ended_(MediaStream)">ended</a></code>イベントが発生した時に実行する<code><a href="https://developer.mozilla.org/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか?">EventHandler</a></code>の関数です。このイベントは、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaStreamTrack" title="MediaStreamTrack インタフェースは、ストリームに含まれる一つのメディアトラックを表現します。 一般的に、オーディオやビデオのトラックですが、他の種類のトラックも存在することができます。"><code>MediaStreamTrack</code></a>オブジェクトのソースが、これ以上データを提供することがないか、ユーザーの操作によって許可が無効になったか、ソースデバイスが取り出されたか、リモートのピアがデータの送信を停止した時に発生します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"><em>MediaStreamTrack</em>.onended = <em>function</em>;
+</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{event("ended")}}イベントが発生した時の実行する処理の関数を{{domxref("EventHandler")}}として設定します。このイベントハンドラーの関数は1つのパラメータ持ちます。このパラメータはイベントオブジェクトであり、単純な{{domxref("Event")}}のオブジェクトです。</p>
+
+<h2 id="例">例</h2>
+
+<p>この例では、endedイベントのイベントハンドラを設定しています。このイベントハンドラでは、トラックがアクティブでない状態を示すために画面上のアイコンを変更します。</p>
+
+<pre class="brush: js">track.onended = function(event) {
+ let statusElem = document.getElementById("status-icon");
+
+ statusElem.src = "/images/stopped-icon.png";
+}
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-onended', 'MediaStreamTrack.onended') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatGeckoDesktop(50) }}</td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Chrome for Android</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatGeckoMobile(50) }}</td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>{{event("ended")}} イベント、およびその型である{{domxref("Event")}}.</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/onmute/index.html b/files/ja/web/api/mediastreamtrack/onmute/index.html
new file mode 100644
index 0000000000..c8154b28c0
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/onmute/index.html
@@ -0,0 +1,57 @@
+---
+title: MediaStreamTrack.onmute
+slug: Web/API/MediaStreamTrack/onmute
+translation_of: Web/API/MediaStreamTrack/onmute
+---
+<p>{{ APIRef("Media Capture and Streams") }}</p>
+
+<p><code><strong>MediaStreamTrack.onmute</strong></code>イベントハンドラは{{event("mute")}}イベントを受け取った時に呼び出されるプロパティです。このイベントは、トラックが一時的にデータを提供することができない時に発生します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"><em>track</em>.onmute = <em>function</em>;
+</pre>
+
+<h3 id="値">値</h3>
+
+<p>{{event("mute")}}イベントが発生した時の実行する処理の関数を<a href="https://developer.mozilla.org/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか?"><code>EventHandler</code></a>として設定します。このイベントハンドラーの関数は1つのパラメータ持ちます。このパラメータはイベントオブジェクトであり、単純な<a href="https://developer.mozilla.org/ja/docs/Web/API/Event" title="Event インターフェイスは、DOM で発生するイベントを表します。ユーザーによって発生するイベント (マウスやキーボードのイベント) もありますし、API によって発生するイベント (アニメーションの実行が完了したことを示すイベントや、動画再生が一時停止したイベントなど) もあります。さまざまな型のイベントがあり、一部のイベントは基底の Event インターフェイスを基にした他のインターフェイスを使用します。Event 自体は、すべてのイベントで共通のプロパティやメソッドを持ちます。"><code>Event</code></a>のオブジェクトです。</p>
+
+<h2 id="例">例</h2>
+
+<p>この例では、「ミュートされたスピーカー」絵文字を要素のコンテンツHTMLに設定するため、ミュートハンドラーが確立されています。</p>
+
+<pre class="brush: js">myTrack.onmute = function(evt) {
+ playStateIcon.innerHTML = "&amp;#1F507;";
+};
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-onmute', 'MediaStreamTrack.onmute') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+
+
+<p>{{Compat("api.MediaStreamTrack.onmute")}}</p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>{{event("mute")}} イベント、およびその型である{{domxref("Event")}}。</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/onoverconstrained/index.html b/files/ja/web/api/mediastreamtrack/onoverconstrained/index.html
new file mode 100644
index 0000000000..634e03f177
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/onoverconstrained/index.html
@@ -0,0 +1,109 @@
+---
+title: MediaStreamTrack.onoverconstrained
+slug: Web/API/MediaStreamTrack/onoverconstrained
+translation_of: Web/API/MediaStreamTrack/onoverconstrained
+---
+<p>{{ APIRef("Media Capture and Streams") }}</p>
+
+<p><code><strong>MediaStreamTrack.onoverconstrained</strong></code>イベントハンドラは、{{event("overconstrained")}}イベントを受け取った時に呼び出されるプロパティです。このイベントは、影響を受けた各トラック(複数のトラックが同一のソースを共有している時)で発生します。このイベントは、ユーザエージェントが与えられたソースに対して現在の制約を評価し、与えられた制約でソースを設定することができない時に発生します。 過制約のため、ユーザエージェントは影響をうけた各トラックをミュートにします。影響を受けたトラックは、現在のソースの有効な能力に配慮してアプリケーションが制約を調整するまでmutedの状態を維持します。</p>
+
+<p> </p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="eval"><em>track</em>.onoverconstrained = <em>function</em>;
+</pre>
+
+<h3 id="値">値</h3>
+
+<ul>
+ <li><code>function</code>はユーザーが定義した関数の名前で末尾の<code>()</code>やパラメータを省略したもの、または、<code>function(event) {...}</code>の形式で表現された匿名関です。イベントハンドラは常に 、{{domxref("MediaStreamErrorEvent")}}型のイベントを含む1つのパラメータを持ちます。</li>
+</ul>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">dc.onoverconstrained = function(ev) { alert("overconstrained event detected!"); };
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-onoverconstrained', 'MediaStreamTrack.onoverconstrained') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Chrome for Android</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>{{event("overconstrained")}}イベント、およびその型である {{domxref("MediaStreamErrorEvent")}}。</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/onunmute/index.html b/files/ja/web/api/mediastreamtrack/onunmute/index.html
new file mode 100644
index 0000000000..11a12dfe8c
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/onunmute/index.html
@@ -0,0 +1,107 @@
+---
+title: MediaStreamTrack.onunmute
+slug: Web/API/MediaStreamTrack/onunmute
+translation_of: Web/API/MediaStreamTrack/onunmute
+---
+<p>{{ APIRef("Media Capture and Streams") }}</p>
+
+<p><code><strong>MediaStreamTrack.onunmute</strong></code>イベントハンドラは{{event("unmute")}}イベントを受け取った時に呼び出されるプロパティです。このイベントは、トラックが再びデータを送信できるようになった時に発生します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="eval"><em>track</em>.onunmute = <em>function</em>;
+</pre>
+
+<h3 id="値">値</h3>
+
+<ul>
+ <li><code>function</code>はユーザーが定義した関数の名前で末尾の<code>()</code>やパラメータを省略したもの、または、<code>function(event) {...}</code>の形式で表現された匿名関です。イベントハンドラは常に 、{{domxref("Event")}}型のイベントを含む1つのパラメータを持ちます。</li>
+</ul>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">dc.onunmute = function(ev) { alert("unmute event detected!"); };
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-onunmute', 'MediaStreamTrack.onunmute') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable() }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatVersionUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Chrome for Android</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatNo() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ <td>{{ CompatUnknown() }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>{{event("unmute")}}イベント、およびその型である{{domxref("Event")}}。</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/readystate/index.html b/files/ja/web/api/mediastreamtrack/readystate/index.html
new file mode 100644
index 0000000000..bd6817d4f4
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/readystate/index.html
@@ -0,0 +1,108 @@
+---
+title: MediaStreamTrack.readyState
+slug: Web/API/MediaStreamTrack/readyState
+translation_of: Web/API/MediaStreamTrack/readyState
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p><code><strong>MediaStreamTrack.readyState</strong></code>は読み取り専用のプロパティであり、トラックの状態を表す値を返します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"> var <em>state</em> = <em>track</em>.readyState;</pre>
+
+<h3 id="値">値</h3>
+
+<p>以下の値のどれかを取ります。</p>
+
+<ul>
+ <li><code>"live"</code>は、入力が接続され、リアルタイムなデータがベストエフォートで提供されている状態を示します。この状態では、データの出力は、<code>MediaStreamTrack.enabled</code> プロパティを用いて、オン/オフを切り替えることができます。</li>
+ <li> <code>"ended"</code>は入力がこれ以上データを提供しない状態を示します。</li>
+</ul>
+
+<h2 id="例">例</h2>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table" style="height: 49px; width: 1000px;">
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-readystate', 'MediaStreamTrack.readyState') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoDesktop(50) }}</td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoMobile(50) }}</td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Stream API</a></li>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+ <li>{{domxref("MediaStreamTrack.onended")}}</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/remote/index.html b/files/ja/web/api/mediastreamtrack/remote/index.html
new file mode 100644
index 0000000000..fe3526dd92
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/remote/index.html
@@ -0,0 +1,114 @@
+---
+title: MediaStreamTrack.remote
+slug: Web/API/MediaStreamTrack/remote
+translation_of: Web/API/MediaStreamTrack/remote
+---
+<p>{{APIRef("Media Capture and Streams")}}{{obsolete_header()}}</p>
+
+<p><code><strong>MediaStreamTrack.remote</strong></code>は読み取り専用のプロパティであり、このプロパティによってJavaScript上で、WebRTC MediaStreamTrackがリモートソースかローカルソースであるのかを知ることができます。値が<code>true</code>の場合は、トラックがリモートのソース(<a href="https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection">RTCPeerConnection</a>)を用いられていること示します。値が<code>false</code>の場合はローカルのソースが用いられていることを示します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox">var <em>bool</em> ​= <em>track</em>.remote;</pre>
+
+<h2 id="仕様">仕様</h2>
+
+<table>
+ <thead>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状況</th>
+ <th scope="col">コメント</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{ SpecName('Media Capture', '#widl-MediaStreamTrack-remote', 'MediaStreamTrack.remote') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatChrome(48)}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Removed</td>
+ <td>{{CompatChrome(59)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android Webview</th>
+ <th>Chrome for Android</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{CompatChrome(48)}}</td>
+ <td>{{CompatChrome(48)}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatNo}}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ <tr>
+ <td>Removed</td>
+ <td>{{CompatChrome(59)}}</td>
+ <td>{{CompatChrome(59)}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ <td>{{CompatUnknown}}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li>
+</ul>
+
+<p> </p>
diff --git a/files/ja/web/api/mediastreamtrack/stop/index.html b/files/ja/web/api/mediastreamtrack/stop/index.html
new file mode 100644
index 0000000000..be6c01e780
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/stop/index.html
@@ -0,0 +1,125 @@
+---
+title: MediaStreamTrack.stop()
+slug: Web/API/MediaStreamTrack/stop
+translation_of: Web/API/MediaStreamTrack/stop
+---
+<p>{{APIRef("Media Capture and Streams")}}</p>
+
+<p>{{domxref("MediaStreamTrack")}}の<strong><code>stop()</code></strong>はトラックを停止します。</p>
+
+<h2 id="文法">文法</h2>
+
+<pre class="syntaxbox"><em>MediaStreamTrack</em>.stop();
+</pre>
+
+<p><code>stop()</code> の呼び出しは、 {{glossary("user agent")}}へ、トラックのソース(ファイル、ネットワークストリーム、ローカルカメラやマイク)がこれ以上<code>MediaStreamTrack</code>で必要とされないことを伝えます。複数のトラックが同じソースを使用すること(例えば、2つのタブがデバイスのマイクを使っている場合など)もあるため、ソースが必ずしも直ぐに停止させられる必要はありません。その代わり、トラックからの関連付けが解除され、そのトラックオブジェクトが停止されます。ソースからメディアトラックが使用されなくなると、ソースは実際に完全に停止させられるでしょう。</p>
+
+<p><code>stop()</code>を呼び出した直後に、{{domxref("MediaStreamTrack.readyState", "track")}}の状態は<code>ended</code>になります。</p>
+
+<h2 id="例">例</h2>
+
+<p>In this example, we see a function which stops a streamed video by calling <code>stop()</code> on every track on a given {{HTMLElement("video")}}.</p>
+
+<p>この例では、与えられた{{HTMLElement("video")}}の各トラックの<code>stop()</code>を呼び出すことで、ストリーミングされているビデオを停止する関数を定義しています。</p>
+
+<pre class="brush: js">function stopStreamedVideo(videoElem) {
+ let stream = videoElem.srcObject;
+ let tracks = stream.getTracks();
+
+ tracks.forEach(function(track) {
+ track.stop();
+ });
+
+ videoElem.srcObject = null;
+}</pre>
+
+<p>{{domxref("HTMLMediaElement.srcObject", "srcObject")}}プロパティからビデオ要素のストリームを取得することで機能しています。次に、{{domxref("MediaStream.getTracks", "getTracks()")}}メソッドを呼び出すことで、ストリームのトラックリストを取得しています。ここから、{{jsxref("Array.forEach", "forEach()")}}を使ってトラックリストから各トラックを繰り返し呼び出し、それぞれのトラックで<code>stop()</code>メソッドを呼び出しています。</p>
+
+<p>最後に、{{domxref("MediaStream")}}オブジェクトへの参照を解くために<code>srcObject</code>に<code>null</code>を設定することで、このオブジェクトは解放できるようになります。</p>
+
+<h2 id="仕様">仕様</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 Capture', '#widl-MediaStreamTrack-stop', 'MediaStreamTrack.stop()') }}</td>
+ <td>{{ Spec2('Media Capture') }}</td>
+ <td>初版</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<p>{{ CompatibilityTable }}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Chrome</th>
+ <th>Edge</th>
+ <th>Firefox (Gecko)</th>
+ <th>Internet Explorer</th>
+ <th>Opera</th>
+ <th>Safari</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoDesktop(34) }}<sup>[1]</sup></td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+ <tr>
+ <th>Feature</th>
+ <th>Android</th>
+ <th>Android Webview</th>
+ <th>Edge</th>
+ <th>Firefox Mobile (Gecko)</th>
+ <th>IE Mobile</th>
+ <th>Opera Mobile</th>
+ <th>Safari Mobile</th>
+ <th>Chrome for Android</th>
+ </tr>
+ <tr>
+ <td>Basic support</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ <td>{{CompatVersionUnknown}}</td>
+ <td>{{ CompatGeckoMobile(34) }}</td>
+ <td>{{ CompatNo }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatUnknown }}</td>
+ <td>{{ CompatVersionUnknown }}</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>[1] Firefox 52以前のバージョンでは、ローカルトラック({{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}によって取得したもの)のみが停止可能です。 現在は、<a href="/en-US/docs/Glossary/WebRTC">WebRTC</a>に関連づけられた{{domxref("MediaStream")}} や<a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> ストリーム、{{domxref("CanvasCaptureMediaStream")}}を含む、全ての種類のトラックが停止可能です。</p>
+
+<h2 id="関連項目">関連項目</h2>
+
+<ul>
+ <li>このメソッドが属する{{domxref("MediaStreamTrack")}}インタフェース</li>
+ <li>{{domxref("MediaStreamTrack.readyState")}}</li>
+ <li>{{event("ended")}}</li>
+</ul>
diff --git a/files/ja/web/api/mediastreamtrack/unmute_event/index.html b/files/ja/web/api/mediastreamtrack/unmute_event/index.html
new file mode 100644
index 0000000000..5caadd66a6
--- /dev/null
+++ b/files/ja/web/api/mediastreamtrack/unmute_event/index.html
@@ -0,0 +1,102 @@
+---
+title: 'MediaStreamTrack: unmute イベント'
+slug: Web/API/MediaStreamTrack/unmute_event
+tags:
+ - Audio
+ - Event
+ - Media
+ - Media Capture and Streams
+ - Media Streams
+ - MediaStreamTrack
+ - Reference
+ - Video
+ - unmute
+ - イベント
+translation_of: Web/API/MediaStreamTrack/unmute_event
+---
+<div>{{APIRef("Media Capture and Streams")}}</div>
+
+<p><span class="seoSummary"><code><strong>unmute</strong></code> イベントは、トラックのソースが休止時間の後、再びメディアデータを提供するようになると一度発生します。</span>これは {{domxref("MediaStreamTrack/mute_event", "mute")}} で始まった {{domxref("MediaStreamTrack.muted", "muted")}} の状態を終了します。</p>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th scope="row">バブリング</th>
+ <td>なし</td>
+ </tr>
+ <tr>
+ <th scope="row">キャンセル</th>
+ <td>不可</td>
+ </tr>
+ <tr>
+ <th scope="row">インターフェイス</th>
+ <td>{{domxref("Event")}}</td>
+ </tr>
+ <tr>
+ <th scope="row">イベントハンドラープロパティ</th>
+ <td>{{domxref("MediaStreamTrack.onunmute", "onunmute")}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p><strong>メモ:</strong> 多くの人が「ミュート」と考える状態 (すなわち、トラックを無音にすることをユーザーが制御できる方法) は実際には {{domxref("MediaStreamTrack.enabled")}} プロパティを使用して管理され、こちらではイベントが発生しません。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>この例では、イベントハンドラーを {{domxref("MediaStreamTrack/mute_event", "mute")}} および <code>unmute</code> の各イベントに設定し、 {{domxref("MediaStreamTrack")}} が入った変数 <code>musicTrack</code> のソースからメディアが流れていない場合を検出しています。</p>
+
+<pre class="brush: js">musicTrack.addEventListener("mute", event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
+}, false);
+
+musicTrack.addEventListener("unmute", event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#fff";
+}, false);
+</pre>
+
+<p>これらのイベントハンドラーのある場面で、トラック <code>musicTrack</code> が {{domxref("MediaStreamTrack.muted", "muted")}} の状態になったとき、 <code>timeline-widget</code> の ID を持った要素の背景色が <code>#aaa</code> に変化します。トラックのミュート状態を抜けたことを — <code>unmuted</code> イベントが到着したことによって — 検出すると、背景色は白に戻ります。</p>
+
+<p>{{domxref("MediaStreamTrack.onunmute", "onunmute")}} イベントハンドラープロパティを使用してこのイベントのハンドラーを設定することもできます。同様に、 {{domxref("MediaStreamTrack.onmute", "onmute")}} イベントハンドラープロパティが <code>mute</code> イベントを設定するために利用できます。以下の例ではこれを示しています。</p>
+
+<pre class="brush: js">musicTrack.onmute = event =&gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
+}
+
+musicTrack.mute = event = &gt; {
+ document.getElementById("timeline-widget").style.backgroundColor = "#fff";
+}
+</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('Media Capture', '#event-mediastreamtrack-unmute', 'unmute')}}</td>
+ <td>{{Spec2('Media Capture')}}</td>
+ <td>初回定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.MediaStreamTrack.unmute_event")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("MediaStreamTrack.onunmute", "onunmute")}} イベントハンドラープロパティ</li>
+ <li>{{domxref("MediaStreamTrack/mute_event", "mute")}} イベント</li>
+</ul>