OBS用 配信ボード｜時計・情報表示・4画面切替 / Stream Board for OBS

声が主役の雑談・ラジオ・作業配信向けに、

大きな時計と情報枠を1つの配信画面にまとめるOBS用ツールです。

待機・配信中・離席・終了の4画面をDockから切り替えられ、

情報の巡回表示、進行表、配信時間、音に反応する演出、

待機・離席・終了の音楽再生にも対応しています。

表示例：

21:15 ｜ 2026年9月15日 (火) ｜ ON AIR フリートーク ｜ 天気 大阪 晴れ ｜ 気温 31° / 25° ｜ 配信時間 0:42:18

■ このツールでできること

● 配信の状態に合わせて4つの画面を切り替えられます

待機・配信中・離席・終了をDockから切り替えます。

配色や配置、情報枠などは画面ごとに保存できます。

● 時計のまわりに必要な情報をまとめられます

天気、気温、降水確率、配信時間、進行表、SNS、自由テキストなどを、

固定枠や切り替え枠へ配置できます。

● 進行表を配信中の操作に使えます

コーナーを「次へ」「戻る」で進めながら、

今のコーナー・次のコーナー・話題の経過時間を表示できます。

● 配信画面の切り替えと音楽を連動できます

待機・離席・終了に別々のMP3 / WAVを設定できます。

画面を切り替えると、設定した音楽の再生・停止も切り替わります。

■ 同梱ファイル

・board.html

　配信画面本体

・board-audio.js

　音楽再生・音声キャッシュ処理

・board-features.js

　配信画面の4画面表示・追加機能

・dock.html

　OBSへ登録する操作用Dock

・dock-common.js

　全画面共通設定

・dock-connection.js

　OBS WebSocket接続・配信時間連動

・dock-features.js

　画面切り替え・進行表・音反応の追加設定

・dock-layout.js

　Dock内の設定配置・表示整理

・dock-music.js

　待機・離席・終了の音楽設定

・dock-scenes.js

　4画面ごとの設定保存・復元

・dock-ui.css

　Dockのデザイン

・dock-ui.js

　Dockの操作UI

・dock-workflow.js

　設定ファイル・Undo・プレビューなどの操作補助

・mode-transition.js

　画面切り替え時のクロスフェード

・README_JA.txt

　日本語README

・README_EN.txt

　英語README

■ 動作環境

・OS：Windows向け

・動作確認環境：Windows 11 / OBS Studio 32.2.2（64bit）

・OBS Studioのブラウザソース、カスタムブラウザDock、OBS WebSocketを使用します。

・Dockと配信画面は同じPCのOBSで使用します。

・ブラウザソースは1920×1080で使用します。

・macOS / Linuxは未検証です。

・Dockの操作UIは日本語です。配信画面の対応ラベルは日本語 / Englishを切り替えられます。

・天気、「今日はなんの日」、Google Fontsを使用する場合はインターネット接続が必要です。

・PC標準フォント3種類は外部フォントの読み込みなしで使用できます。

■ 主な機能

【4つの配信画面】

・待機

・配信中

・離席

・終了

・各画面の設定を個別に自動保存

・フォント、番組名、右上の文字は全画面共通設定にも対応

・4画面を一覧で確認するプレビュー

・時計だけを表示するモード

・画面クロスフェード 0〜5秒

【情報表示】

・固定枠：最大4枠

・切り替え枠：最大2枠

・固定枠で選べる表示内容：17種類＋「表示しない」

・切り替え枠で選べる表示内容：15種類

・切り替え間隔：5〜120秒

・固定枠、切り替え枠の並べ替え

・固定枠の見出しを任意に変更

表示できる内容：

・時刻

・日付

・天気

・気温

・降水確率

・配信時間

・いま話していること

・次のコーナー

・進行表

・きょうのテーマ

・今日はなんの日

・SNS

・テキストA / B / C

・この画面のメッセージ

・話題の経過時間

【進行表・タイマー】

・進行表を1行ずつ入力

・現在 / 次のコーナー表示

・前へ / 次へ操作

・進行表と切り替え枠の連動

・OBSの配信開始 / 終了に連動する配信時間

・配信中に接続した場合はOBSの経過時間へ同期

・話題ごとの経過時間を計測

・話題タイマーの開始 / 一時停止 / リセット

【天気】

・日本国内28地域

・1地域固定 / 全国巡回

・全国巡回の切り替え間隔：10〜300秒

