Question

我有html5网页，有滑块和音轨。我没有考虑声音标签属性controls =“controls”（）。我希望我的滑块控制音频文件中的音量。如果我在我的身体标签中使用，下面的代码就完美了。如果我在我的身体标签中使用，结果是震耳欲聋的噪音。这是我的代码：

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），它仍然会产生难以理解的噪音。

Answer 1

尝试操作0到1之间的音量值，其中0表示静音（0％），1表示最大音量（100％） http://www.w3schools.com/html5/av_prop_volume.asp

在控制台日志中检查您在此部分代码中获得的内容：

parseFloat(this.value / 100)

如何稳定jquery音量的声音 - 滑块？

1 个答案: