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>