Audiobook Reader Block

Long-text streaming synthesis (useStreamSpeech) with early playback that begins before synthesis completes, a live clause counter + current-clause display, speed control (0.5x–2.0x), pause/resume/stop transport, a WAV download (audio-{voice.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

@localmode/core, @localmode/react, @localmode/transformers

Install

npx shadcn add @localmode/ui/ui/blocks/audio/audiobook-reader

Files

• apps/ui/src/app/blocks/audio/audiobook-reader/audiobook-reader.tsx
• packages/react/src/index.ts
• packages/core/src/index.ts
• packages/transformers/src/index.ts
• apps/ui/registry/localmode/audio/voice-picker/voice-picker.tsx
• apps/ui/registry/localmode/input-controls/parameter-slider/parameter-slider.tsx
• apps/ui/registry/localmode/input-controls/char-limit-indicator/char-limit-indicator.tsx
• apps/ui/registry/localmode/audio/streaming-speech-panel/streaming-speech-panel.tsx

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Audio Player Components
• Media Components
• React Media Components
• Tailwind CSS Media Components
• Streaming Text Components
• React Streaming Text Components
• Tailwind CSS Streaming Text Components

More from LocalMode

• Audio Scrub Player
• Synced Transcript Viewer
• Transcribed Note Card
• Live Transcription Block
• Voice Explorer Block
• RAG Chat Block
• Response
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Mic Selector