声・音声に反応するOBSライン【無料】光の糸｜マイクもBGMもゲーム音も動く配信オーバーレイ
- Digital0 JPY
声を出すと、細い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による画像は使用していません（商品画像も、同梱のコードで描いた実画面です）。
