Метод AudioParam: exponentialRampToValueAtTime()

Метод exponentialRampToValueAtTime() интерфейса AudioParam планирует постепенное экспоненциальное изменение значения параметра AudioParam. Изменение начинается в момент, указанный для предыдущего события, следует экспоненциальной кривой до нового значения, заданного в параметре value, и достигает нового значения в момент, указанный в параметре endTime.

value

Число с плавающей точкой, представляющее значение, к которому будет плавно изменён параметр AudioParam к указанному моменту времени.

endTime

Число с двойной точностью, представляющее точное время (в секундах) после начала изменения, по истечении которого изменение значения прекратится.

Ссылка на объект AudioParam. В некоторых браузерах более ранние реализации этого интерфейса возвращают undefined.

В этом примере используется источник медиа с двумя кнопками управления (обратитесь к репозиторию audio-param для исходного кода или к живому примеру). При нажатии этих кнопок используется exponentialRampToValueAtTime(), чтобы плавно изменять значение усиления до 1.0 и обратно до 0 соответственно. Это очень полезно для эффектов плавного включения/выключения:

// create audio context
const audioCtx = new AudioContext();

// set basic variables for example
const myAudio = document.querySelector("audio");

const expRampPlus = document.querySelector(".exp-ramp-plus");
const expRampMinus = document.querySelector(".exp-ramp-minus");

// Create a MediaElementAudioSourceNode
// Feed the HTMLMediaElement into it
const source = audioCtx.createMediaElementSource(myAudio);

// Create a gain node and set its gain value to 0.5
const gainNode = audioCtx.createGain();

// connect the AudioBufferSourceNode to the gainNode
// and the gainNode to the destination
gainNode.gain.setValueAtTime(0, audioCtx.currentTime);
source.connect(gainNode);
gainNode.connect(audioCtx.destination);

// set buttons to do something onclick
expRampPlus.onclick = () => {
  gainNode.gain.exponentialRampToValueAtTime(1.0, audioCtx.currentTime + 2);
};

expRampMinus.onclick = () => {
  gainNode.gain.exponentialRampToValueAtTime(0.01, audioCtx.currentTime + 2);
};

• Использование Web Audio API