Synced Transcript Viewer
A karaoke-style transcript viewer that highlights words in lockstep with audio playback using word-level alignment timestamps — the playback-time -> word-index sync is pure client-side (binary search on timeupdate). Clicking a word seeks th.
- Library
- LocalMode
- Framework
- React
- Type
- component
- License
- MIT
- Install
npx shadcn add @localmode/ui/ui/audio/synced-transcript-viewer- Files
apps/ui/registry/localmode/audio/synced-transcript-viewer/synced-transcript-viewer.tsxapps/ui/src/lib/browser-utils.tsapps/ui/registry/localmode/lib/utils.ts
- Source
- https://github.com/LocalMode-AI/LocalMode
Categories
- AI Element Components
- React AI Element Components
- Tailwind CSS AI Element Components
- Streaming Text Components
- React Streaming Text Components
- Tailwind CSS Streaming Text Components
- Text Components
- React Text Components
- Tailwind CSS Text Components
- Text Highlight Components
- React Text Highlight Components
- Tailwind CSS Text Highlight Components