Web Speech API: Live Meeting & Recording Sync Demo

Demonstrates Example 2: During a live call, captions appear immediately on screen. Simultaneously, speechStartTime and speechEndTime are recorded so that the exported meeting recording features frame-accurate synchronized WebVTT captions and interactive click-to-seek transcript navigation.

Live Meeting (Real-Time) Standby

Live captions display immediately upon arrival (with a 3-second readability persistence window).

Recorded Meeting Playback Not Recorded

Play the recording to see native WebVTT captions synchronized to exact acoustic speech boundaries.

Recorded Meeting Transcript

💡 Click any transcript row or timestamp to seek video
Speaker Transcript Text speechStartTime (Seek) speechEndTime Duration
Transcript will populate as you speak...