jquery - html5 jquery 音乐播放器的音量控制

Question

我正在为我的网站使用音乐播放器 html5 jquery 音乐播放器。但我发现没有选项可以控制音乐播放器的音量。谁能帮我为 html5 jquery 音乐播放器添加一个外部音量控制.

在这里您可以找到 html5 jquery 音乐播放器的演示

http://www.codebasehero.com/files/music-player-1.0.1/demo/

Answer 1

使用 jQuery，您可以在脚本标签中创建一个函数，如下所示...

var audio = document.getElementById("player");
$('.volume-up').click(function() {
    audio.volume+=0.1;
    return false;
});
$('.volume-down').click(function() {
    audio.volume-=0.1;
    return false;
});

<a>现在您可以使用上述类创建两个锚标记，如下所示...

<a class="volume-up" href="#">Turn it up!</a>
<a class="volume-down" href="#">Turn it down!</a>