LogoChapilab
ツール一覧へ

配信タイマー

カウントダウン・ポモドーロ・ストップウォッチ・待機画面の4種。 下で設定して発行された URL を OBS の「ブラウザソース」に貼るだけで使えます。

配信開始までの秒読みを大きく表示

文字色

OBS に貼るURL(設定すると自動更新)

https://www.chapilab.com/tools/timer/countdown-timer.html
How to

OBS での使い方

  1. 1

    上のビルダーで設定して URL をコピー

    ウィジェットを選んで時間や文言を入力すると、下に OBS 用の URL が自動生成されます。「プレビューを開く」で実際の表示を確認してから「URLをコピー」してください。

  2. 2

    OBS にブラウザソースを追加

    OBS の「ソース」パネルで「+」→「ブラウザ」を選び、新規作成します。名前は「タイマー」など分かりやすいもので OK です。

  3. 3

    URL とサイズを設定

    URL欄にコピーしたURLを貼り付け、幅 800 × 高さ 450 程度で作成(あとから画面上でドラッグして自由に拡縮できます)。

  4. 4

    OBS 内から操作する

    ソースを右クリック→「対話」を開くと、開始・リセット等のボタンを OBS 内から押せます(操作ボタンは標準で表示されます。視聴者に見せたくない場合はビルダーで「操作ボタンを隠す」をON)。

💡 配信画面に重ねたとき背景が邪魔な場合は、ブラウザソースの「カスタムCSS」欄にbody { background: rgba(0,0,0,0) !important; }を追加すると背景を透過できます。