播放声音<audio> HTML 5直到鼠标移动</audio>

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 audio/video