HTML 音频标签卷

2022-01-18 00:00:00 audio volume tags html

我在我的网站中嵌入了一个背景音频，它会在访问时自动播放.

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.

推荐答案

浏览器不支持volume属性，所以必须在JavaScript中设置volume属性

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>

参见http://jsfiddle.net/sjmcpherso/6r1emoxq/

相关文章