# Web Audio API Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/web-audio-api
> Markdown URL: https://aitinkerers.org/technologies/web-audio-api.md
> Technology record last updated: 2026-03-12T08:38:12Z
> Generated: 2026-09-22T06:46:03Z

The Web Audio API provides a high-level JavaScript system for processing and synthesizing audio: use a modular routing graph for real-time, high-precision sound control.

The Web Audio API is your browser's complete digital signal processing engine. It centers on the `AudioContext` (the processing environment) and a network of connected `AudioNode` objects (the modular routing graph). You can source audio from an `OscillatorNode` for synthesis, a microphone via `MediaStream`, or an HTML `` element. These sources connect to nodes like `GainNode`, `BiquadFilterNode`, or `ConvolverNode` to apply effects and mixing. This architecture supports low-latency, sample-accurate scheduling for applications like drum machines and sequencers, plus it enables advanced features like 3D spatialization and real-time audio visualization with the `AnalyserNode`.

- Official technology site: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API
- Public AI Tinkerers demos and talks: 2
- Result page: 1 of 1

## Recent Public Talks and Demos

### [What happens when you give a guy with little coding experience an AI Server? Just Another AI DAW (JAAD)](https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE)

Just Another AI DAW (JAAD) is an open-source, browser-based, multitrack Digital Audio Workstation that integrates Google Gemini to deliver real-time AI mixing advice, generative MIDI/stem creation, and mastering tools directly in a local-first interface. In the live demo, I will showcase a working multitrack workspace with responsive AudioWorklet playback, demonstrate Gemini-powered tempo detection and natural-language MIDI sequence generation, and show how we handle local storage caching using the Origin Private File System (OPFS) alongside a WebGL-based visual analyzer.

- Event context: AI Tinkerers - Columbus July Meetup — 2026-07-06 — Columbus
- Public talk page: https://columbus.aitinkerers.org/talks/rsvp_4YU8BPj7FwE

### [Agentes de voz que modifican tu interface en tiempo real](https://medellin.aitinkerers.org/talks/rsvp_KLYwgATZGwk)

Cómo construí un sistema multi-agente de voz en tiempo real con el ADK de Google y Gemini Live API, aplicado a un caso real. Presento la arquitectura y el código de un asistente conversacional que entrevista al usuario por voz, invoca functions para buscar, analizar y comparar “traffickers” (media buyers) y recomienda el mejor perfil; todo full-duplex con audio de ida y vuelta, barge-in (interrupciones) y latencias bajas. La demo usa Gemini Live API para streaming bidireccional de audio y sesión persistente, y function calling para enlazar intenciones del modelo con acciones de UI (mostrar tarjetas, comparar perfiles, iniciar contacto). El front está hecho con Lit + Web Audio API + TypeScript, y el runtime con el Google GenAI SDK. Veremos: diseño multi-agente, tooling (declaración de funciones), manejo de sesión en vivo, codecs y sample rate (16 kHz in / 24 kHz out), y patrones para conectar tool calls con componentes visuales.

- Event context: AI Tinkerers Medellín #15 - Telescoped - 21 de Agosto, 2025 — 2025-08-21 — Medellín
- Public talk page: https://medellin.aitinkerers.org/talks/rsvp_KLYwgATZGwk

## Related Technologies

- [TypeScript](https://aitinkerers.org/technologies/typescript) ([Markdown](https://aitinkerers.org/technologies/typescript.md)) — 205 public demos
- [AudioWorklet](https://aitinkerers.org/technologies/audioworklet) ([Markdown](https://aitinkerers.org/technologies/audioworklet.md)) — 1 public demo
- [Gemini-2](https://aitinkerers.org/technologies/gemini-2) ([Markdown](https://aitinkerers.org/technologies/gemini-2.md)) — 15 public demos
- [Gemini API](https://aitinkerers.org/technologies/gemini-api) ([Markdown](https://aitinkerers.org/technologies/gemini-api.md)) — 20 public demos
- [Google GenAI SDK](https://aitinkerers.org/technologies/google-genai-sdk) ([Markdown](https://aitinkerers.org/technologies/google-genai-sdk.md)) — 2 public demos
- [Lit](https://aitinkerers.org/technologies/lit) ([Markdown](https://aitinkerers.org/technologies/lit.md)) — 1 public demo
- [Origin Private File System](https://aitinkerers.org/technologies/origin-private-file-system) ([Markdown](https://aitinkerers.org/technologies/origin-private-file-system.md)) — 1 public demo
- [React 19](https://aitinkerers.org/technologies/react-19) ([Markdown](https://aitinkerers.org/technologies/react-19.md)) — 6 public demos
- [SoundTouch](https://aitinkerers.org/technologies/soundtouch) ([Markdown](https://aitinkerers.org/technologies/soundtouch.md)) — 1 public demo
- [Tailwind CSS](https://aitinkerers.org/technologies/tailwind-css) ([Markdown](https://aitinkerers.org/technologies/tailwind-css.md)) — 22 public demos
- [Vite](https://aitinkerers.org/technologies/vite) ([Markdown](https://aitinkerers.org/technologies/vite.md)) — 17 public demos
- [WebAssembly](https://aitinkerers.org/technologies/webassembly) ([Markdown](https://aitinkerers.org/technologies/webassembly.md)) — 11 public demos