> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# AI Voiceover

> With **AI Voiceover**, you can add AI-generated audio voiceovers to a TYPO3 page (and related content such as blog/news workflows). This is separate from *

With **AI Voiceover**, you can add AI-generated audio voiceovers to a TYPO3
page (and related content such as blog/news workflows). This is separate from
**AI Audio**, which creates standalone downloadable audio files.

## Page Voiceover

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmrapcuhh17atqmhxhxh0i79l?utm_source=link" loading="lazy" title="T3AA Voiceover Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

Steps to generate voiceover for pages:

1. Select the target TYPO3 page.
2. Open the **AI Voiceover** tab in Page Properties.
3. Choose your desired **AI model**, **tone**, **speed**, and **audio format**.
4. Click **Generate AI Audio**.
5. The generated voiceover is saved to the page properties.
6. Add the **T3AA Voiceover Plugin** on the page to render the audio in the
   frontend.
7. Customize and preview the voiceover output.

<Note>
  To show the voiceover on the frontend, add the T3AA Voiceover plugin to the
  page.
</Note>

## OpenAI Voiceover

Use this option when you want to generate page voiceovers with OpenAI voices
instead of ElevenLabs. The workflow stays the same; the voice provider and
output are handled through the OpenAI audio setup.

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmrapfm8c17ngqmhxpuzr9t66?utm_source=link" loading="lazy" title="T3AA OpenAI Voiceover Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

## AI Voiceover for Blog

Steps to generate blog voiceover:

1. Choose the blog page and open the **T3AA** tab, then choose the
   **AI Voiceove** tab.
2. Select the preferred **AI model**, **tone**, **speed**, and **format**.
3. Click **Generate AI Audio**.
4. The audio file is automatically saved in the page properties.
5. Add the **Voiceover Plugin**, customize the settings, and click **Save**.

## Voiceover Plugin

Use the voiceover plugin to render the generated audio in the frontend so
visitors can play page or blog voiceovers on the website.

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmrap6idu16mpqmhxipbc4qvl?utm_source=link" loading="lazy" title="T3AA Voiceover Plugin Demo" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

Add the plugin to the target page, connect it to the generated voiceover record,
and check the frontend output after saving.
