OBS用 寄付ルーレットウィジェット

ウィジェットに表示されるもの

DonateSpinのOBSウィジェットは独立した透明ページです: ルーレットのホイール、寄付受付タイマー、ロット一覧。すべてを1つのシーンとしてまとめて表示することも、各要素を別々のソースとして追加することもできます - 例えば画面の隅にホイール、別の場所にタイマーだけ、といった配置も可能です。

ウィジェット自身は何も決定しません - 勝者は常にサーバー側で計算され、視聴者やOBSのブラウザ側では決まりません。ウィジェットはすでに決まった結果のアニメーションを再生するだけです。

3ステップで接続する方法

1. 配信者パネル(/panel)の「OBS」タブを開きます - 各ウィジェット要素へのリンクと、まとめて表示するシーン用リンクがあります。

2. 必要なリンクをコピーします。

3. OBSで「ブラウザソース」を追加し、リンクを貼り付けて、シーンに合わせた解像度を設定します - ウィジェットの背景はデフォルトで透明です。

推奨のブラウザソース設定

解像度 - ホイールやタイマーをシーン上でどのくらいの大きさで見せたいかに合わせます(例: ホイール単体なら500×500)。FPSは30のままで問題ありません - 回転アニメーションに60は必要ありません。

ウィジェットはWebSocket経由で自動更新されます: ソースを手動で更新したり「シーンがアクティブになったときにブラウザを更新」を有効にしたりする必要はありません。