Mirror, Mirror on the Wall Built with Flutter After All
summary
A working Magic Mirror built from a Raspberry Pi 4B and a two‑way mirror runs a Flutter web UI hosted on Firebase and embedded into MagicMirror² via an iframe and config.js modules, deployed with Codemagic; audio uses a USB mic/webcam and NodeJS/Electron for hardware access. Agentic AI uses Gemini 1.5 Flash for multimodal responses (~8s latency) because on‑device JMA is ~2 minutes, and 11Labs provides natural TTS. Live demo answers math and conversational queries, and starter code + positioning/layout details are included. Raspberry Pi 4B + two‑way mirror Flutter web hosted on Firebase Gemini 1.5 Flash (~8s latency) vs on‑device JMA (~2min)
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:52Smart mirror inspiration
- 10:54Building requirements
- 13:44Prototype challenges
- 15:11Flutter web choice
- 17:19Flutter with Magic Mirror
- 18:26On-device vs cloud AI
- 23:19Agentic AI workflow
- 26:30Prompt engineering
- 30:41Live smart mirror demo
related talks
38mEnhance the customer experience
36mEmpowering Your Flutter Apps with AI
01h 11mBuild Your Own AI Sidekick with Flutter
31mInteractive Experiences Using Flutter, Arduino, Raspberry Pi
47mAgentive Experiences With Flutter: What, How, and Why Bother?
30mGoogle Home, But Better:Smart Home Display with Flutter
14mPrompt to production: Building an AI app with Flutter
42mDart and Flutter and AI, Oh My!