HTML音频标签音量

Question

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

这个音频的来源是一个在线流媒体热链接。

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

我已经成功完成了这个任务，而且它运作良好。

现在我想要调低流媒体的音量，因为音频应该只是留在后台，让访问者享受娱乐，而不是因为响度过高而损伤他们的听力。

我已经搜索了论坛，但我总是找到调整视频音量的解决方案。

我还搜索了音频标签的参数，但似乎没有音量参数。

不用担心法律问题。我在网站中使用的流媒体没有版权问题，我被允许在我的网站上使用它。

- Captain Crazy

Answer 1

浏览器不支持音量属性，因此必须在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/

- sjm

---

我已经知道我必须使用JS了。不过，我只看到了嵌入式视频的代码。无论如何，感谢你的帮助。C.C. - Captain Crazy

jQuery 版本是 $("#myaudio')[0].volume = 0.2; 以防万一。 - juanram0n

在我的情况下似乎不起作用，我已经按照上面的方法添加了这个，但音量仍然是100%。我认为这可能是由于脚本运行早于加载视频部分所致。 - Piotr P

@PiotrP 正确，您可以使用loadeddata事件并等待readystate大于2。还有一个canplay事件可供使用。 - interesting-name-here