如何在 JavaScript 中設置音頻文件的音量

Question

加載頁面時，我似乎無法調整此音頻元素的音量。 這是代碼

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

Answer 1

如果您使用音頻標簽，只需獲取 Javascript 中的 DOM 節點並操作音量屬性。

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 AUDIO API，首先編寫一段代碼，我們將在其中加載我們的音樂文件並使用 Web3A8DE14634 播放音樂文件。

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);
}

Answer 2

它應該工作。 你需要給我們更多的細節（我不能評論）。 如果您還沒有，只需添加

bleep.play()

此外，大多數瀏覽器默認禁用自動播放音頻，也許這就是原因。

Answer 3

如果您的音樂是頁面中的一個元素，您可以使用：

var music = document.getElementById("myMusic");
music.volume = 0.2;

如果不是，請使用：

var music = new Audio('audio/correct.mp3');
music.volume = 0.2;

您可以查看https://www.w3schools.com/tags/av_prop_volume.asp

更多細節

Answer 4

好的..我會建議你為它創建一個 function 並調用 function。 既然已經成功了，祝你好運。