残響観測器｜OBS音声連動レトロ波形表示ツール
- ダウンロード商品¥ 0
あなたの声を、残響として観測する。 残響観測器は、OBSの音声に反応して緑の波形を描く小さな観測装置です。
残響観測器
「残響観測器」は、OBS Studioで選択した音声ソースの音量に反応して、 古いオシロスコープ風の疑似波形を表示するOBS用ブラウザソースです。 完全透過の背景に、燐光グリーンの波形と薄い残光が右から左へ流れます。 配布ZIPを展開してOBSへ読み込むだけで使用でき、 Node.js、npm、ビルド環境、インストーラーなどは必要ありません。
■ 必要なもの
・OBS Studio 28.0.0以上 ・obs-websocket 5.x（OBS Studio 28以降に標準搭載） ・OBSのブラウザソース
■ 導入方法
1. ダウンロードしたZIPファイルを任意のフォルダーへ展開します。 2. OBSで「ブラウザ」ソースを追加します。 3. ブラウザソースのプロパティで「ローカルファイル」を有効にします。 4. 展開したフォルダー内の「index.html」を選択します。
■ OBS WebSocketの設定
OBSの 「ツール」→「WebSocket Server Settings」 からWebSocketサーバーを有効にしてください。 既定ポートは「4455」です。 ※ 認証は有効のまま使用してください。 残響観測器の設定画面に、OBS WebSocketで設定したパスワードを入力します。
■ 初回設定
※ 必ず配信・録画を停止した状態で設定してください。 1. 残響観測器に使用しているブラウザソースのプロパティを開きます。 2. ローカルファイルを「index.html」から「settings.html」へ変更します。 3. そのブラウザソースの「対話（操作）」を開きます。 4. ホスト・ポート・パスワードを入力して「接続テスト」を押します。 5. 取得された候補から反応させたい音声ソースを選択します。 6. 感度を調整して「保存」を押します。 7. 「対話（操作）」を閉じます。 8. 同じブラウザソースのローカルファイルを「index.html」へ戻します。 9. 波形だけが表示されていることを確認してから配信・録画を開始します。 ※ 「settings.html」のままにすると、設定画面そのものがOBSの映像に表示されます。 設定後は必ず「index.html」へ戻してください。
■ 設定
・OBS WebSocketのホスト ・ポート ・パスワード ・反応させる音声ソース ・感度（0.25～3.00） 感度の初期値は1.00です。 値を大きくすると、小さな音量でも波形が大きく動きます。
■ 注意事項
設定内容はOBSブラウザソースのlocalStorageへ保存されます。 OBS WebSocketのパスワードも保存対象になりますが、 localStorageは暗号化された秘密保管庫ではありません。 第三者がPCやOBS環境へアクセスできる場合は、 WebSocketパスワードの取り扱いに注意してください。 また、設定の共有を確認しているのは、 同じブラウザソースで「settings.html」と「index.html」を切り替える方法です。 設定用に別のブラウザソースを作成する方法や、 Custom Browser Dock、通常のWebブラウザとの設定共有は保証していません。
■ ライセンス
残響観測器本体は MIT License のもとで公開しています。 同梱している obs-websocket-js も MIT License です。 詳細なライセンスおよびソースコードはGitHubをご確認ください。
■ 動作について
本ツールは、実際のPCM音声波形を直接解析するオシロスコープではありません。 OBSから取得した音声レベルに反応して、 レトロなオシロスコープ風の疑似波形を表示する演出用ツールです。 OBSやobs-websocketの仕様変更などにより、 将来正常に動作しなくなる場合があります。
■ 動作確認環境
Windows 11 OBS Studio 32.2.2 1920×1080 / 60fps ※ 上記環境で動作確認しています。
■ アップデート履歴
[2026-09-06: v1.1.0] ・設定画面をレトロな観測機器風デザインへ刷新 ・ホスト / ポートのレイアウトを改善 ・各設定項目の視認性・操作性を改善 ・接続テスト / 保存ボタンのデザインを整理 ※ 配信用の波形表示やOBS連携など、機能仕様に変更はありません。 [2026-09-04: v1.0.0] 初回公開 ・OBS音声ソース連動の波形表示 ・音声ソース選択 / 感度調整 ・設定画面と配信用表示を完全分離
■ ソースコード・詳細情報
GitHub： https://github.com/CKYlab/maboroshi-echo-scope
■ クレジット
配信で使用する際のクレジット表記は不要です。