7

モバイルに最適化されたウェブサイトを構築しており、カウンターが終了した後にサウンドを再生したいと考えています。通常、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);

しかし、私の質問は、他のより良い解決策はありますか?

ありがとうございました!

4

0 に答える 0