これが本物のオーバーレイです。四角い模様の部分は透明になります。設定を変えるとやり直しになります。クリックすると、下のキーを試せます。
OBS Studio に追加する
- 上のURLをコピーを押します。
- OBSで、ソースの下の + を押し、ブラウザを選んで、OKを押します。
- URL の欄にURLを貼り付けます。
- 幅を 1920、高さを 1080 に設定します。
- OKを押します。ソースを好きな位置にドラッグします。
Streamlabs Desktop に追加する
- 上のURLをコピーを押します。
- ソースの横の + を押し、ブラウザソースを選んで、ソースを追加を押します。
- URL の欄にURLを貼り付けます。
- 幅を 1920、高さを 1080 に設定します。
- 完了を押します。
配信中にタイマーを操作する
オーバーレイはOBSの中で単独で動くので、このページからは操作できません。OBSでソースを右クリックし、「Interact」を選びます。開いたウィンドウの中をクリックしてから、次のキーを使います。変更は配信に反映されます。
| Space | 一時停止または再開（クリックでも同じ） |
| R | やり直す |
| + - | 1分を追加または削除 |
| ] [ | 5分を追加または削除 |
| ↑ ↓ | 10秒を追加または削除 |
指定の時刻までのカウントダウンは時計に合わせて動くので、ここではこれらのキーは働きません。
配信用オーバーレイタイマーについて
配信にタイマーがあれば、視聴者に次に起こることが伝わります。配信は5分後に始まる、10分で戻る、プレゼント企画は夜9時に終わる、といった具合です。このツールは、そのタイマーをWebアドレスとして作ります。そのアドレスをOBSやStreamlabsにブラウザソースとして貼り付けると、背景が透明なタイマーが配信に表示されます。
設定はここで選び、プレビューで本物のオーバーレイを見られます。登録もインストールも不要です。すべての設定はURLの中にあるので、サーバーには何も保存されません。
オーバーレイは別の小さなページで、広告も追跡もありません。OBSが読み込むのはそのページだけで、この設定ページは読み込みません。
主な機能
- 7つのモード — カウントダウン、カウントアップ、指定の時刻や日付まで、サブathon、そして「まもなく開始」「少し離席します」「配信終了」の画面
- 透明な背景 — 全画面用に単色の背景も選べます
- 自分のスタイル — 18種類のフォント、サイズ、色、縁取り、影、配置、上や下の文字の行
- ゼロになったときの動作を選べる — 00:00 のまま、文字を表示、赤でカウントアップ、非表示
- ゼロになったときの音（任意） — ビープ音、ベル、ホーン。初期設定ではオフです
- OBSの「Interact」のキー — 一時停止、やり直し、時間の追加と削除
- 時間を保つ — 更新してもタイマーは最初からになりません
- ライブプレビュー — 市松模様の上に、実際に使うサイズで本物のオーバーレイを表示します
使い方
- モードを選んで、時間を設定します
- フォント、色、文字の行を選び、プレビューを見ます
- ゼロになったときの動作を選び、終了をテストを押して確認します
- URLをコピーを押します
- OBSでブラウザソースを追加し、URLを貼り付けて、ページに表示された幅と高さを設定します
- 一時停止したり時間を追加したりしたいときは、ソースを右クリックして「Interact」を選びます
OBSではどのサイズを使う？
OBSに入力するサイズが、オーバーレイページのサイズです。このツールの文字サイズも、その同じ空間で測ります。
| 配信 | 幅 × 高さ | 向いている用途 |
|---|---|---|
| 全画面 1080p | 1920 × 1080 | ほとんどの配信、全画面 |
| 全画面 720p | 1280 × 720 | 720p のキャンバス |
| 縦型 | 1080 × 1920 | TikTok やショート風 |
| 小さなボックス | 800 × 300 | タイマーのみ、好きな場所に移動 |
文字が広すぎる場合、オーバーレイは収まるように小さくします。OBSでソースを引き伸ばさないでください。文字がぼやけます。
配信中にタイマーを操作する
ブラウザソースはOBSの中で単独で動き、このWebページからは届きません。そのため、操作はオーバーレイの中にあります。OBSでソースを右クリックし、「Interact」を選びます。開いたウィンドウの中をクリックして、キーを使います。
| キー | 動作 |
|---|---|
| Space またはクリック | 一時停止または再開 |
| R | やり直す |
| + と - | 1分を追加または削除 |
| ] と [ | 5分を追加または削除 |
| 上矢印と下矢印 | 10秒を追加または削除 |
指定の時刻までのカウントダウンは時計に合わせて動くので、操作はありません。
再読み込みのあとはどうなる？
| 操作 | 時間はどうなるか |
|---|---|
| OBSでソースを更新 | 進み続ける |
| OBSを閉じて、6時間以内に戻る | OBSを閉じていた間も含めて、進み続ける |
| OBSを閉じて、6時間より後に戻る | 設定した時間から、やり直す |
| 設定を変えて新しいURLを貼る | 設定した時間から、やり直す |
| 指定の時刻までのカウントダウン | 時計に合わせるので、常に正しい |
一時停止中のタイマーは、更新しても一時停止のままです。保存された時間は、OBSのブラウザデータの中にあります。OBSがそのデータを消すと、指定の時刻までのカウントダウン以外は、タイマーがやり直しになります。
よくある質問
サブathonタイマーは、サブスクや投げ銭で時間が増えますか？
いいえ。時間は、OBSの「Interact」のキーで手動で追加します。このツールは、Twitch、YouTube、どの投げ銭サービスにも接続せず、アカウントも不要です。シンプルでプライベートですが、誰かがキーを押す必要があります。
配信で音が出ないのはなぜ？
ブラウザソースは、設定で OBS 経由で音声を制御 にチェックを入れたときだけ、音を配信に送れます。そうすると音声ミキサーに表示されます。自分でも聞くには、音声モニタリングを「モニターと出力」にしてください。URLを通常のブラウザのタブで開く場合は、ブラウザがクリックされるまで音をブロックするので、ページを一度クリックしてください。
このページからタイマーを開始できますか？
いいえ。このページはURLを作るだけです。時計は、OBSが最初に開いたときに始まります。決めた瞬間に始めるには、「Interact」で R を押すか、指定の時刻までのカウントダウンを使います。
設定はほかの人に見られますか？
URLを共有した場合だけです。設定がURLの中にあるからです。入力した文字は、どのサーバーにも送られません。Google Fonts を選ぶと、お使いのパソコンがGoogleからそのフォントをダウンロードします。
知っておくと便利
- オーバーレイはOBSを動かしているパソコンの時計を使うので、その時計が正しいか確認してください
- このページは、最後の設定をこのブラウザに記憶します
