jquery - 播放声音 HTML 5 till mouse move

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 音频/视频