<aside> 🧪

Experiment: run the complete Khaos Dreamfield instrument as a self-contained HTML app embedded directly inside one Notion page.

Build: KDF-NOTION-003

Renderer: Canvas2D-first

Primary input: local audio upload

State: VALIDATED — INTERACTIVE SURFACE CONFIRMED

</aside>

Khaos Dreamfield — Notion v0.3

Khaos Dreamfield — Notion v0.3

Feature Slice 03

• Reliable local audio upload is the primary path.
• Upload MP3, WAV, M4A, AAC, OGG, or FLAC where the browser supports decoding.
• Uploaded tracks expose native play, pause, scrub, and duration controls.
• Replacing one uploaded track with another reconnects the reusable media node instead of leaving the analyser detached.
• Live microphone input is available when the Notion sandbox grants permission; monitoring is muted to prevent feedback.
• WebM recording combines the canvas stream with the active analysed audio when MediaRecorder is available.
• PNG and WebM outputs open in an in-app preview for iPhone long-press or share workflows.
• A live capability panel reports file input, Web Audio, microphone, recorder, and canvas-capture availability.

Test sequence

1. Tap Enter Dreamfield.
2. Tap Upload Audio and choose a local track.
3. Confirm the filename, format, size, and duration appear.
4. Confirm the native audio controls appear and the field reacts to the track.
5. Upload a second track without reloading the page and confirm it also reacts.
6. Test Record WebM, then stop recording and confirm a video preview opens.
7. Test Microphone and note whether Notion grants or blocks permission.
8. Test Capture PNG, focus mode, presets, palettes, and touch camera controls.