Speech playback

Included variants

• Idle
• Loading
• Playing
• Pause

In Ciele

Use the workspace imports shown above inside Ciele. App components use the shared Tailwind tokens in globals.css. For another project, adapt the imports and bring the dependencies listed in the source.

The preview plays a bundled local speech sample through a data URL, with no synthesis endpoint request. Service-backed synthesis requires the configured endpoint in the usage example.