--- title: StereoPannerNode slug: Web/API/StereoPannerNode translation_of: Web/API/StereoPannerNode --- <p>{{APIRef("Web Audio API")}}</p> <div> <p><a href="/ja/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> <p>{{Compat("api.StereoPannerNode")}}</p> <h2 id="See_also" name="See_also">関連情報</h2> <ul> <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul>