调整<音频>元素

Adjusting volume of an <audio> element with jQuery

本文关键字：元素 gt 音频 调整 lt      更新时间：2023-09-26

这是我的HTML:

<audio id="audio_core" autoplay="autoplay">
   <source src="audio/bgm.mp3" type="audio/mpeg">
   Your browser does not support the audio element.
</audio>

和我的JavaScript:

$(document).ready(function() {
    $('#audio_core').prop('volume', 0.15);
}

我想把音量调低一点。

我想您只需要用})正确地关闭$(document).ready(function()，其余代码都可以正常工作。

$(document).ready(function() {
$('#audio_core').prop('volume', 0.15);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="audio_core" autoplay="autoplay" controls="controls">
 <source src="http://www.maninblack.org/demos/PoliceLineDontCross.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

PS：移除controls="controls"。添加只是为了避免刷新页面以停止音乐。

找到了。我不得不这么做：

<audio id="audio_core" autoplay="autoplay">
   <source src="audio/bgm.mp3" type="audio/mpeg">
       Your browser does not support the audio element.
</audio>
<script>
    $(document).ready(function() {
      $('#audio_core').prop('volume', 0.05);
    })
 </script>
相关文章：