web-dev-qa-db-fra.com

Volume de balise audio HTML

J'ai intégré un fond audio dans mon site Web qui se lit automatiquement lors de la visite.

La source de l'audio est un lien direct de flux en ligne.

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

J'ai déjà réussi à le faire et ça fonctionne bien.

Maintenant, je veux baisser le volume du flux, car l'audio doit rester en arrière-plan et divertir les visiteurs au lieu de leur donner le cancer de l'oreille à cause du volume.

J'ai déjà cherché sur les forums mais j'ai toujours trouvé des solutions pour augmenter le volume d'une vidéo.

J'ai également recherché les paramètres de la balise audio, mais il ne semble pas y avoir de paramètre de volume pour la balise audio.

Ne vous inquiétez pas des légalités. Le flux que j'utilise pour le site Web n'a aucun droit d'auteur et je suis autorisé à l'utiliser sur mon site Web.

15
Captain Crazy

Aucun attribut de volume n'est pris en charge par les navigateurs, vous devez donc définir la propriété de volume en 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>

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

33
sjm