jquery - 音を出すマウスの移動まで HTML 5

Question

マウスの動きでサウンドをミュートするjqueryの方法はありますか?

<audio src="music/file.mp3" autoplay loop></audio>

ありがとう！

Answer 1

オーディオに ID を付ける

<audio id="audio1" src="music/file.mp3" autoplay loop></audio>

次に、mousemoveイベントを使用してミュートし、タイマーを設定して、マウスの動きが停止した場合にサウンドを復元します

$(function(){

    var t;
    $("body").mousemove(function(){

        clearTimeout(t); //Clear restore volume function

        //Mute
        var audio = document.getElementById("audio1");
        audio.volume=0.0;

        //Time restore volume
        t = setTimeout(function(){
            var audio = document.getElementById("audio1");
            audio.volume=1.0;
        }, 200);
    });
});

作業に jQuery を使用する必要はありません<audio>: w3schools オーディオ/ビデオ