> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/customize/voiceovers.md). # Voiceovers Supademo voiceovers add narration to any demo using 148 AI voices, a clone of your voice, an in-app recording, or uploaded audio, per step or across all steps. Supademo voiceovers add spoken narration to any interactive demo — one step, a chapter, or every step at once — without a video editing tool. The current experience is **Voiceover 2.0**: **148 AI voices grouped by region and locale**, **featured voices** surfaced first, **last-used voice memory**, an **expressive mode** with emotions, whispers, and tone, plus **speed and stability controls**. It all lives in one **Voiceover** panel, and methods mix freely within a demo. {% @supademo/embed url="" demoId="cmrkiw4l00txrqmvwia6h08yg" %} **Before you start**, open a Supademo in edit mode; cloning or recording your voice also needs a quiet space. {% hint style="info" %} Want to generate voiceovers or edit voiceover text programmatically with AI? Try using the Supademo MCP. {% endhint %} *** ## Choose a Voiceover Method Pick the method that fits. Voiceovers are one of Supademo's AI features. | Method | What it is | Best for | Guide | | ------------------------------------------------------------------------------------------ | -------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------- | | **AI voiceover** | Narration generated from your text, in 148 voices. | Narrating a demo in seconds. | [Instant AI Voiceover](https://docs.supademo.com/customize/voiceovers/instant-ai-voiceover) | | [**Voice cloning**](https://docs.supademo.com/customize/voiceovers/instant-ai-voice-clone) | An AI voice built from your own. | A consistent brand voice. | Instant AI Voice Clone | | **Record your own** | Narration you record yourself. | Warmth and unscripted nuance. | Record Voiceover | | [**Upload audio**](https://docs.supademo.com/customize/voiceovers/upload-voiceover) | MP3, MP4, WAV, or similar, per step. | Studio audio or a voice actor. | Upload Voiceover | *** ## How Voiceovers Work Across a Demo Voiceovers attach to individual steps, so narrate one step or all of them at once: * **One step** — Click **Add Voiceover** or **Edit Voiceover** on a slide; the narrated text can differ from your on-screen annotations. * **Every step** — Choose a voice in the **Voiceover** menu, click **Sync all**, then **Sync voiceovers**, then **Save**. ### Chapter Voiceovers Chapters take narration too, setting context before a section begins: 1. Click the Chapter you'd like to edit. 2. Select **Voiceover** in the Chapter toolbar. 3. Type or paste your desired script into the Voiceover text field. 4. Click **Save** to apply the voiceover. A saved voiceover will **not autoplay** on page load — narration plays only after a viewer interacts with the demo, even when autoplay is enabled. See Chapters for what else chapters do. ### Video Steps Video slides have no text-based context, so a default voiceover ("Now continue to the next steps") applies to every video step when you narrate in bulk. Modify or delete it per step — see Instant AI Voiceover. ### Syncing Hotspot Text Changes with Voiceovers After changing hotspot text, sync those changes to all your voiceovers in a few clicks: {% @supademo/embed url="" demoId="cm8agaibm0g2s2ugqvqsm7uo7" %} ### Closed Captions and Subtitles Any Supademo with an AI voiceover can show accessibility captions for the corresponding text. Caption timing syncs automatically with the voiceover, and viewers toggle captions with the **CC** button on the demo browser bar. {% @supademo/embed url="" demoId="cm5creg4444ufvlrywkd1codo" %} *** ## Pronunciation The [Pronunciation Dictionary](https://docs.supademo.com/workspace-settings/pronunciation-dictionary) controls how tricky words — product names, acronyms, workspace terminology — are pronounced across every voiceover. It's managed at the workspace level under **Settings → Terminology**, and the voiceover panel includes a quick link to open and edit it without leaving the editor. Voiceovers speak the phonetic "say as" form you define, while closed captions keep showing the written term. For setup steps, see the Pronunciation Dictionary. *** ## FAQ ### How do I add a voiceover to all slides at once? > You can add a voiceover for all slides by: > > 1. Opening your Supademo in edit view; > 2. Opening the **Voiceover** menu and choosing a voice; > 3. Clicking **Sync all** to generate narration from your hotspot text, then **Sync voiceovers** to apply it across every step, and **Save**. > > \[VERIFY: whether the legacy "Enhance with AI → AI Voiceover" bulk path still exists in the current editor] ### How do I change the language for the voiceover? > You can change the language of the voiceover by: > > 1. Opening the slide with the voiceover in edit view; > 2. Clicking the edit / pencil button on the top right of the demo; > 3. And add in text in a different language (i.e. Korean, French) > > After this step, your voiceover will automatically narrate steps in the written language. For multiple languages in one demo, use the [AI Translations Hub](https://docs.supademo.com/customize/personalize/ai-translations-hub). ### Why doesn't the voiceover automatically play on the first slide? > Most modern browsers prevent audio from playing automatically until the viewer has interacted with the page, so Supademo can't start your voiceover or background audio without some form of user action. > > To address this, Supademo plays the voiceover on the **first slide** as soon as a hotspot is clicked — before moving on to the next slide. Even with a muted or silent audio track on the first slide, viewers still hear the voiceover once they engage with the demo. > > For a seamless start, begin your demo with a clickable hotspot or chapter on the first slide.