---
title: StereoPannerNode
slug: Web/API/StereoPannerNode
translation_of: Web/API/StereoPannerNode
---
<p>{{APIRef("Web Audio API")}}</p>

<div>
<p><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> の<code> StereoPannerNode</code> は、シンプルなステレオのパンニングを行うノードです。これを利用することで、オーディオストリームを左右にパンできます。{{domxref("AudioNode")}} の一種で、コストが低くパワーの変わらない <a href="http://webaudio.github.io/web-audio-api/#panning-algorithm">アルゴリズム</a>を用います。</p>
</div>

<p>{{domxref("StereoPannerNode.pan", "pan")}} 属性には -1 （完全に左へパンニング）から 1（完全に右へパンニング）までの実数値を単位をつけずに指定します。このインタフェースにより、{{domxref("PannerNode")}} よりシンプルにパンを指定できます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/10105/StereoPannerNode.png" style="display: block; height: 89px; margin: 0px auto; width: 687px;"></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><dfn>入力数</dfn></th>
   <td><code>1</code></td>
  </tr>
  <tr>
   <th scope="row"><dfn>出力数</dfn></th>
   <td><code>1</code></td>
  </tr>
  <tr>
   <th scope="row">Channel count mode</th>
   <td><code>"clamped-max"</code></td>
  </tr>
  <tr>
   <th scope="row"><dfn>チャンネル数</dfn></th>
   <td><code>2</code></td>
  </tr>
  <tr>
   <th scope="row"><dfn>チャンネルの意味</dfn></th>
   <td><code>"speakers"</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Properties" name="Properties">属性</h2>

<p><em>{{domxref("AudioNode")}}</em> から属性を継承しています。</p>

<dl>
 <dt>{{domxref("StereoPannerNode.pan")}} {{readonlyinline}}</dt>
 <dd><a href="/ja/docs/Web/API/AudioParam#a-rate">a-rate</a> {{domxref("AudioParam")}} で、パンニングの量を指定できます。</dd>
</dl>

<h2 id="Methods" name="Methods">メソッド</h2>

<p><em>{{domxref("AudioNode")}}</em> から継承したメソッド以外、固有のメソッドを持ちません。</p>

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

<p>{{page("/ja/docs/Web/API/AudioContext.createStereoPanner","Example")}}</p>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Web Audio API', '#the-stereopannernode-interface', 'StereoPannerNode')}}</td>
   <td>{{Spec2('Web Audio API')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

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

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>基本機能</td>
   <td>{{CompatChrome(41.0)}} </td>
   <td>{{CompatGeckoDesktop(37.0)}} </td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>機能</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>Firefox OS</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
   <th>Chrome for Android</th>
  </tr>
  <tr>
   <td>基本機能</td>
   <td>{{CompatNo}}</td>
   <td>37.0</td>
   <td>2.2</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li>
</ul>