html音频音量调节

在调节音量的时候，我们大多数情况下会使用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()