声・音声に反応するOBSライン【無料】光の糸｜マイクもBGMもゲーム音も動く配信オーバーレイ

声を出すと、細い1本の線が中央からレンズのようにふくらみ、笑い声で横へ広がり、音が止まると約0.3秒でまっすぐな線に戻る——OBSに入っている音の大きさで動く、無料の配信オーバーレイです。

マイクだけでなくBGMやゲーム音にも反応します。OBSのブラウザソースにURLを1つ貼るだけで、ログイン・APIキー・サブスクは不要です。同梱の設定画面で、動くプレビューを見ながらURLを作れます。背景は透明です。

構図と配色を9通りから選べる有料版「Audio Bar v2」もあります。

できること・置き方

■ 光の糸（おすすめサイズ 1200×200）

1本の細い線。声で中央がレンズ状にふくらみ、笑い声でふくらみが横に広がります。無音ではまっすぐな1本の線に戻ります。色はティール1色、背景は透明です。

■ 置き方（3分）

1. OBS → ツール → WebSocketサーバー設定 で「有効にする」にチェック（OBS 28以降は標準搭載、追加インストール不要）

2. 同梱の index.html を開き、パスワードを入れて「URLをコピー」

3. OBS → ソース → ブラウザ →「ローカルファイル」のチェックを外してURLを貼る

ここが違います

■ マイク以外の音にも反応します

音量は OBS の WebSocket から受け取るので、マイク・BGM・ゲーム音・コラボ相手の声など、OBSに入っている音すべてが対象です。特定の音だけに反応させることもできます（source=マイク など）。

■ 表示しているのは「今の音量」です

それっぽく動くだけのアニメーションではなく、実際の音量で動きます。周波数スペクトラム（音の高さ別のグラフ）ではありません。

■ 静かなときは静か

音が止まると約0.3秒で1本の線に戻り、そこで止まります。雑談の合間に画面がちらつきません。

動作環境・動作確認・ファイル・ライセンス

■ 動作環境

OBS Studio 28以降（WebSocketサーバーを有効にして使います）。接続先はご自身のPC内（ws://127.0.0.1）だけで、受け取るのは音量の数値のみ。音声そのものや、外部のサーバーへの送信はありません。

■ 動作確認（事実のとおり書きます）

・ヘッドレスChrome と見本の音量で描画して確認しています。

・実際のOBS（32.2.2）に接続し、音を鳴らして動くことを確認しています。ただし描画したのはChromeで、OBSのブラウザソースの中での表示そのものは確認していません。

・Windows で確認しています。macOS は未確認です。

■ 同梱ファイル

bar.html（本体）／index.html（設定を作る画面＋プレビュー）／lib・shared・fonts（部品とフォント）／README.txt／Terms-利用規約.txt

■ ライセンス

商用・非商用を問わず配信・動画でお使いいただけます（収益化可・クレジット不要）。改変も自由です。

ファイルそのものの再配布（無料版を含む）・再販売、学習データとしての利用はご遠慮ください。紹介するときはこのページのURLを共有してください。

同梱フォント（Chakra Petch / JetBrains Mono）は SIL Open Font License 1.1 です。

本商品は人が仕様を決め、AI（Claude）の補助でコードを書いたものです。生成AIによる画像は使用していません（商品画像も、同梱のコードで描いた実画面です）。