mozilla
Your Search Results

    AudioContext.createGain()

    The createGain() method of the AudioContext interface creates a GainNode, which can be used to control the overall volume of the audio graph.

    Syntax

    var audioCtx = new AudioContext();
    var gainNode = audioCtx.createGain();

    Returns

    A GainNode.

    Example

    The following example shows basic usage of an AudioContext to create a GainNode, which is then used to mute and unmute the audio when a Mute button is clicked by changing the gain property value. For more complete applied examples/information, check out our Voice-change-O-matic demo (view source.)

    <div>
      <a class="mute">Mute button</a>
    </div>
    var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
    var gainNode = audioCtx.createGain();
    var mute = document.querySelector('.mute');
    
    source.connect(gainNode);
    gainNode.connect(audioCtx.destination);
    
      ...
    
    mute.onclick = voiceMute;
    
    function voiceMute() {
      if(mute.id == "") {
        gainNode.gain.value = 0;
        mute.id = "activated";
        mute.innerHTML = "Unmute";
      } else {
        gainNode.gain.value = 1;
        mute.id = "";
        mute.innerHTML = "Mute";
      }
    }

    Specifications

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

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support 10.0webkit 25.0 (25.0)  Not supported 15.0webkit
    22 (unprefixed)
    6.0webkit
    Feature Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
    Basic support ? 26.0 1.2 ? ? ? 33.0

    See also

    Document Tags and Contributors

    Contributors to this page: teoli, chrisdavidmills
    Last updated by: teoli,