DEV Community

Cover image for Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API
jQueryScript
jQueryScript

Posted on

Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API

captions.events: Open-source real-time captioning platform for live events

Built with Next.js, ElevenLabs Scribe v2, and Supabase Realtime.

Features:

🎀 100-200ms transcription latency with automatic language detection

🌍 On-device translation into 14+ languages using Chrome's built-in AI

πŸ“‘ Broadcast to unlimited viewers through Supabase Realtime

πŸ”’ Single-use token system keeps API credentials secure

πŸ“œ Full caption history with language metadata

πŸ‘€ GitHub OAuth for authentication and event management

All translation happens locally in the viewer's browser. No external API calls, no privacy concerns, works offline after initial model download.

Perfect for conferences, webinars, presentations, or any event needing accessible multilingual captions.

πŸ‘‰ Blog Post

πŸ‘‰ GitHub Repo

πŸ‘‰ Live Demo

Top comments (0)