如何在JavaScript中设置音频文件的音量

如何在JavaScript中设置音频文件的音量,javascript,volume,Javascript,Volume,加载页面时,我似乎无法调整此音频元素的音量。这是密码 var bleep = new Audio(); bleep.src = "Projectwebcrow2.mp3"; bleep.volume = 0.1; 如果您使用的是音频标记,只需在Javascript中获取DOM节点并操作volume属性 var audio = document.querySelector('audio'); // Getting console.log(volume); // 1 //

加载页面时,我似乎无法调整此音频元素的音量。这是密码

    var bleep = new Audio();
    bleep.src = "Projectwebcrow2.mp3";
    bleep.volume = 0.1;

如果您使用的是音频标记,只需在Javascript中获取DOM节点并操作volume属性

var audio = document.querySelector('audio');
// Getting
console.log(volume); // 1
// Setting
audio.volume = 0.5; // Reduce the Volume by Half
您设置的数字应该在0.0到1.0之间,其中0.0是最安静的,1.0是最响亮的。 注意:如果您设置的值不在0.0到1.0的范围内,那么JS将抛出IndexSizeError

对于WEB音频API, 首先是一段代码,我们将加载音乐文件并使用Web音频API播放它

var ctx = new webkitAudioContext();

function loadMusic(url) {
  var req = new XMLHttpRequest();
  req.open('GET', url, true);
  req.responseType = 'arraybuffer';

  req.onload = function() {
    ctx.decodeAudioData(req.response, playSound);
  };

  req.send();
}

function playSound(buffer) {
  var src = ctx.createBufferSource();
  src.buffer = buffer;
  src.connect(ctx.destination);
  // Play now!
  src.noteOn(0);
}

它应该会起作用。你需要给我们更多的细节(我不能评论)。如果您还没有,只需添加

bleep.play()

此外,大多数浏览器默认情况下都会禁用自动播放音频,这可能是原因所在。

如果您的音乐是页面中的一个元素,您可以使用:

var music = document.getElementById("myMusic");
music.volume = 0.2;
如果不是,请使用:

var music = new Audio('audio/correct.mp3');
music.volume = 0.2;
你可以查一下


有关更多详细信息,请参见

好的..我建议您为其创建一个函数并调用该函数。既然成功了,祝你好运。

你无意中给了我答案。因此,我将代码写为“bleep.volume=0.1”;它需要是“bleep.volume=(0.1);”。所以,谢谢你lol,我还解决了自动播放被禁用的问题,将音频作为嘟嘟声连接到主页链接,并使用onmousedown play bleep。我认为括号是不必要的。没有它们,音量调节就无法工作。当我添加它们时,它起作用了。很有趣。所以它在safari中仍然不起作用,但它在chrome和Firefox中起作用,我让它发挥作用。我有一个语法错误。“bleep.volume=0.1;”它必须是“bleep.volume=(0.1);”当您单击导航栏中的主页链接时,我使用
  • 来激活声音文件