Как установить громкость аудио файла в JavaScript

Question

Я не могу отрегулировать громкость на этом аудиоэлементе, который есть у меня при загрузке страницы.вот код

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

Answer 1

Если вы используете звуковые теги, просто получите DOM Node в Javascript и манипулируйте свойством громкости.

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.

FOR WEB AUDIO API, сначала немного кода, где мы загрузим наш музыкальный файл и воспроизведемэто с помощью Web Audio 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);
}

Answer 2

Хорошо. Я собирался предложить вам создать функцию и вызвать ее.Так как все получилось, удачи.

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

должно работать.Вы должны дать нам более подробную информацию (я не могу комментировать).Если вы этого еще не сделали, просто добавьте

bleep.play()

Кроме того, автоматическое воспроизведение звука по умолчанию отключено в большинстве браузеров, возможно, в этом причина.