・天気予報

・予報の最高 / 最低気温

・その日の最大降水確率

【デザイン】

・配色：12種類

・地の色 / 文字色 / アクセント色を個別指定

・フォント：48種類

　Google Fonts 45種類 / PC標準フォント3種類

・プリセット：朝 / 昼 / 夕 / 夜の4種類

・時計サイズ：120〜420px

・番組名 / 右上文字のサイズ調整

・外側余白の調整

・背景の表示 / 非表示

・下部情報枠：罫線 / カードの2種類

・カードの濃さ / 角の丸み

・24時間表記 / 午前・午後表記

・秒表示 ON / OFF

・日本語 / English

【音に反応する演出】

・線 / 棒 / 点の3種類

・高さ、感度を調整

・上下対称 ON / OFF

・基準線表示（線スタイルのみ）

・OBSの音源を指定

・声とBGMを別々のOBS音源へ指定可能

・声は中央、BGMは全体の動きへ反映

※ 音量値から生成する演出です。

　実際の音声波形や周波数スペクトルを表示する機能ではありません。

※ 声とBGMを自動判別・分離する機能ではありません。

【待機・離席・終了の音楽】

・MP3 / WAV

・1ファイル100MB以下

・待機 / 離席 / 終了に別々の音楽を設定

・待機 / 離席：ループ再生

・終了：1回再生

・音量：0〜100%

・フェードイン：0〜10秒

・フェードアウト：0〜10秒

・配信中への切り替えでフェード停止

・手動のフェード停止

・同じモードを押すと曲の最初から再生

【切り替え・保存】

・枠の文字フェード：0〜3秒

・画面クロスフェード：0〜5秒

・設定の自動保存

・Stream Board専用JSONの書き出し / 読み込み

・直前の設定を1回戻す

・設定と入力内容の初期化

■ セットアップ

1. ZIPを展開し、board.htmlをOBSのブラウザソースへ1920×1080で追加します。

2. dock.htmlをカスタムブラウザDockへ登録し、OBS WebSocketのポートとパスワードを入力して接続します。

3. Dockで表示内容・画面・音楽などを設定し、配信画面への反映を確認します。

（詳しい手順はREADMEに記載しています）

■ 注意事項

・本ツールはOBSの配信開始 / 終了やマイクのミュートを操作するものではありません。

・使用中はDockを開いたままにしてください。

・OBS WebSocketのパスワードは保存しません。Dockを開き直した場合は再入力が必要です。

・1組のDockと1つの表示ソースでの使用を基本としています。別設定の複数組を同時に動かす機能はありません。

・音楽ファイル本体は保存されません。Dockを開き直した場合はMP3 / WAVを再選択してください。

・音楽を使用する場合は、ブラウザソースの「OBSを介して音声を制御」をONにしてください。

・音声を出すboard.htmlソースを複数起動すると、音が重複する場合があります。

・天気は日本国内のみ対応しています。

・気温は現在の実測値ではなく、予報の最高 / 最低気温です。

・外部データの取得失敗、遅延、提供元の仕様変更により表示できない場合があります。

・すべてのフォントや文章量の組み合わせで、文字が自動的に収まることを保証するものではありません。

■ 表示内容の出典

・天気予報

　気象庁

　https://www.jma.go.jp/

　気温は予報の最高 / 最低気温、

　降水確率はその日の最大値を表示します。

　現在の実測気温ではありません。

・今日はなんの日

　日本語版Wikipedia

　https://ja.wikipedia.org/

・外部フォント

　Google Fonts

　https://fonts.google.com/

本ツール側で天気分類などの表示処理を行っています。

気象庁・Wikipedia・Googleによる制作・推奨を示すものではありません。

■ ご利用について

配信での使用は、商用・非商用問わず自由です。

再配布・改変・転売はご遠慮ください。

使用する音楽・画像・文章などについては、

それぞれの権利者の利用条件に従ってください。

■ 免責事項

本ツールの使用によって生じたトラブルや損害については、

責任を負いかねます。

OBS Studioや外部データ提供元の仕様変更、

通信状況などにより動作・表示できなくなる場合があります。

天気予報や外部情報の正確性、継続提供については保証できません。

■ サポートについて

不具合やご要望がありましたら、BOOTHのメッセージからお知らせください。

OBS WebSocketのパスワードは送らないでください。

可能な範囲で確認しますが、対応をお約束するものではありません。