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),它仍然會產生難以理解的噪音。