無料ガイド · For beginnersOBS

OBS と TikTok LIVE Studio に Thunderstream オーバーレイを追加する方法

ゲームとカメラはすでにシーン内にありますが、アラートはまだパネルにのみ表示されていますか?オーバーレイは、ストリーミング プログラム専用の別のページです。そのリンクをソースとして貼り付けると、透明な要素が画像の上に表示されます。プロセス全体と、空のソースの最も一般的な原因、つまりパネルに保存されている解像度以外の解像度を示します。

Team Thunderstream13 数分間の読書4閲覧数アップデート:

適切なリンクから開始します

Thunderstream パネルを開き、必要なツールを有効にして、オーバーレイ ギャラリーまたはその構成に移動します。たとえば、アラート、ブロードキャスト チャット、視聴者カウンターなどを選択します。アドレスをコピーする前に設定を保存してください。

オーバーレイ ソースへのリンクをコピーします。通常の Web サイト、管理パネル、またはローカル プレビューのアドレスは、このリンクに置き換わることはありません。デスクトップ プログラムを使用する場合も、Thunderstream オーバーレイは Thunderstream.net でホストされます。

難しい略語のない辞書

難しい略語のない辞書
コンセプトこれは実際には何を意味するのでしょうか?
シーン既製の画像レイアウト: 例:カメラやブレイクボードを使ったゲーム。選択したシーンによって、何を見せるかが決まります。
ソース1 つのシーン コンポーネント: ゲーム、カメラ、テキスト、オーディオ、またはオーバーレイのあるページ。ソースの順序によって、何が何をカバーするかが決まります。
URL完全な Web アドレス。パネルのボタンを使用してコピーします。フラグメントをコピーしたり、スペースを追加したりしないでください。
イベントメッセージ、観察、ギフトなど、プラットフォームからの新しい情報。容姿テストは必ずしも実際のイベントであるとは限りません。
解像度領域の幅×高さ。例: 1920 × 1080。これは、マウスを使用してソース四角形を縮小することとは異なります。

一歩ずつ · 1–4

  1. 操作手順

    Thunderstream を開き、左側のメニューで [オーバーレイ] を選択します。

    ✓ このステップを終えると、次のようになります。

    アラートやチャットなどの個別のオーバーレイが表示されます。

  2. 操作手順

    選択したオーバーレイを開き、そのツールを有効にします。

    ✓ このステップを終えると、次のようになります。

    プレビューは、無効化されたメッセージによって隠れることはありません。

  3. 操作手順

    リンクの幅と高さに注意してください。 1920 年と 1080 年。

    ✓ このステップを終えると、次のようになります。

    2 つの数値があり、後でソースに入力します。

  4. 操作手順

    変更した設定を保存します。

    ✓ このステップを終えると、次のようになります。

    再度開いた場合、フィールドの値は保持されます。

Thunderstream: デモアカウントのアラートセクション。まず、プラットフォームと 1 つのルールを選択します。スクリーンショットを拡大する ↗
Thunderstream: デモアカウントのアラートセクション。まず、プラットフォームと 1 つのルールを選択します。デモアカウントの実際のダッシュボード。サンプル データはユーザー ブロードキャストから取得されたものではありません。写真提供元: Thunderstream · ソースが確認されました: 2026-10-27

