Web Audio APIを利用してオーディオビジュアライザを制作したので、それに関する備忘録です。 まとめて書くと内容が長くなり、複雑で解りにくなりそうなので分けて書いています。 その1は簡単な概要と音声データを読み込んで音を出すところまでです。 Web Audio APIとは Audioを扱うAPI。 AudioNodeを接続して、音(信号)に対して様々な操作ができる。 AudioNodeとは 音量の調整、周波数の解析、フィルタをかけたりと音(信号)に対して様々な操作ができるノード。(モジュールのようなもの) AudioNodeはいくつでも接続することができ、最終的にはAudioDestinationNode(出力)に接続して音を出す。 現実世界で言うとマイク(入力)、エフェクタ(フィルタ)、スピーカー(出力)をコードで繋げていくのと同じ。 とりあえず音を出す デモ(ページを開くと音が
![Web Audio APIを利用してオーディオビジュアライザを作成する ~その1 音声データを読み込んで音を出す~ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/081e36355955497241b2a82b85c1ae0db386b5dc/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9V2ViJTIwQXVkaW8lMjBBUEklRTMlODIlOTIlRTUlODglQTklRTclOTQlQTglRTMlODElOTclRTMlODElQTYlRTMlODIlQUElRTMlODMlQkMlRTMlODMlODclRTMlODIlQTMlRTMlODIlQUElRTMlODMlOTMlRTMlODIlQjglRTMlODMlQTUlRTMlODIlQTIlRTMlODMlQTklRTMlODIlQTQlRTMlODIlQjYlRTMlODIlOTIlRTQlQkQlOUMlRTYlODglOTAlRTMlODElOTklRTMlODIlOEIlMjB-JUUzJTgxJTlEJUUzJTgxJUFFMSUyMCVFOSU5RiVCMyVFNSVBMyVCMCVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCRiVFMyU4MiU5MiVFOCVBQSVBRCVFMyU4MSVCRiVFOCVCRSVCQyVFMyU4MiU5MyVFMyU4MSVBNyVFOSU5RiVCMyVFMyU4MiU5MiVFNSU4NyVCQSVFMyU4MSU5OX4mdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWQ5ZjUxN2M0MjY4YjkwYTc4MmE2YTAzMTdjZTZiY2Nl%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzb2FyZmxhdCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjlhZjM3N2I3MWQzNThlM2ViNTVlYWU4YjgxYTIwMzg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D71716b32024d9713a6f937ff70187e00)