2012-09-23 106 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),它仍然会产生难以理解的噪音。

回答