[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ko/docs/Web/API/AudioWorkletProcessor [Back]  [Original]

AudioWorkletProcessor - Web API | MDN

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

AudioWorkletProcessor

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2021 4.

Web Audio API AudioWorkletProcessor AudioWorkletNode . AudioWorkletGlobalScope Web Audio . , AudioWorkletNode .

In this article

: AudioWorkletProcessor . , AudioWorkletNode . options , .

AudioWorkletProcessor()

AudioWorkletProcessor .

port

AudioWorkletNode MessagePort . port .

AudioWorkletProcessor . , process() .

AudioWorkletProcessor .

, AudioWorkletProcessor . , process . 128 AudioParam . .

, AudioParam , static getter parameterDescriptors . AudioParamDescriptor AudioWorkletNode AudioParam .

AudioParam parameters linearRampToValueAtTime . process() .

.

  1. .

    1. AudioWorkletProcessor (" " ) process() .
    2. AudioWorkletGlobalScope.registerProcessor() .
  2. audioWorklet addModule() .

  3. AudioWorkletNode . AudioWorkletNode .

  4. .

AudioWorkletNode .

, AudioWorkletProcessor , . .

js
// 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);

, , AudioWorkletNode AudioWorkletNode , .

js
const audioContext = new AudioContext();
await audioContext.audioWorklet.addModule("white-noise-processor.js");
const whiteNoiseNode = new AudioWorkletNode(
  audioContext,
  "white-noise-processor",
);
whiteNoiseNode.connect(audioContext.destination);

Specification
Web Audio API
# AudioWorkletProcessor


Web Proxy Viewer  |  New URL  |  Original Page