gpt4 book ai didi

javascript - 如何稳定 jquery 音量 slider 的声音?

转载 作者:行者123 更新时间:2023-11-28 02:04:01 24 4
gpt4 key购买 nike

我有 html5 网页,带有 slider 和音轨。我不引用声音标记属性 controls = "controls"()。我想让我的 slider 控制音频文件的音量。如果我在我的 body 标签中使用,下面的代码将完美运行。如果我在我的 body 标签中使用,结果是震耳欲聋的噪音。这是我的代码:

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);
}

});

我认为问题在于:ad.volume = parseFloat(this.value/10);
也尝试过:ad.volume = parseFloat(this.value) 和 ad.volume = parseFloat(this.value/100),它仍然发出难以理解的噪音。

最佳答案

尝试在 0 和 1 之间操纵音量值,其中 0 是静音 (0%),1 是最大音量 (100%) http://www.w3schools.com/html5/av_prop_volume.asp

检查控制台日志你在这部分代码中得到了什么:

parseFloat(this.value / 100) 

关于javascript - 如何稳定 jquery 音量 slider 的声音?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12554937/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com