> ## 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.

# 字幕モード（透過背景）

> プレゼンやウェビナーで、スライド・PDF・動画の上にリアルタイム字幕を重ねて表示する方法

export const FeedbackJa = () => <>
    <Tip>
      この機能へのご意見・ご要望は、<a href="/ja/product-feedback">Product Feedback</a>からお寄せください。
    </Tip>

    <h2>公式リンク</h2>

    <CardGroup cols={2}>
      <Card title="公式サイト" icon="globe" href="https://voiceping.net/">
        VoicePing公式サイト
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        VoicePing公式X
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        VoicePing公式Facebook
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        VoicePing公式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="字幕モード — スライドや動画の上に重ねて表示された透明なライブ字幕" width="2688" height="1536" data-path="en/images/subtitle-mode/hero-subtitle-mode.webp" />
</Frame>

字幕モードでは、VoicePingの文字起こしと翻訳を透過背景で表示し、スライド、PDF、動画の上へ重ねられます。

## 使用方法

1. **翻訳を開始します。** **Live Translation**画面で、発話言語（マイクアイコン）と翻訳言語（**Text & A**アイコン）を設定し、**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="話す言語と翻訳する言語を選択し、Start Translationをクリック" width="1500" height="1313" data-path="en/images/subtitle-mode/01-start-translation.webp" />
</Frame>

2. **字幕の表示を調整します。** 上部ツールバーの**Text**パネルを開きます。**Show original message**で原文の表示・非表示を切り替え、**Translation Text Color**と文字サイズを設定します。

<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パネル — Show original messageを切り替え、Translation Text Colorを設定" width="1500" height="1215" data-path="en/images/subtitle-mode/02-edit-view.webp" />
</Frame>

3. **Presentモードを開きます。** 上部ツールバーの**Present**をクリックし、字幕ウィンドウを開きます。

<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="上部ツールバーのPresentをクリック" width="1500" height="1213" data-path="en/images/subtitle-mode/03-click-present.webp" />
</Frame>

4. **字幕を重ねます。** 背景が透明な字幕ウィンドウを、スライド、PDF、動画の上に配置します。設定に応じて、原文と翻訳、または翻訳だけがリアルタイムで表示されます。

<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="動画の上に重ねて表示された二言語のライブ字幕" width="1500" height="870" data-path="en/images/subtitle-mode/04-subtitles-over-content.webp" />
</Frame>

5. **背景を切り替えます。** 字幕ウィンドウの**パレットアイコン**をクリックすると、透明と不透明を切り替えられます。**Bilingual**のオン・オフや、文字起こし・翻訳言語も変更できます。

<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="透明な字幕ウィンドウ — パレットアイコンで透明背景と不透明背景を切り替え" width="558" height="484" data-path="en/images/subtitle-mode/05-transparent-controls.webp" />
</Frame>

6. **全画面で表示します。** 字幕の背景を透明にしたまま全画面に切り替えると、動画やスライドの上に字幕だけが表示されます。

<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="全画面の動画の上に背景なしで表示された字幕" width="1500" height="846" data-path="en/images/subtitle-mode/06-transparent-example.webp" />
</Frame>

<Tip>
  ホストと参加者の設定は、[セミナーでライブ翻訳字幕を配信する](/ja/live-subtitles)を参照してください。
</Tip>

<FeedbackJa />
