javascript - 当鼠标不在 HTML 元素上时，将 Rythm.js 播放的音乐静音

Question

我正在使用Rythm.js让元素随着歌曲及时“跳舞”。 (该元素是使用 Raphiel.js 创建的论文，但我认为这不是重点。)

然后，当鼠标不在特定元素上时，我需要将歌曲静音。具体元素与 HTML 元素不同。

这是开始播放歌曲的代码:

var audio = new Audio('audio.mp3');
audio.loop = true;
audio.play();

这也是我打算用来静音音频的代码:

$(function() {
    $('main').hover(function() {
        audio.muted = false;
    }, function() {
        audio.muted = true;
    });
}); 

这是初始化 Rythm.js 的代码:

var rythm = new Rythm();
rythm.setMusic("brighton.mp3");

Answer 1

您应该使用rythm.connectExternalAudioElement(audioElement)来连接您自己的元素。否则，节奏将充当播放器并创建自己的音频元素。

如果您想了解更多信息，请随时询问。