A prototype of an e-ink todo device with voice input powered by local AI transcription. This web interface simulates the physical device experience with button interactions and monochrome display aesthetics.
- Single click - Toggle item completion
- Double click - Delete item
- Long press - Record voice to add/edit item
- Arrow buttons - Switch between lists
- AI Transcription: Transformers.js with Whisper Tiny
- Audio Processing: Web Audio API
- Model Preloading - Whisper AI model loads automatically on page load with progress indicator
- Microphone Permission - Browser requests mic access upfront for seamless recording
- Voice Recording - Long-press triggers MediaRecorder API to capture audio
- Audio Processing - AudioContext converts audio to proper format (16kHz Float32Array)
- Web Worker Transcription - Offloads AI inference to background thread
- Instant Feedback - Transcribed text appears immediately with visual confirmation
Open http://localhost:3000 with your browser.
Note: On first load, the Whisper model (~40MB) will download. Subsequent loads are instant thanks to browser caching.
- Grant Permissions - Allow microphone access when prompted
- Wait for Model - Yellow indicator shows model loading progress
- Start Recording - When green "Ready to record!" appears, long-press any button
- Speak - Say your todo item while holding the button
- Release - Let go to transcribe and add the item
- Manage Tasks - Click to complete, double-click to delete
E-ink todo list projects:
MIT