AudioWorkletNode - Web APIs 编辑
BaseAudioContext.audioWorklet
property is not, thus custom AudioWorkletProcessor
s cannot be defined outside them.The AudioWorkletNode
interface of the Web Audio API represents a base class for a user-defined AudioNode
, which can be connected to an audio routing graph along with other nodes. It has an associated AudioWorkletProcessor
, which does the actual audio processing in a Web Audio rendering thread.
Constructor
AudioWorkletNode()
- Creates a new instance of an
AudioWorkletNode
object.
Properties
Also Inherits properties from its parent, AudioNode
.
AudioWorkletNode.port
Read only- Returns a
MessagePort
used for bidirectional communication between the node and its associatedAudioWorkletProcessor
. The other end is available under theport
property of the processor. AudioWorkletNode.parameters
Read only- Returns an
AudioParamMap
— a collection ofAudioParam
objects. They are instantiated during the creation of the underlyingAudioWorkletProcessor
. If theAudioWorkletProcessor
has a staticparameterDescriptors
getter, theAudioParamDescriptor
array returned from it is used to createAudioParam
objects on theAudioWorkletNode
. With this mechanism it is possible to make your ownAudioParam
objects accessible from yourAudioWorkletNode
. You can then use their values in the associatedAudioWorkletProcessor
.
Event handlers
AudioWorkletNode.onprocessorerror
- Fired when an error is thrown in associated
AudioWorkletProcessor
. Once fired, the processor and consequently the node will output silence throughout its lifetime.
Methods
Also inherits methods from its parent, AudioNode
.
The AudioWorkletNode
interface does not define any methods of its own.
Examples
In this example we create a custom AudioWorkletNode
that outputs white noise.
First, we need to define a custom AudioWorkletProcessor
, which will output white noise, and register it. Note that this should be done in a separate file.
// white-noise-processor.js
class WhiteNoiseProcessor extends AudioWorkletProcessor {
process (inputs, outputs, parameters) {
const output = outputs[0]
output.forEach(channel => {
for (let i = 0; i < channel.length; i++) {
channel[i] = Math.random() * 2 - 1
}
})
return true
}
}
registerProcessor('white-noise-processor', WhiteNoiseProcessor)
Next, in our main script file we'll load the processor, create an instance of AudioWorkletNode
passing it the name of the processor, and connect the node to an audio graph.
const audioContext = new AudioContext()
await audioContext.audioWorklet.addModule('white-noise-processor.js')
const whiteNoiseNode = new AudioWorkletNode(audioContext, 'white-noise-processor')
whiteNoiseNode.connect(audioContext.destination)
Specifications
Specification | Status | Comment |
---|---|---|
Web Audio API The definition of 'AudioWorkletNode' in that specification. | Working Draft |
Browser compatibility
BCD tables only load in the browser
See also
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论