Html 音频音量调节

Posted 2023-02-25

【中文标题】Html 音频音量调节

【英文标题】：Html audio volume adjustment

【发布时间】：2017-05-23 17:45:02

【问题描述】：

我正在尝试向我的网站自动播放背景音乐，并以 10% 的音量开始播放。这是我的代码：

<audio id="bgAudio" autoplay src="music.mp3" volume="0.1"></audio>

这对我不起作用。我在互联网上搜索了其他方法，但没有一个有效。谁能帮帮我？

【参考方案1】：

您必须在定义音量后使用 javascript 来修改音量，因为音量不是音频标签的有效属性。它应该是 IMO，但不是。试试这个：

<audio autoplay id="bgAudio">
  <source src="music.mp3" type="audio/mpeg">
</audio>

<script>
  var audio = document.getElementById("bgAudio");
  audio.volume = 0.1;
</script>

【参考方案2】：

打开开发者工具（Ctrl+Shift+I 在Chrome中）并检查Console选项卡，应该有一些错误消息。似乎问题出在 .mp3 文件的错误路径中。