2022年6月へ

[WebAudioAPI] localhostで実行時,Safariで音が鳴らない場合

公開日:

最終更新日:

要約

Google Chromeでは問題なく動作していたWebAudioAPIを用いた音声再生が、Safariのlocalhost環境で音が鳴らない問題について解説。Safariの設定画面で「自動再生」を「すべてのメディアを自動再生」に変更すると音が鳴ることを確認し、その原因と対策を共有しています。ブラウザ固有のメディア自動再生制限に関する注意点が中心です。

  • WebAudioAPI
  • Safari
  • localhost
  • 音声再生
  • ブラウザ設定
  • 自動再生制限
  • ウェブ開発
  • クロスブラウザ対応
  • iPad
  • 問題解決

Google Chrome で動作確認しながら開発進め,だいぶ仕上がってきたのでSafariでも動作チェックしたところ,音が鳴らない。

WebAudioAPI の取得は正しくしているはずだが・・・。

解決方法。

メニュー「Safari」-「localhostでの設定」

ここで,「自動再生」を「すべてのメディアを自動再生」とすると,音が鳴ることを確認できた。

ひじょうにやっかいです。

これ,今回たまたまこうなっていたのか,それとも何か作法がいるのか,それが分からない・・・。

別のiPadでも試してみます。