WebAudio Web MIDI API Advent Calendar 2016の19日目です。 せっかちな人のためのデモページリンク。スマホ+イヤホンで聞いてグルグル歩き回ってください。 http://aikelab.net/apan/ Web Audio APIでは、左右だけでなく3Dのパンが用意されています。つまり音の定位を三次元的に配置することができます。 さて、せっかく3Dパンなので、スマホの加速度センサーを使って、聴く人の体の向きによらず空間的に音が配置されるようにしてみましょう。つまり、たとえばイヤホンで音楽を聴きながら横を向くと、それまで左右から聞こえていた音が前後から聞こえてくる、というようなことです。 ソースコードはこんな感じになります。 まず何はなくともオーディオコンテキストの作成。 var ctx = new (window.AudioContext || wi
![パンはパンでも体の向きによらない3Dパンがでーきた - aike’s blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e78fda2dec03b24c38083aef25c401a68cb73a6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faike%2F20161219%2F20161219022741.png)