当鼠标不在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将充当播放器并创建自己的音频元素。

如果您需要更多信息，请随时询问。