Apple Safariブラウザでhtmlが音声・動画を自動再生できない問題を解決 - リアルタイム音声通話機能【カスタマーサービスのみ】...

顧客サービス システムにリアルタイムの音声通話機能を実装する際に、オーディオおよびビデオ ストリームを自動的に再生したい場合、Apple デバイスで問題が発生しました。

Safari では、デフォルトでバックグラウンドでのサウンドの自動再生が許可されていません。これは、ユーザー エクスペリエンスとプライバシー上の理由によるもので、ユーザーが気付かないうちに自動的にサウンドが再生されるのを防ぎます。

解決策は

iOS 11 以降の Safari ブラウザー。ユーザーが少なくとも 1 回のインタラクションを行った場合、次の 2 つのプロパティを設定できます。muted playsinline次に、動的jsを設定して、サウンドを自動的に再生します

<audio id="myAudio" src="audio.mp3" muted playsinline></audio>

次に、jsでプロパティを動的に設定します

     var myAudio = document.getElementById('myAudio');
      myAudio.muted = false;  // 将 muted 属性设置为 false
      myAudio.autoplay = true;  // 将 autoplay 属性设置为 true
      myAudio.play();  // 播放音频

それで

ページに少なくとも 1 つのインタラクションがあると、Apple デバイスでサウンドを自動的に再生できます。