作業配信用のタイマーを作る(OBS のブラウザソース用・無料・登録不要)
作業配信・勉強配信向けの、作業と休憩を繰り返すタイマーです。作業・休憩の長さを選ぶと、OBS のブラウザソースに貼る URL ができます。下の画面で、そのまま試せます。
自社商品 この画面は、BOOTH で配布している無料の Lite 版と同じものです。ZIP をダウンロードすると、ファイルとして保存して、オフラインでも使えます。
カウントダウン・カウントアップ・時計と、テーマ 6 種は、有料版(¥600)です。
OBS Studio での使い方
ブラウザソースの基本(URL・幅と高さ・透過・停止と更新の設定)は、OBS のブラウザソースの使い方にまとめています。
- 上の設定ページで、作業・休憩の長さ・テーマなどを選びます(右のプレビューで、見た目を確かめられます)
- 「OBS に貼る URL」の[コピー]を押します
- OBS の[ソース]の[+]→[ブラウザ]を追加し、URL 欄にその URL を貼り付けます
- 幅・高さを調整します(目安: 幅 300 × 高さ 235 ほど)。背景は透過です
- 開始・一時停止するときは、ブラウザソースを右クリック →[インタラクト]を開き、Space キーか、表示に重ねると出るボタンを使います
ここで作った URL は、このサイトのページを OBS が開く形になります(インターネットにつながっている必要があります)。オフラインで使いたいときは、BOOTH の無料版の ZIP を保存して、ファイルの場所を指定してください。
操作のしかた
- Space … 開始/一時停止、r … いまの区間をリセット、Shift+R … 最初からやり直し、n … 次の区間へ
- 表示にマウスを重ねる(または URL に &controls=1)と、ボタンが出ます
- 時間は、実際の時刻から計算します。シーンを切り替えて、ブラウザソースが一時的に見えなくなっても、再び表示されたときに、正しい残り時間になります(時計を進める自動テストで確認しました。OBS での確認は、できていません)
よくある質問
タイマーの状態は、どこに保存されますか?
使っているブラウザ(OBS の内蔵ブラウザを含む)の中だけで、サーバーには送りません。複数のタイマーを同時に使うときは、URL の最後に &id=名前 を足して、名前を変えてください。
OBS で動きますか?
OBS 本体での動作は、確認できていません(作成環境に OBS がないため)。確認できたのは、Chrome 157(Windows 11)での自動テストと画面の目視です。大切な配信の前に、必ず事前にお試しください。
同じ店の、配信向けの商品
自社商品 配信用の目標カウンター(無料版を、ここで試せます)/配信用のルーレット(無料版を、ここで試せます)/有料版(複数カウンター・テーマ 8 種。¥600)/BOOTH のお店
OBS・わんコメ・Streamlabs などは、それぞれの提供元の商標・製品です。この商品は、それらの公式のものではありません。