---
description: "Demonstrates Web Audio API buffer playback by generating float32 PCM samples in JavaScript and playing them via AudioBufferSourceNode. Plays a 4-note arpeggio (A4, C5, E5, G5) through an AnalyserNode for real-time EQ visualization."
---
# Dynamic Audio Element
Generates PCM audio samples in JavaScript and plays them via AudioBufferSourceNode.
## Core Concepts
- Float32 PCM sample generation (sine wave math with fade envelope)
- `AudioBuffer` creation and population
- `AudioBufferSourceNode` for sample-accurate playback
- `AnalyserNode` for real-time EQ bar visualization
## Usage
Automatic playback of a 4-note arpeggio (A4, C5, E5, G5). Each note is a freshly generated 450ms audio buffer played sequentially.
---
## Bundled Files
### `index.html`
```html
Dynamic Audio Element
🔋 Dynamic Audio Element
Float32 PCM → AudioBuffer → AudioBufferSourceNode arpeggio
Building PCM audio…
AudioContext
AudioBuffer
AudioBufferSourceNode
AnalyserNode
```