> ## 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・動画の上にライブでAI字幕を透明背景で重ねて表示。テキスト・色・全画面表示を調整できる、リアルタイムの二言語字幕機能です。

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/">
        公式ウェブサイトはこちら
      </Card>
      <Card title="X (Twitter)" icon="x-twitter" href="https://x.com/VoicePingMedia">
        Xでフォロー
      </Card>
      <Card title="Facebook" icon="facebook" href="https://www.facebook.com/voiceping.inc">
        Facebookでいいね
      </Card>
      <Card title="LinkedIn" icon="linkedin" href="https://www.linkedin.com/company/28684130/">
        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、動画（YouTube、映画など））の上に直接浮かび上がるため、視聴者があなたのコンテンツを隠すことなく読み進められる、プレゼンやウェビナーに最適な機能です。

## 使用方法

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 />
