OBS Studio に表示する OBS タイマーは、配信を予定どおりに進め、次に何が起きるかを視聴者に伝えます。開始時刻、セグメントの残り時間、チャレンジの残り時間。これにプラグインは必要ありません。OBS には任意のウェブページを表示できるブラウザソースが標準搭載されており、ブラウザベースのタイマーはただのウェブページだからです。
このガイドではタイマーの作成に MaestroTimer を使います。ビューアーのリンクを OBS に一度追加すれば、以降は他のデバイスからタイマーの開始・停止・調整ができ、OBS 内のブラウザソースはライブで更新されます。
OBS にタイマーを追加するのにプラグインは必要？
不要です。OBS Studio にはブラウザソースが標準で付属しており、カウントダウンを表示するにはそれだけで足ります。ブラウザベースのタイマーは通常のウェブページとして動くため、OBS が直接描画できます。インストールするものはなく、OBS の更新時に壊れるものもありません。
プラグイン不要のタイマーにはもう一つ利点があります。同じタイマーページは、ウェブページを入力として受け付けるあらゆるツールで動作し、同時にスマートフォンやタブレットでも開けます。タイマーが OBS の中に閉じ込められないということです。
タイマーを作成してビューアーのリンクをコピーする
まず表示したいタイマーを作成します。MaestroTimer ではルームを作成し、そこにタイマーを追加して、ルームのビューアーリンクをコピーします。ビューアーは画面やオーバーレイ向けのクリーンな出力ビューです。
手順:
- MaestroTimer を開いてルームを作成します。ルームはデバイスが接続するコンテナです。
- タイマーを追加します。名前と時間を設定します。名前には「第1ラウンド」のようにセグメント名を付けられます。
- 残り時間が少なくなったときに表示を変化させたい場合は、ラップアップのしきい値を設定します。色の変化は追加作業なしで配信に映ります。
- ルームのビューアーを開いて URL をコピーします。MaestroTimer ではすべてのビューがリンクなので、OBS に必要なのはこの URL だけです。
ブラウザソースとして OBS にタイマーを追加する
タイマーは、ビューアー URL を指すブラウザソースとしてシーンに入ります。追加後は他のソースと同じように移動、リサイズ、シーンごとの表示・非表示ができます。
OBS Studio での手順:
- タイマーを表示するシーンを選ぶか、新しいシーンを作成します。
- ソースパネルで「+」を選び、「ブラウザ」を選択します。
- ソースに「カウントダウンタイマー」などの名前を付けて確定します。
- URL 欄にビューアーの URL を貼り付けます。
- 幅と高さを設定します。タイマーには 1200 × 400 が適しています。フル映像フレームではなく横長の低いボックスで、ビューアーは指定したサイズに適応します。
- 「OK」で確定すると、タイマーがシーンに表示されます。
- ソースをドラッグして位置を決め、角をドラッグして拡大縮小します。
タイマーをシーンになじませる
タイマーのオーバーレイを映像の上にきれいに載せるために、OBS はクロップ、ブレンド、フィルタの3つの手段を用意しています。いずれもあらゆるブラウザソースで機能するため、タイマー側の機能には依存しません。
不要な部分を切り取るには、Alt(macOS では Option)を押しながらソースの端をドラッグします。数字だけを表示する最速の方法です。
背景を消したい場合は、まずブレンドモードを試します。ソースを右クリックし、「ブレンド方式」から「加算」を選択します。加算ブレンドは暗いピクセルを透明にするため、タイマーページが暗い背景に明るい数字を表示していれば、数字が残って背景が消えます。
ブレンドで環境に合う結果が得られない場合は、代わりにカラーキーのフィルタを追加します。ソースを右クリックして「フィルタ」を開き、「カラーキー」を追加して、キーの色をタイマーページの背景色に設定します。背景が消えるまで類似度を少しずつ上げてください。
配信しながらタイマーを操作する
OBS のシーン内のタイマーは録画ではなくライブビューです。他のデバイスのコントローラービューから操作すると、オーバーレイは即座に更新されます。コントローラーをスマートフォンやセカンドモニターに開いておけば、OBS をフルスクリーンから外す必要はありません。
開始・一時停止・時間調整はコントローラーで行います。ラップアップのしきい値を設定しておけば、残り時間が少なくなると配信上のタイマーが自動的に見た目を変えるため、手動で誰かに警告する必要はありません。
同じビューアーにメッセージを送ることもできます。太字・色付き・点滅のメモがシーン内のタイマーの横に表示されます。「まもなく開始」「最終ラウンド」など、視聴者に見せたい合図に使えます。
配信を始める前に、ルームのライブ接続ビューを開いてください。ルームに接続中のデバイスが一覧表示されます。OBS のブラウザソースが接続されていればそこに現れるので、配信開始前にオーバーレイが受信できていることを確認できます。
カウントダウンではなくカウントアップ
OBS のストップウォッチもカウントダウンとまったく同じ仕組みで動きます。MaestroTimer のタイマーはカウントダウンだけでなくカウントアップにも対応しており、同じビューアーリンクでどちらも表示できます。カウントアップは、スピードランの挑戦や収録セッションなど、経過時間こそが重要なオープンエンドのセグメントに向いています。
タイマー作成時にカウントアップモードに切り替えるだけです。それ以外はこのガイドのすべてがそのまま使えます。ブラウザソースも、シーン設定も、リモート操作もまったく同じです。
決まった時刻にカウントダウンを開始する
「まもなく配信開始」のシーンには自動で始まるタイマーが必要です。MaestroTimer はこれに対応しています。タイマーは指定した時刻に開始するようスケジュールできます。ビューアーを開始前シーンに置き、告知した開始時刻にタイマーをスケジュールすれば、何も触らずにカウントダウンが進みます。
複数のセグメントがある配信では、タイマーをリンクさせると、前のタイマーが終わった瞬間に次が自動で始まります。進行表が勝手に前へ進み、あなたは配信に集中できます。
よくある質問
OBS にカウントダウンを表示するのにプラグインは必要ですか？
不要です。OBS Studio には任意のウェブページを表示できるブラウザソースが標準搭載されています。ブラウザベースの OBS タイマーを指定すれば、インストールなしでシーンにカウントダウンが表示されます。
Streamlabs Desktop でも使えますか？
使えます。Streamlabs Desktop にもブラウザソースがあります。同じ手順で、ソースを作成し、タイマーのビューアー URL を貼り付けてサイズを設定してください。
OBS でタイマーの背景を透明にするには？
OBS 側のツールを使います。ソースのブレンド方式を「加算」にして暗いピクセルを消すか、カラーキーのフィルタを追加してページの背景色をキーアウトします。どちらもあらゆるブラウザソースで機能します。
配信が長引いてもタイマーはずれませんか？
ずれません。タイマーは OBS の中ではなくルームで動いています。ブラウザソースは表示しているだけで、OBS・スマートフォン・セカンドスクリーンなど接続中のすべてのビューが同じ状態を表示します。ソースが再読み込みされても、再接続して現在の時刻を表示します。
次の配信にライブタイマーを
MaestroTimer はブラウザで動きます。ルームを作成し、ビューアーをブラウザソースとして OBS に追加すれば、どのデバイスからでもカウントダウンを操作できます。ラップアップの色変化、ステージメッセージ、ライブ接続ビューを標準搭載。
- Browser Source — OBS Knowledge Baseobsproject.com