モバイルに最適化されたウェブサイトを構築しており、カウンターが終了した後にサウンドを再生したいと考えています。通常、2 分以上後。
問題は、電話の画面がオフになると、電話がjsを無効にし、オーディオの再生を妨げることです。
考えられる解決策:
私はこれを読みまし た ソリューション#3では、2つのトラックを順番にループでき、画面がオフの場合でも携帯電話は両方を再生します。そこで私が見つけたトリックは、そのループを使用することですが、最初の音は次のようになります。 1. 沈黙する。はい、5 分間のサイレンス オーディオを完了します。
たとえば、ここでは、サイレンス オーディオが 2 回再生されてから、他のサウンドが再生されます。秘訣は、max
変数を制御して目的の出力を達成することです。
var count = 0;
var max = 2;
document.getElementById('silence_audio').addEventListener('ended', function () {
this.currentTime = 0;
this.pause();
if (count < max) {
document.getElementById('silence_audio').play();
count++;
} else {
document.getElementById('audio_4').play();
}
}, false);
document.getElementById('audio_4').addEventListener('ended', function () {
this.currentTime = 0;
this.pause();
document.getElementById('silence_audio').play();
}, false);
しかし、私の質問は、他のより良い解決策はありますか?
ありがとうございました!