javascript - How to change the Volume of an audio object with html range slider? - Stack Overflow

admin管理员组

文章数量:1433520

hi this is the code I'm using to play a shoutcast cast stream works fine but not able to change the volume is this wrong I'm new at this.

<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)"/>

hi this is the code I'm using to play a shoutcast cast stream works fine but not able to change the volume is this wrong I'm new at this.

<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)"/>

• javascript
• html
• dom-events

Share Improve this question Follow edited Jan 12, 2021 at 12:34 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Apr 16, 2014 at 0:24 manitejamaniteja 71722 gold badges1616 silver badges3232 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

The correct method to set the volume is audioobject.volume = VALUE

Here's a demo showing a similar setup as you want.

function changevolume(amount) {
  var audioobject = document.getElementsByTagName("audio")[0];
  audioobject.volume = amount;
}

<audio autoplay loop src="https://archive/download/animalsounds1/12wolveshowlfar.mp3"></audio>

<input type="range" id="vol" max="1" min="0" step="0.01" onchange="changevolume(this.value)" />

本文标签： javascriptHow to change the Volume of an audio object with html range sliderStack Overflow