tournament_overlay

ビーセイ大会用オーバーレイです。

主な特徴

• 曲時間、スコア、精度、コンボ数、ミス数、Fail表示のみのシンプルで見やすい表示です (曲名などの譜面情報は主催者側で用意)

• プレイ終了後も非表示しないため、結果の確認が容易です

• Fail後もスコアが50%にならず、Fail有無同士でもスコア比較が可能です

• NFを付けずにプレイ開始した場合に No NF! と表示します。また、Failしたときに Failed と表示します

• 両側に譜面スタート時のタイミング取得用の■マークが表示されます

  （左：スタート～ポーズ解除まで表示　　右：スタート～曲時間1秒まで表示）

使用方法

HttpSiraStatusを使用して、下記URLをOBS等の配信ツールにブラウザソースとして設定して使用可能です。

詳しいインストール方法

※以下の配信ツールで動作確認済みです

• OBS Studio
• Streamlabs Desktop
• XSplit Broadcaster
• Twitch Studio Beta

※プログラム修正時に自動反映させるため、ダウンロードせずに下記URLでお使い下さい。

※表示位置は上部固定になっています。特にタイミングマークを利用して対戦者の配信ズレを補正する場合は、位置が重要になるためデフォルトの位置で利用をお願いします。詳しくは主催者に確認して下さい。

大会用オーバーレイ表示用URL(スケール自動調整：通常はこちらを使用)

https://rynan4818.github.io/tournament_overlay/

※スケールを自動調整するため、OBSのブラウザソースの設定でオーバーレイのブラウザの幅を配信する解像度に合わせて下さい。

1080p(1920x1080)用 (1.5倍スケール固定)※従来の互換用

https://rynan4818.github.io/tournament_overlay/?modifiers=scale

シーンコントロール使用時の注意点

obs-control等でOBSのシーンコントロールを使用している場合は、メニュー用シーンとゲームプレイ用シーンの両方に大会用オーバーレイの追加をお願いします。（ゲームプレイ用シーンのみだと、プレイ終了時に消えてしまうため）

その際に、追加するブラウザソースは「既存を追加」で追加して下さい。（新規作成で追加しない)

また、シーン切り替えで使用するBeatSaberのオーバーレイは全てで「表示されていないときにソースをシャットダウンする」と「シーンがアクティブになったときにブラウザの表示を更新する」のチェックを外して下さい。

また、TournamentAssistantを使用する場合は、プレイ開始時のシーン切替にトランジション動画を入れると、TournamentAssistantの機能（QRコード表示で配信の同期を取る）に影響が出るため、トランジションを外すなど対応をお願いします。詳しくは大会主催者に確認して下さい。

よくわからない場合は、大会での参加ではシーン切り替えを使わないことをおすすめします。

初めての方向けの詳しいインストール方法

1. HttpSiraStatus のインストール

   Beat Saberからオーバーレイにデータを送信するためにHttpSiraStatusをインストールしてください。

   BeatSaber1.29.1環境の場合は、HttpSiraStatus-9.＊.＊バージョンを使用してください。

   • HttpSiraStatus

     上記からダウンロードして解凍したHttpSiraStatus.dllをBeatSaberのインストールフォルダのPluginsフォルダにコピーします。

     ダウンロードするzipファイル名のbs*.**.**の部分が自分の使用しているBeatSaberのバージョンと同じか、小さくて一番新しいものを使用してください。

     bs*.**.**のバージョンが使用するBeatSaberのバージョンよりも大きいと動作しませんので注意してください

     HttpSiraStatus推奨バージョン

     HttpSiraStatusを使用する際に、以前はwebsocket-sharpのインストールも必須でしたが、上記の2025/5/17時点での推奨バージョンではインストール不要となっています。

     もし動作しない場合は、上記推奨バージョンにアップデートしてください。

2. OBSのソースにブラウザを追加します。

   

3. 新規作成を選択して、適当にソースの名前を設定して、OKを押します。

   

4. 大会用オーバーレイ表示用URL https://rynan4818.github.io/tournament_overlay/ を、OBSのURL欄に貼り付けます。

   https://rynan4818.github.io/tournament_overlay/
   

   また、画面サイズに合わせて幅・高さを設定します。(1920x1080等)

   幅に合わせてオーバーレイの表示倍率が自動的に調整されます。

   

5. オーバーレイのソースの順序を一番上にして、オーバーレイが常に表示されるようにします。

   

6. OBSの画面の四隅に赤色の■が見えるか確認します。（ビートセイバーが起動すると■が消えます）

   

   四隅に■が見えない場合は、表示が移動されているか解像度が合っていませんので見直すか、一旦削除してNo.2(OBSのソースにブラウザ追加)からやり直してください。

動作しない場合

もしも動作しない場合は、Beat Saber Overlay 改良版のトラブルシューティングを参照してください。

備考

index.html, bsdp-like_d.html, bsdp-like.css はBSDP-Overlayを元に改造しています。