在调节音量的时候,我们大多数情况下会使用input type=range的拖动条来控制:
<p>volume<input id="volume" type="range" min="0" max="100" value="60"></p>
而在事件触发的时候,我们可能会使用onchange,使用这个的时候,拖动的时候不会音量调节的结果不会立即生效,要立即生效得使用oninput
/*调节音量设置*/
function changeVolume(percent){
gainNode.gain.value = percent * percent;
}
$("#volume")[0].oninput = function(){
changeVolume(this.value/this.max);
}
$("#volume")[0].oninput()