当鼠标不在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)来连接自己的元素。否则，rythm将充当玩家并创建自己的音频元素。

随时询问您是否需要更多信息。