如何在JavaScript音乐切换功能中设置非最大音量？

首先，HTML5 <audio> 元素自带 volume 属性，取值范围是 0（静音）到1（最大音量）——比如设成0.5就是50%的音量，你可以直接在代码里设置这个值来调整默认音量。

一、直接初始化设置固定音量 #

你可以在获取到music元素之后立刻添加音量设置代码，页面加载完成后音频就会用你设定的音量播放，不用等点击播放按钮。另外你的原代码有个语法错误：if块的大括号没闭合，else前面少了个}，我一起帮你修正了：

$(document).ready(function(){
  let music = document.getElementById("music");
  // 这里设置音量，比如0.4就是40%音量，可自行调整数值
  music.volume = 0.4;

  $("#soundControl").click(function(){
    if (music.paused) {
      $("#music").trigger("play");
      $("#soundControl").attr("src", "handanim.gif");
    } else { // 修复原代码缺失的if闭合括号
      $("#music").trigger("pause");
      $("#soundControl").attr("src", "handanim.gif");
    }
  });
});

二、可选：添加用户手动调音量功能 #

如果想让用户自己控制音量，可以在HTML里加一个滑块控件：

<input type="range" id="volumeSlider" min="0" max="1" step="0.01" value="0.4">

然后在JS里添加监听逻辑，实现实时调节：

// 监听音量滑块变化，实时调整音频音量
$("#volumeSlider").on("input", function(){
  music.volume = $(this).val();
});

内容的提问来源于stack exchange，提问作者cursedimages