Метод AudioParam: linearRampToValueAtTime()

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

value

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

endTime

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

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

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

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

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

const linearRampPlus = document.querySelector(".linear-ramp-plus");
const linearRampMinus = document.querySelector(".linear-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
linearRampPlus.onclick = () => {
  gainNode.gain.linearRampToValueAtTime(1.0, audioCtx.currentTime + 2);
};

linearRampMinus.onclick = () => {
  gainNode.gain.linearRampToValueAtTime(0, audioCtx.currentTime + 2);
};

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