> ## Documentation Index
> Fetch the complete documentation index at: https://manual.voiceping.net/llms.txt
> Use this file to discover all available pages before exploring further.

# Subtitle Mode (Transparent Background)

> Overlay live, transparent AI subtitles on top of your slides, PDFs, or video during presentations and webinars — real-time bilingual captions with adjustable text, color, and full-screen display.

export const FeedbackEn = () => <>
    <Tip>
      Have an idea or request about this feature? Send it to the team via <a href="/en/product-feedback">Product Feedback</a>.
    </Tip>

    <h2>Official Links</h2>

    <CardGroup cols={2}>
      <Card title="Official Website" icon="globe" href="https://voiceping.net/en/">
        Visit our official website
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        Follow us on X
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        Like us on Facebook
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        Connect on LinkedIn
      </Card>
    </CardGroup>
  </>;

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/hero-subtitle-mode.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=04a679b0a7946816f9de09449593b17c" alt="Subtitle Mode — transparent live subtitles overlaid on slides and video" width="2688" height="1536" data-path="en/images/subtitle-mode/hero-subtitle-mode.webp" />
</Frame>

Subtitle Mode displays VoicePing's live transcription and translation as subtitles with a **transparent background**, so the captions float directly over whatever you are sharing — slides, a PDF, or a video (YouTube, movies, and more). It is ideal for presentations and webinars where the audience should read along without hiding your content.

## How to Use

1. **Start a translation.** On the **Live Translation** screen, set your spoken language (microphone icon) and the translation language ("Text & A" icon), then click **Start Translation**.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/01-start-translation.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=9dbf2396591ea1c169dd4c7da6cc332b" alt="Select the spoken and translation languages, then click Start Translation" width="1500" height="1313" data-path="en/images/subtitle-mode/01-start-translation.webp" />
</Frame>

2. **Set up how the subtitles look.** Before presenting, open the **Text** panel in the top toolbar to adjust the view. Toggle **Show original message** to show or hide the source language, and set the **Translation Text Color** (and font size) so the captions read clearly over your content.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/02-edit-view.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=85e5d8a34b04426d28bb92f55604ac4a" alt="Text panel — toggle Show original message and set the Translation Text Color" width="1500" height="1215" data-path="en/images/subtitle-mode/02-edit-view.webp" />
</Frame>

3. **Open Present mode.** Click **Present** in the top toolbar to launch the presentation subtitle window.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/03-click-present.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=72c9045504b7d100fd279ff8c6b90d8e" alt="Click Present in the top toolbar" width="1500" height="1213" data-path="en/images/subtitle-mode/03-click-present.webp" />
</Frame>

4. **Overlay the subtitles on your content.** The subtitle window opens with a transparent background. Place it over your slides, PDF, or video and the live captions — source text and translation — appear on top of your material in real time.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/04-subtitles-over-content.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=7ad38323a7d1b663e9874d6338aa7440" alt="Live bilingual subtitles overlaid on a video" width="1500" height="870" data-path="en/images/subtitle-mode/04-subtitles-over-content.webp" />
</Frame>

5. **Toggle transparent mode.** In the floating subtitle window, click the **palette icon** to switch between transparent mode — where the subtitles overlay your content with a see-through background — and a solid, non-transparent background. You can also toggle **Bilingual**, or switch the transcription and translation languages.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/05-transparent-controls.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=3fc6e7b3748ff64ba2c1af8513dcabd8" alt="Transparent subtitle window — the palette icon toggles between transparent and solid background" width="558" height="484" data-path="en/images/subtitle-mode/05-transparent-controls.webp" />
</Frame>

6. **Present with clean overlaid captions.** Switch to full screen for the final look — transparent subtitles sit directly over your video or slides with no background box.

<Frame>
  <img src="https://mintcdn.com/test-cf63e467/o6tpTAF6qBkrf6dh/en/images/subtitle-mode/06-transparent-example.webp?fit=max&auto=format&n=o6tpTAF6qBkrf6dh&q=85&s=def9ac1063de99cd00211a521a4b645f" alt="Transparent subtitles displayed cleanly over a full-screen video" width="1500" height="846" data-path="en/images/subtitle-mode/06-transparent-example.webp" />
</Frame>

<Tip>
  You can adjust the subtitle text size and color, and hide the transcription language to show only the translation. For the full speaker and participant setup, see [Live Audio Translation Subtitles for Seminars](/en/live-subtitles).
</Tip>

<FeedbackEn />