---
title: MediaStream.getTrackById()
slug: Web/API/MediaStream/getTrackById
translation_of: Web/API/MediaStream/getTrackById
---
<p>{{APIRef("Media Capture and Streams")}}</p>

<p><strong><code>MediaStream.getTrackById()</code></strong>メソッドは、指定されたID文字列を持つトラックを表現する{{domxref("MediaStreamTrack")}}オブジェクトを返します。指定したIDを持つトラックが存在しない場合は、<code>null</code>を返します。</p>

<h2 id="文法">文法</h2>

<pre class="syntaxbox">var <em>track</em> = <em>MediaStream</em>.getTrackById(<em>id</em>);
</pre>

<h3 id="パラメータ">パラメータ</h3>

<dl>
 <dt><code>id</code></dt>
 <dd>取得したいトラックを識別する{{domxref("DOMString")}}です。</dd>
</dl>

<h3 id="戻り値">戻り値</h3>

<p>パラメータで指定した<code>id</code>の文字列と同じ{{domxref("MediaStreamTrack.id")}}を持つトラックが見つかった場合は、その{{domxref("MediaStreamTrack")}}オブジェクトを返します。それ以外の場合は、<code>null</code>を返します。</p>

<h2 id="例">例</h2>

<p>この例では、ビデオに含まれるコメンタリートラックを有効にしています。メインのオーディオトラックの音量を50%にしてから、コメンタリートラックを有効にしています。</p>

<pre class="brush: js">stream.getTrackById("primary-audio-track").applyConstraints({ volume: 0.5 });
stream.getTrackById("commentary-track").enabled = true;</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-MediaStream-getTrackById-MediaStreamTrack-DOMString-trackId','getTrackById()') }}</td>
   <td>{{ Spec2('Media Capture') }}</td>
   <td>初版</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザ互換性">ブラウザ互換性</h2>

<p>{{ CompatibilityTable }}</p>

<div id="compat-desktop">{{ CompatUnknown }}
<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>{{ CompatUnknown }}</td>
   <td>{{ CompatGeckoDesktop(49) }}</td>
   <td>{{ CompatNo }}</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</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(49) }}</td>
   <td>{{ CompatNo }}</td>
   <td>{{ CompatUnknown }}</td>
   <td>{{ CompatUnknown }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="関連項目">関連項目</h2>

<ul>
 <li>{{domxref("MediaStream")}}</li>
 <li>{{domxref("MediaStreamTrack.id")}}</li>
</ul>