kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ JavaScript JavaScriptでのオーディオを簡単かつ確実にしてくれるライブラリ、 howler.js 。howlerjs.comこれまでは、Audioタグ や Web Audio API を直接使えば良いという方針で、あまり積極的に使ってきませんでした。developer.mozilla.org developer.mozilla.orgしかし、ほとんどのブラウザではユーザーのジェスチャーをきっかけにしないと音を出すことができません。例えば、Chromeで、ウェブサイトが開いた瞬間にオーディオを再生しようとすると、 The AudioContext was not allowed to start. … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2023%2F02%2F13%2F235034" title="howler.jsを使ってBGMを自動再生するWebサイトをつくった時の挙動を確認する 🔈 - みかづきブログ・カスタム" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20230214/20230214003350.png Hatena Blog https://hatena.blog 2023-02-13 23:50:34 rich https://blog.kimizuka.org/entry/2023/02/13/235034 1.0 100%