一歩ずつ · 5–8

  1. 操作手順

    オーバーレイ ボックスの横にある [リンクをコピー] をクリックします。

    ✓ このステップを終えると、次のようになります。

    彼女のプライベート アドレスはクリップボードにあり、パネル全体のアドレスではありません。

  2. 操作手順

    OBSでは、シーンリストから対象のシーンを選択します。

    ✓ このステップを終えると、次のようになります。

    正しいシーンの名前が強調表示されます。

  3. 操作手順

    「ソース」リストで「+」をクリックし、「ブラウザ」をクリックします。

    ✓ このステップを終えると、次のようになります。

    Web ソースの作成が開きます。

  4. 操作手順

    [新規作成] を選択し、名前を入力します (例: Thunderstream チャット。

    ✓ このステップを終えると、次のようになります。

    ソースは後のリストでわかります。

OBS: ブラウザソースのプロパティ。ここには、ウィジェットの URL とその幅と高さが設定されます。スクリーンショットを拡大する ↗
OBS: ブラウザソースのプロパティ。ここには、ウィジェットの URL とその幅と高さが設定されます。公式ドキュメントからの実際のスクリーンショット。プログラムのバージョンと言語はあなたのものと異なる可能性があります。写真提供元: OBS Project · ソースが確認されました: 2026-10-27

一歩ずつ · 9–12

  1. 操作手順

    独自の URL リンクを貼り付けます。ローカルファイルは無効のままにしておきます。

    ✓ このステップを終えると、次のようになります。

    このフィールドには、ログイン ページではなく、オーバーレイ アドレスが含まれます。

  2. 操作手順

    メモした正確な幅と高さを入力します。

    ✓ このステップを終えると、次のようになります。

    ソース領域は、保存されたオーバーレイの領域に対応します。

  3. 操作手順

    [OK] をクリックし、ソース リスト内のゲームの上にソースを移動します。

    ✓ このステップを終えると、次のようになります。

    ゲームはオーバーレイをカバーしません。目のアイコンがオンになっています。

  4. 操作手順

    LIVE の前に、Thunderstream でテストを実行します。

    ✓ このステップを終えると、次のようになります。

    反応の例はシーン OBS にあります。

TikTok LIVE Studio: 外部警告画面を追加する実際の例。メニューの外観は、リンク ソースのリリースと可用性によって異なります。スクリーンショットを拡大する ↗
TikTok LIVE Studio: 外部警告画面を追加する実際の例。メニューの外観は、リンク ソースのリリースと可用性によって異なります。公式ドキュメントからの実際のスクリーンショット。プログラムのバージョンと言語はあなたのものと異なる可能性があります。写真提供元: TikFinity · ソースが確認されました: 2026-10-27

一歩ずつ · 13–16

  1. 操作手順

    LIVE Studio では、[ソースの追加]、[リンク] の順に選択します。

    ✓ このステップを終えると、次のようになります。

    サポートされているバージョンでは、Web アドレス フィールドが開きます。

  2. 操作手順

    リンクを貼り付け、互換性のある領域を設定してから、ゲームの上のレイヤーを設定します。

    ✓ このステップを終えると、次のようになります。

    同じテストは LIVE Studio プレビューで見ることができます。

  3. 操作手順

    1 つのテストとマイクを使用して、ローカルで 20 秒間録音します。

    ✓ このステップを終えると、次のようになります。

    ファイルにはオーバーレイが表示され、1 つのサウンドが聞こえます。

  4. 操作手順

    完成したソースを南京錠でロックします。

    ✓ このステップを終えると、次のようになります。

    誤ってドラッグしてもオーバーレイは移動しません。

再現できる例

横のシーンとリンクは1920×1080です。右端に設定されたアラートは、幅が 800 ピクセルしかないソースでは消える場合があります。シーン内のソースの赤いフレームを拡大しても、内部解像度は変わりません。

まず、レイアウトを選択します: 水平または垂直?

ソース解像度は、オーバーレイがその要素を描画する領域です。この領域のサイズと、シーン上でマウスをドラッグしている四角形のサイズは、2 つの異なるものです。長方形を縮小しても、以前はソース領域の外側にあった要素は移動しません。

Thunderstream では、シーンに対応する形式を選択し、位置を保存して、放送番組に寸法を入力するだけです。横向きから縦向きにフォーマットを変更する場合は、アラート、トップ、チャットの位置を再確認してください。オーバーレイを不均一に伸ばさないでください。伸ばさないと、文字やアバターが歪んでしまいます。

まず、レイアウトを選択します: 水平または垂直?
運命サンプルソースエリアセットアップ時の重要事項
横型ステージ1920×1080比率を維持し、端の位置を確認します。
縦型ステージ1080×1920ワイドモニター用ではなく、フォンビュー用の項目を設定します。
独自フォーマットThunderstream に保存された寸法OBS または LIVE Studio のソースは同じ寸法である必要があります。

OBS Studioにソースを追加します。

ブラウザーのソースには、パネルの記録ではなく、ページが表示されます。これにより、設定、ボタン、個人情報が画像に侵入するのを防ぎます。選択したオーバーレイのコンテンツのみがシーンに表示される必要があります。

  1. オーバーレイを配置するシーンを選択します。 「ソース」パネルでプラスをクリックし、「ブラウザ」を選択します。
  2. 新しいソースを作成し、「Thunderstream - Chat」などの明確な名前を付けます。
  3. コピーしたアドレスを URL フィールドに貼り付けます。ローカル ファイル オプションは無効のままにしておきます。
  4. Thunderstreamパネルに合わせて幅と高さを設定します。 1920 × 1080 構成の場合は、これらの正確な値を入力します。
  5. ソースを確認します。 [ソース] リストで、ゲームまたはカメラ キャプチャの上に移動します。

TikTok LIVE Studioにソースを追加します。

項目名はLIVE Studioの言語やエディションによって異なります。 URL からページを表示するソースを探しています。お使いのバージョンがこの機能をサポートしていない場合は、LIVE Studio でアップデートとヘルプを確認してください。デスクトップ全体をキャプチャするランダムなソースを選択しないでください。

  1. LIVE Studio でシーンを選択し、ソースの追加を開きます。
  2. Web ソースをサポートするバージョンでは、リンクまたは URL フィールドを含む対応するソースを選択します。
  3. Thunderstream から同じオーバーレイ リンクを貼り付け、正しい寸法を設定します。
  4. ゲーム画像の上にソースを配置し、プレビューで要素の位置を確認します。

アラートを妨げるものがないようにソースを配置する

同じリンクを持つ新しい独立したコピーを作成する代わりに、既存のソースを次のシーンに追加できます。これは、オーディオを再生するソースの場合に特に考慮してください。アクティブなコピーが 2 つあると、二重読み取りが発生する可能性があります。代替品を確認する前に、すでに正常に動作しているソースを削除しないでください。

  1. 背景またはゲームをリストの一番下に置きます。カメラとその上に装飾を追加し、最終画像で表示したい場所に Thunderstream ソースを配置します。
  2. オーバーレイソースを選択します。誤って切り取った場合は、変形と切り抜きを確認してください。 OBS では、ソース コンテキスト メニューと [変換] オプションを使用します。名前はプログラム言語によって異なります。
  3. Thunderstream の特定のアラートの構成内のアラート自体の場所を変更します。 X、Y、サイズ、アニメーションを設定し、「保存」をクリックして、保存した設定をテストします。
  4. ソースを設定したら、ソース リストで南京錠でロックします。これにより、カメラを移動するときにアラートが表示され、エリア全体を誤って移動することを防ぎます。

保存、テスト、サウンドの確認

Thunderstream に戻り、保存した構成テストを実行します。 LIVE を開始する前に実行してください。実際のブロードキャスト中はシミュレーションが制限される可能性があります。パネル内のプレビューだけでなく、ストリーミング プログラムと位置とサイズを比較してください。

オーディオが Thunderstream をサポートしている場合は、プログラムまたはデスクトップ オーディオをキャプチャします。受信者にエコーが聞こえる可能性があるため、別のパネルまたはソースで 2 番目の TTS 読み取りを同時に実行しないでください。 OBS でメーターを確認し、短いローカル録音を作成します。

サウンド: パネル、プログラム、またはブラウザのソース?

まず、音が実際にどこから来ているかを特定します。 Thunderstream が再生されている場合は、このアプリケーションまたは放送番組内の適切なシステム デバイスのサウンドをキャプチャします。ブラウザソースが再生している場合は、ミキサーでそのシェアを確認してください。選択は、設定されている再生方法によって異なります。

自分のヘッドフォンで聴くことと、視聴者に送信される音は別の問題です。コンピューター上でアラートが聞こえたからといって、それがブロードキャストされたとは限りません。マイクと 1 つのテスト アラートを使用して短い録音を作成し、再生します。

  1. テストを 1 回実行し、どの騒音計が反応するかを確認します。このソースがミュートになっていないことを確認してください。
  2. 選択したオーディオ パスがブロードキャスト出力に含まれているかどうかを確認します。 2 つのコピーが聞こえる場合は、同じサウンドの重複キャプチャをオフにします。
  3. 2 番目のタブでパブリック LIVE を聞くには、ミュートするかヘッドフォンを使用します。スピーカーからの音がマイクに戻ってくる場合があります。
  4. 音楽やTTSの音量を自分の声に合わせてください。コンピューター プログラムでは、マイクが検出されたときに音楽をミュートするように音量を追加設定することもできます。

シーンの切り替え、アニメーションの新鮮さと滑らかさ

ブラウザ ソースには、非表示時に無効にするオプションと、シーンがアクティブになったときに更新するための個別のオプションがあります。更新すると、オーバーレイが最初からロードされます。継続性を維持したい項目については、不必要に自動リロードを有効にしないでください。また、未使用のオーバーレイは、多くのシーンで複数の独立したコピーとして機能する必要はありません。

コンピューターのモニターが高速であるからといって、ソースのフレーム レートを上げないでください。放送に合わせて録画への効果を確認してください。フレームレートの問題については、LIVE 中にすべてを更新するのではなく、不要なソース コピーを削除し、未使用のプレビューを閉じることから始めます。

設定を変更したら、Thunderstream に保存します。本当に必要な場合にのみ 1 つのソースを更新してください。アニメーション、音楽、読書を誤って中断することがなくなります。

ソースが空ですか?この順番で確認してください

  1. ソースの寸法を Thunderstream に記録された寸法と比較します。項目が小さすぎる領域の外にある可能性があります。
  2. ソースの表示アイコン、シーン内での順序、ツールが有効かどうかを確認してください。
  3. 現在のリンク全体がコピーされていること、およびアカウントが実際の LIVE にリンクされていることを確認します。
  4. 参加者がいない空の上部やイベントを待っているアラートは、意図的に非表示になっている場合があることに注意してください。放送前テストを使用します。
  5. リンクまたはそのパラメータが変更されている場合は、保存後にそのソースのみを更新します。稼動中のLIVEをむやみに切り離さないでください。

画面に何が表示されるか、そしてその修正方法は

一度に 1 つずつ修正し、同じことをもう一度試してください。複数のオプションを同時に変更すると、何が問題を解決したかを判断することが困難になります。 1 つのウィジェットが応答しないからといって、作業中のソースや構成全体を削除しないでください。

それでもサポートが必要な場合は、プログラムの名前とバージョン、プラットフォーム、おおよその試用時間、予想される結果、実際に何が起こったかを書き留めてください。パスワード、キー、完全なプライベート リンクを含まないダンプを添付してください。この説明は、単に「動作していません」というメッセージよりもはるかに役立ちます。

画面に何が表示されるか、そしてその修正方法は
症状まず確認してくださいやってみろよ
パネル全体が見えます。ブラウザバーからアドレスを貼り付けました。特定のオーバーレイのプライベート リンク フィールドをコピーします。
デモ版からMinecraftを見ました。実稼働リンクの代わりにプレビューが使用されました。URL を、選択したオーバーレイのリンクに置き換えます。
ソースが空です。イベントなし、無効化されたツール、または狭いエリア。テスト、スイッチ、寸法、レイヤーの順序を確認します。
オーバーレイが伸びています。長方形の比率が変更されました。アスペクト比を復元し、1 つの軸を伸ばさずにソースを調整します。

LIVE で使用する前の最後の試行

  1. 編集した機能に割り当てられたボタンを使用して変更を保存します。別々のフォームがある場合は、変更された部分を個別に確認してください。
  2. 設定を再度開き、最も重要な値を比較します。スライダーを動かすだけでは、必ずしも永久保存されるわけではありません。
  3. エディタ自体の外で、ターゲット シーン、レコーディング、または再度開いた設定で結果を確認します。
  4. 機能がプラットフォームを使用する場合、アクティブな LIVE 中に新たに処理されたイベントを別途確認します。外観テストでアカウントの承認を確認することは期待しないでください。
  5. 作業値を保存し、次の大きな変更の前にコピーを作成します。次回起動するときは、簡単なチェックから始めてください。

LIVEの前に確認してください

  • 独自のリンクと互換性のある解像度。
  • ソースはゲームの上にあり、ツールは有効になっています。
  • テストはストリーミング番組で見ることができます。
  • 音は一度聞いて、短い録音で確認します。
  • シーンを変更した後も、ソースは動作し続け、サウンドの 2 番目のコピーは再生されません。
  • ブロードキャスト キーがオーバーレイ ソースに貼り付けられませんでした。
  • 設定を再度開くと、保存された値が保持されます。
  • ターゲット出力で 1 回の試行が確認されます。

よくある質問

パネルからの Minecraft のプレビューは LIVE に表示されますか?

プレビューアドレスをコピーしないでください。プロダクション オーバーレイ リンクでは、シーンの上にオーバーレイ要素が表示されます。デモの背景はセットアップ用です。

ブラウザを開いている必要がありますか?

パネルまたはプログラムが TTS、音楽、またはその他のローカル操作をサポートしている場合は、実行したままにしてください。ソース リンク自体は、LIVE 接続とすべての回復プロセスを置き換えるものではありません。

すべてのツールに対して 1 つのリンクで十分ですか?

選択したオーバーレイ タイプのリンクをコピーします。個別のソースを使用すると、アラート、チャット、その他のアドオンを個別に設定できます。

送信キーをオーバーレイに貼り付ける必要がありますか?

いいえ。ソース ブラウザまたはリンクは Thunderstream からオーバーレイ リンクを受け取ります。ストリーム キーは、オーバーレイ アドレスではなく、OBS またはその他のエンコーダーのブロードキャスト設定に送信されます。

アラートがパネルの中央にあるのに、LIVE では表示されないのはなぜですか?

両方の領域の解像度とアスペクト比を比較します。また、フレーム構成、ソースの順序を確認し、特定のアラートの位置を記録し、保存された構成をテストします。

画面が写真と異なって見える場合はどうすればよいですか?

プログラム名、バージョン、選択した機能を確認してください。ダンプは本物ですが、特定のエディションと言語からのものです。説明されているフィールドをタスクごとに検索します。このオプションが利用できない場合は、現在の公式サポートとアカウントでの利用可能状況を確認してください。

公式ドキュメントとさらなるサポート