threejs-audio

When to use this skill

• AudioListener

  on

  Camera

  ,

  Audio

  vs

  PositionalAudio

  , distance models, refDistance/maxDistance/rolloff

• AudioAnalyser

  for visualization bars/spectrum
• Browser autoplay policies blocking audio start

AudioLoader

• "PositionalAudio", "AudioListener", "AudioAnalyser", "panner"
• "空间音频", "音量衰减", "频谱"

How to use this skill

1. Attach listener to camera object so head-related audio follows view.
2. Create context compatible with user gesture unlock patterns in browsers.
3. PositionalAudio: set

   refDistance

   ,

   maxDistance

   ,

   rolloffFactor

   ,

   distanceModel

   per docs.
4. Load buffer via

   AudioLoader

   (threejs-loaders), then

   positionalAudio.setBuffer

   .
5. Analyser: connect graph

   listener.context.createAnalyser()

   pathways per examples; watch performance.
6. Update: audio nodes usually need no per-frame update unless following moving sources manually.

Doc map (official)

Scope

• In scope: Core Audio classes, spatialization parameters, analyser usage overview.
• Out of scope: FMOD/Wwise-style authoring tools.

Common pitfalls and best practices

• Autoplay restrictions require user interaction to resume AudioContext.
• Too many positional sources hurt CPU—pool or LOD audio.
• Ensure world units match distance model expectations.

Documentation and version

AudioLoader

AudioContext

Agent response checklist

1. Link

   AudioListener

   ,

   PositionalAudio

   , or

   AudioAnalyser

   as relevant.
2. Delegate file loading of sound buffers to threejs-loaders (

   AudioLoader

   ).
3. Note autoplay / user-gesture requirements for resuming context.
4. Relate distance attenuation to world units and threejs-objects placement.
5. Avoid promising DAW-level mixing—stay within three.js audio scope.

References

• https://threejs.org/docs/#Audio
• https://threejs.org/docs/AudioListener.html
• https://threejs.org/docs/PositionalAudio.html

Keywords