OBSおよびStreamlabs用のストリームオーバーレイ

Spin the Wheelにはストリームオーバーレイ, が組み込まれており、使い方は非常に簡単です。 どれでも ホイールのURLの末尾に?stream=1追加し、そのリンクをブラウザソース. としてストリーミングソフトウェアに貼り付けるだけです。ページは透明として読み込まれるため、ゲームプレイやカメラの上にホイールだけがすっきりと表示されます。メニュー、広告、クッキーバナー、ポップアップトーストはすべて自動的に非表示になります。

アカウントインストール不要; ブラウザ拡張機能も、ストリーミングコントロールパネルも必要ありません。ブラウザ/ Streamlabs, ソースをサポートするソフトウェアでOBS Studio, ば、どの環境でも動作します。

対象者

💡 Twitch、YouTube、Kick、またはその他のプラットフォームでライブで回転するルーレットを画面に表示したいストリーマー。

💡 視聴者へのプレゼント、賞品抽選、そして「チャットで決める」コーナー。

💡 ゲーム内チャレンジ、ランダムなハンディキャップ、そして「ルーレットで決める」コーナー。

💡 追加のツールやログインを配線することなく、ストリームでホイールを使いたい人。

始める前に

✔️ ブラウザソース をサポートするストリーミングソフトウェア (OBS Studio、Streamlabs など) をお持ちです。

✔️ ホイールの URL が必要です。ライブラリにある既製のホイール (例: https://spinthewheel.io/ja/yes-no-wheel ) または、保存/共有した独自のホイールのいずれかです。

以上です。ストリーム上でホイールを表示するだけなら、サインインやインストールは一切不要です。

段階的に

ホイールのURLを取得してください。 既製のホイール (例: https://spinthewheel.io/ja/yes-no-wheel ) を使用するか、保存済みのホイールを開いてブラウザのアドレスバーからリンクをコピーしてください。
追加 ?stream=1 最後まで。 例: https://spinthewheel.io/ja/yes-no-wheel?stream=1 。リンクに既に?が含まれている場合は、代わりに&stream=1を追加してください。
ブラウザソースとして追加してください。 OBSの場合: ソース → + → ブラウザ. Streamlabsの場合: ソースを追加 → ブラウザソース. ?stream=1 URLをURLフィールドに貼り付けます。
サイズを設定してください。 ソースに幅と高さを指定します（例えば、単一のホイールを表示する場合は700 x 700、またはレイアウトに合わせて任意の値）。オーバーレイは透明なので、シーンに直接重ねて表示されるため、背景色を設定する必要はありません。
位置とサイズを調整 他のソースと同様にキャンバス上に配置します。
回して。 ホイールをクリックすると回転します。ブラウザのソース内をクリックするには、ソフトウェアの交流する オプションを使用してください（OBS の場合：ソースを右クリック → 交流する, 次にホイールをクリックします）。回転と勝者のポップアップは、配信中にリアルタイムで表示されます。

自分だけのものにしよう

自分の色、中央のロゴ、背景画像、サウンドでホイールをデザインし、 保存する, に?stream=1を付けて URL を使用すると、オーバーレイにデザイン全体が表示されます。

ホイールキャンバスには、セグメント、色、画像、中央ボタンなど、すべてが保持されます。非表示になるのは、周囲のウェブサイトのクローム部分だけです。

例

💡 https://spinthewheel.io/ja/yes-no-wheel?stream=1画面にすぐにイエス/ノーの決定が表示されます。

💡 視聴者プレゼント企画のルーレットで、参加者の名前をライブ配信で回します（ライブチャットでの応募を受け付けるTwitchプレゼントツールもご覧ください - フッターにリンクがあります）。

💡 ラウンドの合間に回すゲームチャレンジホイール（武器、クラス、ハンディキャップ）。複数のホイールを使用すると、より多くの選択肢と結果が生まれます。

トラブルシューティング

⚠️ URLに既に「 ?が含まれている場合に?stream=1を使用すると、その場合は&stream=1を使用する必要があります。

⚠️ ブラウザソースに背景色を強制的に設定しています。代わりに、背景色を透明にして、シーンが透けて見えるようにしてください。

⚠️ ブラウザソースのソフトウェアの交流する モードをオンにせずにホイールをクリックしようとしています。

トラブルシューティング

🛠️ オーバーレイにはウェブサイト全体（メニューや広告など）が表示されます。 streamパラメータが URL にありません。 ?stream=1 (または&stream=1 ) で終わっているか確認してください。

🛠️ 白または黒の四角形が見えます。 ブラウザソースに強制背景またはカスタムCSSが設定されています。透明なオーバーレイがシーンに合成されるように、これらを削除してください。

🛠️ 車輪は回転しない。 ブラウザソースの交流する をオンにし (OBS では右クリック → インタラクト)、ホイールをクリックします。

🛠️ 車輪が大きすぎるか、小さすぎる。 ブラウザソースのサイズを変更し、キャンバスに合うように拡大縮小します。

使用上のヒント

・ストリームモードは視覚表示モード: サイトのメニュー、広告、同意バナー、ポップアップトーストを非表示にし、ページを透明にするモードです。ホイール自体はデザインがそのまま維持され、勝者ポップアップも表示されます。

• これは埋め込みではなくトップレベルのブラウザソース, なので、親ページとは通信しません。

・このオーバーレイは、あらゆるホイールのURLに対応しています。ライブラリにある既製のホイールを使用することも、ご自身で保存したホイールを使用することも可能です。

• 視聴者がキーワードを入力して応募する、公平性が証明された抽選と検証済みのリプレイリンク付きのチャットエントリー型プレゼント企画を実施する場合は、独自のオーバーレイを備えた別の機能をご利用ください。

Twitchプレゼント企画ツール

OBSおよびStreamlabs用の無料スピニングホイールストリームオーバーレイ