Moderator モジュールの概要
Timers Studio の Moderator モジュールの動作:ログイン画面、player ミラー、ウィジェットグリッド、ディレクターとの intercom、ステージで実行できる poll。
最終更新
Moderator モジュールの概要
Moderator モジュールは、ショー中の 2 つめの手です。ディレクターは Studio から rundown を動かします。モデレーターは同じステージ出力を見ながら、情報を中継したり、poll を走らせたり、スピーカーを呼んだり、ディレクターと私的に会話したりできます — 主要な timer 操作には触れません。このページは /moderator/<room> に何が表示されるか、モジュールが Timers Studio の他の部分とどう連携するか、モデレーターに何ができて何ができないかを説明します。
1 ルート、1 ルーム
モジュールは 1 本の URL から提供されます。
timers.studio/moderator/<room>—ModeratorPlayerViewが描画するモデレーター player を開きます。ルーム ID はディレクターの Studio (/id/<room>) と公開 Player (/player/<room>) で使う ID と同じです。
モデレーターにはディレクターの transport バーは見えません。観客と同じ画面に加え、モデレーション作業用のウィジェット群が脇に並びます。
ログイン後に見えるもの
ModeratorLoginView はディレクターが Links モーダルで設定したセッションパスワードを求めます。認証後、モデレーターは 2 ゾーンのレイアウトに到着します。
- メインエリア — Player ミラー。公開 Player をピクセル単位でコピーしたもの。同じ realtime 状態から同じ
TimerDisplayもしくはAgendaPlayerViewを描きます。ディレクターが timer を開始すると、モデレーターはステージと同じミリ秒で時計が動くのを見ます。 - ウィジェット側 — モデレーションツール。
DynamicWidgetGridが描くグリッドで、最大 9 種類のウィジェットを置けます:timer,agenda,agenda_focus,intercom,visual_pager,wharton,qa_push,qa_radar,poll。どれを見せ、どう並べるかはディレクターが決めます。
ディレクターと話す
モデレーターとディレクターは、ModeratorIntercomChat が描く専用 intercom を共有します。メッセージは Supabase テーブル moderator_intercom に保存され、両側にリアルタイムでプッシュされます。intercom は以下をサポートします。
- プレーンテキストと絵文字。
- Emojicons — 繰り返し登場する概念を表す小さなアイコン (
[TIMER],[MODERATOR],[TECH_ISSUE]など)。 - フラッシュシグナル(稲妻ボタン)。相手側の入力欄が片方が返信するまで点滅します。
- 入力中インジケーターと既読表示。
ライブ poll を走らせる
Poll はモデレーターの主な出力手段です。往復のために 3 つのコンポーネントが働きます。
PollModeratorWidget(モデレーター側)— 作成、開始、終了、結果の push。SpectatorPollVote(観客側、/ask/<room>)— 観客が 1 つの選択肢を選びます。PollWidget(player 側、/player/<room>)— モデレーターが Push Results を押した瞬間に結果バーを表示するステージオーバーレイ。
手順は ライブ poll を走らせる を参照。
関連モジュール
- Timers —
/id/<room>のディレクター Studio が rundown と timer 状態の正です。モデレーターは Studio がプッシュする内容を受け取るだけです。 - Agenda — ディレクターが agenda を走らせるとき、モデレーターのミラーは
AgendaPlayerViewを描きます。 - Gateway — 観客は
/ask/<room>に来て、モデレーターが開いた poll に投票します。Gateway はすべてのビュー間の realtime 更新も運びます。
スコープの境界
モデレーターはモデレーション作業 — intercom、poll、visual pager、Q&A push — を動かせます。rundown の編集、timer の変更、Timer ビューと Agenda ビューの切替えはできません。それはディレクターの Studio の仕事です。timer そのものに 2 人必要なら、2 人ともディレクターリンクで /id/<room> を開いてください。
次に読むもの
- モデレーターのログインとアクセス — パスワードの仕組みと拒否されたときの対処。
- ウィジェットグリッドとレイアウト — 9 種類のウィジェットを選び、並べ替え、リサイズする。
- ディレクターとの intercom — メッセージ、フラッシュ、emojicon。
- ライブ poll を走らせる — poll を作り、開始し、ステージへ結果を push。