Audio Processing
READING
~7 min
TAGS
Web AudioRT
UPDATED
2023-12-01
Audio en tiempo real para el navegador usando la Web Audio API sin librerías externas.
01· AudioContext
Un solo contexto por página. Crearlo en respuesta a user gesture.
02· Graph
Source → Analyser → Dynamics → Destination. Cada nodo es composable.
const analyser = ctx.createAnalyser();
analyser.fftSize = 2048;
source.connect(analyser);03· Visualización
getByteTimeDomainData en cada frame de requestAnimationFrame.