自己写的一个简单的页面audio音量调节器

页面中 写一个input 

     <input type="range" name="1" id="a" value="80">

利用input的"range" 实现滑动

效果如图:

 

 进行滑动

滑块的位置就是value值;(我设置的默认80),value值得范围为0-100;

然后开始些jq(加audio标签这一步我就偷懒了)

<script>

    $('#a').change(function () {// 给这个滑块写一个输入方法
        var my = $(" #a ").val() / 100;//定义滑块的valu为并除以一百,因为音量的范围是0-1
        $("audio")[0].volume = my;//过得audio的音量,并改变,
    });

</script>