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

时间:2012-11-28 09:35:58

标签: jquery html5 volume audio-player

我正在为我的网站使用音乐播放器html5 jquery音乐播放器。但我发现没有选项来控制音乐播放器的音量。可以任何人请帮我为html5包含外部音量控制jquery音乐播放器。

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

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

1 个答案:

答案 0 :(得分: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>