WEB AUDIO APITHREE.JSTAILWIND
سینستزیا — آزمایشگاه صوت فضایی
0ms Latency · HRTF Binaural Spatialization
Interactive 3D binaural acoustic workstation with procedural shader synthesis, multi-track DSP nodes, and zero-latency audio worklets.
گلوگاه بحرانی
نودهای پردازش اسکریپت استاندارد Web Audio باعث underrun بافر and unpredictable latency spikes when complex audio synthesis runs alongside 3D scene renders.
راهحل مهندسیشده
Implemented non-blocking AudioWorklet processors with custom Head-Related Transfer Function (HRTF) convolution filters, paired with Three.js custom instanced volumetric visualizers.
بنچمارکهای محصولی
0 across 1hr stress
Audio Buffer Underruns
360° Binaural HRTF
Spatial Accuracy
Synced at 120 FPS
Shader Uniforms
< 2.8ms buffer time
Worklet Latency
استک معماری
Web Audio API (AudioWorklet)Three.js GLSLCustom HRTF DSPWeb Workers
// Low-latency spatial AudioWorkletProcessor
class BinauralSpatializer extends AudioWorkletProcessor {
process(inputs, outputs, parameters) {
const input = inputs[0];
const output = outputs[0];
for (let channel = 0; channel < output.length; ++channel) {
applyHrtfConvolution(input[channel], output[channel], parameters);
}
return true;
}
}
registerProcessor('binaural-spatializer', BinauralSpatializer);