The OscillatorNode
interface represents a periodic waveform, such as a sine wave. It is an AudioScheduledSourceNode
audio-processing module that causes a specified frequency of a given wave to be created—in effect, a constant tone.
An OscillatorNode
is created using the BaseAudioContext.createOscillator()
method. It always has exactly one output and no inputs. Its basic property defaults (see AudioNode
for definitions) are:
Number of inputs | 0 |
---|---|
Number of outputs | 1 |
Channel count mode | max |
Channel count |
2 (not used in the default count mode) |
Channel interpretation | speakers |
OscillatorNode()
OscillatorNode
object, optionally providing an object specifying default values for the node's properties. If the default values are acceptable, you can simply call the BaseAudioContext.createOscillator()
factory method.Inherits properties from its parent, AudioScheduledSourceNode
, and adds the following properties:
OscillatorNode.frequency
AudioParam
representing the frequency of oscillation in hertz (though the AudioParam
returned is read-only, the value it represents is not). The default value is 440 Hz (a standard middle-A note).OscillatorNode.detune
AudioParam
representing detuning of oscillation in cents (though the AudioParam
returned is read-only, the value it represents is not). The default value is 0.OscillatorNode.type
custom
to use a PeriodicWave
to describe a custom waveform. Different waves will produce different tones. Standard values are "sine"
, "square"
, "sawtooth"
, "triangle"
and "custom"
. The default is "sine"
.OscillatorNode.onended
ended
event, which fires when the tone has stopped playing.Inherits methods from its parent, AudioScheduledSourceNode
, and adds the following:
OscillatorNode.setPeriodicWave()
PeriodicWave
which describes a periodic waveform to be used instead of one of the standard waveforms; calling this sets the type
to custom
. This replaces the now-obsolete OscillatorNode.setWaveTable()
method.OscillatorNode.start()
OscillatorNode.stop()
The following example shows basic usage of an AudioContext
to create an oscillator node and to start playing a tone on it. For an applied example, check out our Violent Theremin demo (see app.js for relevant code).
// create web audio api context var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); // create Oscillator node var oscillator = audioCtx.createOscillator(); oscillator.type = 'square'; oscillator.frequency.setValueAtTime(440, audioCtx.currentTime); // value in hertz oscillator.connect(audioCtx.destination); oscillator.start();
Specification | Status | Comment |
---|---|---|
Web Audio API The definition of 'OscillatorNode' in that specification. | Working Draft |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 14 | Yes | 25 | No | 15 | 6 |
OscillatorNode() constructor |
551 | ? | 53 | No | 42 | ? |
detune |
14 | Yes | 25 | No | 15 | 6 |
frequency |
14 | Yes | 25 | No | 15 | 6 |
onended |
14 | Yes | 25 | No | 15 | 6 |
type |
14 | Yes | 25 | No | 15 | 6 |
setPeriodicWave |
14 | Yes | 25 | No | 15 | 6 |
start |
14 | Yes | 252 | No | 15 | 6 |
stop |
14 | Yes | 252 | No | 15 | 6 |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | 14 | 14 | Yes | 26 | No | 15 | ? |
OscillatorNode() constructor |
551 | 551 | ? | 53 | No | 42 | ? |
detune |
Yes | 14 | Yes | 26 | No | 15 | ? |
frequency |
Yes | 14 | Yes | 26 | No | 15 | ? |
onended |
Yes | 14 | Yes | 26 | No | 15 | ? |
type |
Yes | 14 | Yes | 26 | No | 15 | ? |
setPeriodicWave |
Yes | 14 | Yes | 26 | No | 15 | ? |
start |
Yes | 14 | Yes | 262 | No | 15 | ? |
stop |
Yes | 14 | Yes | 262 | No | 15 | ? |
1. Before Chrome 59, the default values were not supported.
2. Before Firefox 30, the when
parameter was not optional.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/OscillatorNode