javascript - javascript を使用して非アクティブなタブでオーディオを再生する

Question

Websocket を使用して Web チャットを作成します。問題は、ユーザーがブラウザのタブを切り替えることです。サウンドを再生して、誰かがチャットのタブで彼と話したいことを知らせたいです。

チャットが非アクティブなタブに新しいメッセージがあると、FaceBook と GMail が「ping」を再生できるのを見ました

彼らはどのようにjavascriptでそれを行うのですか、または解決策があります

よろしくお願いします

Answer 1

どうですか？

function beep(file,volume){
    var snd = new Audio(file);
    volume = volume ? volume : 0.5; // defaults to 50% volume level
    snd.volume = volume;

    // LISTENER: Rewind the playhead when play has ended
    snd.addEventListener('ended',function(){
        this.pause();
        this.currentTime=0;
    });

    // Play the sound
    snd.play();
}

beep("audioFiles/beep.mp3", 1.0);