Player を起動して操作する

Player は Timers Studio の画面出力です。観客、スピーカー、またはステージ ディスプレイが目にするものです。このページでは、開き方、Studio からの操作方法、動作するハードウェアへの合わせ方を示します。

前提条件

• rundown に少なくとも 1 つのタイマー（最初のタイマーを作成する を参照）
• Studio 用に timers.studio/id/<your-room> を開いたブラウザ タブ
• Player 用に 2 つ目のタブ、ウィンドウ、または端末

手順

1. Player ビューを開く

新しいブラウザ タブで timers.studio/player/<your-room> にアクセスします。Studio URL にあるルーム ID と同じものを使います。Player が起動し、Supabase から現在のルーム状態を読み取った後、Gateway チャンネル経由で更新を購読します。

Player URL には認証がありません。スピーカー、ステージ ディスプレイ、OBS と共有する前提で設計されています — リンクを持つ人は誰でもライブの時計を見られます。保護されたビューが必要な場合は Moderator URL を使ってください。

2. Studio からタイマーを開始する

Studio に戻り、ControlPanel（中央列）を見ます。メイン ボタンはタイマーが停止中のときは Play、稼働中のときは Pause を表示します。Play をクリックするか Space を押してください。TimerState が RUNNING になり、Player は 100 ms 以内にカウントを開始します。

停止するには、赤い Stop ボタンをクリックします。リセットせずに一時停止するには、もう一度 Space を押します。

3. 稼働中のタイマーを調整する

ControlPanel はクイック調整ボタンも 4 つ用意しています。

• +1m — 現在のタイマーに 60 秒追加
• +30s — 30 秒追加
• -30s — 30 秒削減
• -1m — 60 秒削減

各クリックは onAction('TWEAK', <seconds>) を通じて TWEAK アクションを発火します。Player は新しい elapsed 値を受け取り、即座に再描画します。スピーカーにもう 1 分必要なときや、rundown の隙間を埋めたいときに便利です。

4. タイマー間を移動する

矢印ボタン Previous と Next は 1 つ前や 1 つ先のタイマーにジャンプします。rundown の行をクリックしても同じ効果があります。キーボード ショートカットは ←（前）と →（次）です。

Player は常にアクティブ エントリを描画します。インデックスを切り替えれば、画面の表示も切り替わります。

5. Player をフル スクリーンで走らせる

Player タブで F を押すか、マウスを動かして隅に表示されるフル スクリーン アイコンをクリックします。Player は BrandLogo（Pro プランで）、マウス カーソル、内部のクロームをすべて隠し、むき出しの時計だけが残ります。

ステージ出力では追加 UI を抑制したくなるでしょう。

• ?hideTitle=true — タイマー タイトル オーバーレイを非表示
• ?hideMessage=true — アクティブ メッセージを非表示
• ?theme=light — Studio 設定に関わらず明色テーマを強制
• ?theme=transparent — 暗色テーマと透過背景を強制（OBS 合成に便利）

& で組み合わせます。例: timers.studio/player/<your-room>?hideTitle=true&hideMessage=true。

6. Player を OBS に組み込む

OBS で Browser Source を追加し、Player URL を貼り付けます。解像度を設定（1920×1080 または 1280×720 が安全なデフォルト）し、ショーがセグメント間にストリームを再スタートする場合は Refresh browser when scene becomes active を有効にします。Player は Smart TV や Console のユーザー エージェントを自動検出し、オーバースキャン回避のためセーフ エリアを 90% に縮小します — この検出は OBS 内では発火せず、既定の 100% レイアウトが適用されます。

ローカル ビューポート コントロール

Player は小さなコントロール パネルを公開しており、Player タブのみに存在します（Studio 側には影響しません）。

• 水平反転（flipH）
• 垂直反転（flipV）
• 回転 0° / 90° / 180° / 270°
• セーフ エリア — default、90%、80%、off

物理スクリーンが横向きや逆さに設置されているとき、または端をクロップするテレビに給電しているときに使います。

期待される結果

Player タブ 1 枚、Studio と同期して動く時計 1 個。すべてのトランスポート操作（Play、Pause、Stop、Next、Previous、tweak）は 100 ms 以内に Player に反映されます。同じルーム ID で開かれたすべての Player タブは、タブを開いたタイミングに関係なく、同じ時刻を 0.1 秒の精度で表示します。

トラブルシューティング

Player が 00:00 で止まるのはなぜですか？ timerState が RUNNING でないとき、Player はカウントを停止します。Studio で Play を押したか確認してください（Pause や Stop ではありません）。ControlPanel のボタンはタイマーが稼働中のとき緑になります。

Player は Studio と同じログインが必要ですか？ いいえ。Player URL は公開前提で設計されています — リンクを持つ人は誰でもライブの時計を見られます。ルーム パスワードは Moderator ビューのみを保護します。

タイトルやメッセージのオーバーレイを消すには？ Player リンクに URL パラメーターを追加します。?hideTitle=true はタイマー タイトルを非表示にし、?hideMessage=true は任意のアクティブ メッセージを非表示にします。両方を組み合わせることができます。

縦型ディスプレイで Player を回転または反転できますか？ できます。Player はローカルのビューポート コントロール（flipH、flipV、rotate、safeArea）を公開しています。Player にマウスを重ねるとコントロール パネルが表示され、向きを選べます。これらの設定はタブ内にとどまります。

次に読む

• ステージへメッセージを送る — Player にテキストやフラッシュを重ねる。
• キーボード ショートカット — マウスなしでトランスポートを操作する。
• 共有リンクと権限 — Player URL をチームに共有する。