The linearRampToValueAtTime() method of the AudioParam Interface schedules a gradual linear change in the value of the AudioParam. The change starts at the time specified for the previous event, follows a linear ramp to the new value given in the value parameter, and reaches the new value at the time given in the endTime parameter.


var AudioParam = AudioParam.linearRampToValueAtTime(value, endTime)


A floating point number representing the value the AudioParam will ramp to by the given time.
A double representing the exact time (in seconds) after the ramping starts that the changing of the value will stop.


A reference to this AudioParam object. In some browsers older implementations of this interface return void.


In this example, we have a media source with two control buttons (see the audio-param repo for the source code, or view the example live.) When these buttons are pressed, linearRampToValueAtTime() is used to fade the gain value up to 1.0, and down to 0, respectively. This is pretty useful for fade in/fade out effects, although AudioParam.exponentialRampToValueAtTime() is often said to be a bit more natural.

// create audio context
var AudioContext = window.AudioContext || window.webkitAudioContext;
var audioCtx = new AudioContext();

// set basic variables for example
var myAudio = document.querySelector('audio');
var pre = document.querySelector('pre');
var myScript = document.querySelector('script');

pre.innerHTML = myScript.innerHTML;

var linearRampPlus = document.querySelector('.linear-ramp-plus');
var linearRampMinus = document.querySelector('.linear-ramp-minus');

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

// Create a gain node and set it's gain value to 0.5
var gainNode = audioCtx.createGain();

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

// set buttons to do something onclick
linearRampPlus.onclick = function() {
  gainNode.gain.linearRampToValueAtTime(1.0, audioCtx.currentTime + 2);

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


Specification Status Comment
Web Audio API
The definition of 'linearRampToValueAtTime' in that specification.
Working Draft

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
linearRampToValueAtTimeChrome Full support 14Edge Full support 12Firefox Partial support 25
Partial support 25
Notes Does not work (see bug 1171438 and bug 1567777).
IE No support NoOpera Full support 15Safari Full support 6WebView Android Full support YesChrome Android Partial support 18
Partial support 18
Notes This sets the target volume at the specified time, but it doesn’t ramp to it, causing this function to behave like setValueAtTime().
Firefox Android Partial support 26
Partial support 26
Notes Does not work (see bug 1171438 and bug 1567777).
Opera Android Full support 14Safari iOS ? Samsung Internet Android Full support 1.0


Full support  
Full support
Partial support  
Partial support
No support  
No support
Compatibility unknown  
Compatibility unknown
See implementation notes.
See implementation notes.

See also