Search code examples
htmlaudiotagsvolume

HTML audio tag volume

I embedded a background audio into my website which autoplays on visit.

The source of the audio is a online stream hotlink.

<audio autoplay>
      <source src="http://lel.com/link/to/stream.m3u">
    </audio>

I already managed to do that and it's working well.

Now I want to turn down the volume of the stream because the audio should just stay in the background and entertain the visitors instead of giving them ear cancer due to loudness.

I already searched the forums but I always found solutions for turning the volume of a video.

I also searched for the parameters of the audio tag but there seems no volume parameter for the audio tag.

Don't worry about legalities. The stream I use for the website has no copyright and I am permitted to use it on my website.

Solution

  • Theres no volume attribute supported by browsers so you must set the volume property in JavaScript

    <audio autoplay id="myaudio">
  <source src="http://lel.com/link/to/stream.m3u">
</audio>

<script>
  var audio = document.getElementById("myaudio");
  audio.volume = 0.2;
</script>

    See http://jsfiddle.net/sjmcpherso/6r1emoxq/