2012-09-23 37 views
2

我有html5網頁,帶有滑塊和音軌。 我不反對聲音標籤屬性controls =「controls」()。 我想要我的滑塊來控制音頻文件中的音量。 如果我使用我的身體標記,下面的代碼完美地工作。 如果我使用我的身體標籤,結果是震耳欲聾的噪音。這是我的代碼:如何穩定jquery音量 - 滑塊的聲音?

HTML

<!doctype html> 
<html lang="en"> 

<head> 

<title>Rain</title> 
<meta charset="utf-8"> 

<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css"> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 

</head> 

<body onLoad="run();"> 

<div id="slider"></div> 


<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery-ui.js"></script> 
<script type="text/javascript" src="js/ui.js"></script> 
</body> 
</html> 

JS

// Invoke new Audio object 
var ad = new Audio('rainloop.mp3'); 

//default play audio 
ad.play(); 

//volume slider 
$('#slider').slider({ 
min:0, 
max:100, 
step:1, 
value:50, 
slide: function(){ 

    ad.volume = parseFloat(this.value/10); 
} 

} );

我認爲它的問題s here : ad.volume = parseFloat(this.value/10); I也試過:ad.volume = parseFloat(this.value)和ad.volume = parseFloat(this.value/100),它仍然會產生難以理解的噪音。

回答