・この記事を読むときは、お使いのブラウザの他のタブ、ウインドウでWebAudioAPIが使用されていないことをご確認願います。 ・コードプレビューのJS全体が即時関数で囲われている場合、その即時関数は実際には不要であると考えてください。 Webブラウザは同時に存在できるAudioContextオブジェクトの数に制限をかけています。 通常、AudioContextオブジェクトが1アプリケーションに複数必要となることはなく、この制限に困ることはありません。 ただし、複数のタブ、ウインドウ、iframeでWebAudioAPIが使用される場合にはエラー発生の可能性があるため、本記事では処理を即時終了させることで対策を行っております。 音源の情報を解析し視覚化するWebサイト Loop Waveform Visualizer https://airtightinteractive.com/demo
![音にあわせて画面が変化!続々々「WebAudioAPI」入門 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebd356fc125fb37c294de4f808eac29eee67915d/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2016%2F10%2F147627096550048100_51.jpg)