如何使用html范围滑块更改音频对象的音量

How to change the Volume of an audio object with html range slider?

本文关键字：对象 音频 html 何使用 范围      更新时间：2023-09-26

hi这是我用来播放Shotcast播放流的代码，工作正常，但无法更改音量，这是错误的吗？我是新手。

<script>
            function audioobject()
            {
                var link = new Audio('http://107.155.72.250:8000/;.mp3');
                return link;
            }
            function startradio()
            {
                audioobject().play();
            }
            function changevolume(amount)
            {
                audioobject().setVolume(amount);
            }
        </script>
        <input type="button" id="play" value="Play" onclick="startradio()"/>
        <input type="range" id="vol" max="1" min="0" step="0.01" onchange="changevolume(this.value)"/>

设置音量的正确方法是audioobject.volume = VALUE

这里有一个演示，显示了您想要的类似设置。

function changevolume(amount) {
  var audioobject = document.getElementsByTagName("audio")[0];
  audioobject.volume = amount;
}
<audio autoplay loop src="https://archive.org/download/animalsounds1/12wolveshowlfar.mp3"></audio>
<input type="range" id="vol" max="1" min="0" step="0.01" onchange="changevolume(this.value)" />

相关文章：