web-dev-qa-db-ja.com

HTMLオーディオタグボリューム

訪問時に自動再生するバックグラウンドオーディオをWebサイトに埋め込みました。

オーディオのソースは、オンラインストリームホットリンクです。

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

私はすでにそれを行うことができ、それはうまく機能しています。

ここで、音声がバックグラウンドにとどまり、ラウドネスによる耳がんを引き起こすのではなく、訪問者を楽しませるため、ストリームの音量を下げたいと思います。

私はすでにフォーラムを検索しましたが、ビデオの音量を変えるためのソリューションを常に見つけました。

オーディオタグのパラメーターも検索しましたが、オーディオタグのボリュームパラメーターがないようです。

合法性について心配しないでください。ウェブサイトに使用するストリームには著作権がありません。ウェブサイトで使用することは許可されています。

htmlhtml5audiotagsvolume
15
Captain Crazy

ブラウザでサポートされるボリューム属性がないため、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>

http://jsfiddle.net/sjmcpherso/6r1emoxq/ を参照してください

33
sjm