見出し画像

Steam版BeatSaberに曲名やスコア情報を表示するオーバーレイを導入

2022/3/20現在1.19.0まで動作確認済み。

今回導入するオーバーレイとはこの動画の左上にある曲名や、スコア情報などを表示しているものです。

この表示は自分でゲームをプレイしている最中には見ることができず、録画/配信ソフトのOBS上で見ることができるものなので、録画や配信をしたい場合のみに有効です。

設定方法などはこちらを参考にしました。https://github.com/rynan4818/beat-saber-overlay

ゲームバージョンの確認

BeatSaberを起動し、足元を見ましょう。
右足のかかと部分に表示されています。
BeatSaberのバージョンが1.19.0以下であることを確認します。

Steamからそのままインストールした最新バージョンの方は、動作非対応の可能性があるので、ダウングレードが必要な可能性があります。
下のリンクから1.19.0にダウングレードを済ませて下さい。
ダウングレードについてはこちら

無題


BeatSaberMODの導入

導入していない方はこちらから導入を済ませて下さい。
すでに終わっている方はHTTPStatusの導入へ


HTTPStatus、websocket-sharpの導入

MODを導入したときに仕様したModAssistantから
HttpSiraStatusとwebsocket-sharpをインストールして下さい。

2022/03/19現在1.19.0までこの方法で導入できます。

画像13
画像はHTTP Statusのみ


オーバーレイの導入

こちらからオーバーレイをダウンロード

今回は2020/11/08のものを使用しています。
Release v2020/11/08 から Release v2021/02/22 まで動作確認済
BeatSaberやHTTP Statusのバージョンの相性が悪い場合は表示されないので、表示されない場合は他のバージョンを試してみて下さい。

画像1

ダウンロードしたbeat-saber-overlay.zipを解凍し、今回はわかりやすくBeatSaberのインストール先へ置きます。

インストール先デフォルト
C:\Program Files (x86)\Steam\steamapps\common\Beat Saber\

画像4


OBSの導入

OBSを導入していない場合はこちら


オーバーレイの設定

OBSのソース欄を右クリックか、下の+を押し、ブラウザを選択します。

画像7

名前を適当につけてOK

画像8

URLの欄に、オーバーレイ導入でダウンロードしたbeat-saber-overlayフォルダをオーバーレイ導入の通りに配置した場合は
file:///C:/Program Files (x86)\Steam\steamapps\common\Beat Saber/beat-saber-overlay/index.html?modifiers=top,scale,bsr
と入力します。

幅と高さはゲームの解像度や、配信の解像度に合わせて下さい。
今回は1280x720と入力します。

・カスタムCSS項目の表示されていないときにソースをシャットダウン
・シーンがアクティブになったときにブラウザ表示を更新

この2つにチェックも入れておくといいかもしれません。

画像8

URLの「=」の後ろにオプションを加えることで、表示位置や表示したい項目の追加や変更ができます。

表示位置の変更
左下 =(何もなし)
左上 =top
右下 =rlt
右上 =top,rtl

曲コードの追加
=bsr

右上に表示し、曲コードを追加したい場合のフルURL
file:///C:/Program Files (x86)\Steam\steamapps\common\Beat Saber/beat-saber-overlay/index.html?modifiers=top,rtl,bsr

カンマで区切ることでこのように複数追加することが可能です。

設定について詳しくはこちらのページのオプションか、beat-saber-overlayファイルの中のreadmeに記載されています。


BeatSaberをOBS上で表示する

BeatSaberをOBS上に表示するために、BeatSaberを起動した状態でOBSのソース欄を右クリックか、下の+を押し、ゲームキャプチャを選択します。

画像9

名前を適当につけ、モードを特定ウィンドウのキャプチャを選択し、ウィンドウからBeatSaberを選択します。

画像10

ソース順は必ずオーバーレイを上にします。

画像11

この状態でゲームをプレイ時に、OBS上でオーバーレイが反映されていれば終了です。録画等をして確認してみて下さい。

画像12


その他のSteam版BeatSaberのMOD

アバターの導入方法はこちら


この記事が気に入ったらサポートをしてみませんか?