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 …


This content originally appeared on DEV Community and was authored by jQueryScript

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


This content originally appeared on DEV Community and was authored by jQueryScript


Print Share Comment Cite Upload Translate Updates
APA

jQueryScript | Sciencx (2025-11-13T03:04:22+00:00) Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API. Retrieved from https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/

MLA
" » Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API." jQueryScript | Sciencx - Thursday November 13, 2025, https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/
HARVARD
jQueryScript | Sciencx Thursday November 13, 2025 » Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API., viewed ,<https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/>
VANCOUVER
jQueryScript | Sciencx - » Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/
CHICAGO
" » Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API." jQueryScript | Sciencx - Accessed . https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/
IEEE
" » Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API." jQueryScript | Sciencx [Online]. Available: https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/. [Accessed: ]
rf:citation
» Build Live Caption Broadcasting for Events with Next.js and Elevenlabs API | jQueryScript | Sciencx | https://www.scien.cx/2025/11/13/build-live-caption-broadcasting-for-events-with-next-js-and-elevenlabs-api/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.