🎏

OBSのブラウザソースに使えるカウントアップタイマー

2021/06/06に公開

https://github.com/sbleru/obs-browser-source-samples

(自分用)
こういう感じでタイマー表示つきで配信できるようにする。
動画確認用にタイマーが欲しいときに利用。

使い方

配信ソフトウェアのOBSでブラウザファイルを指定すると、HTML実行ができるのでそれを利用する。
github pagesでhtmlファイルを公開し、URLをOBSに設定することでタイマーを実現している。

OBS
https://obsproject.com/ja/download

  1. ソースにブラウザを追加する。

  1. こちらのURLを画像のように設定する。
    https://sbleru.github.io/obs-browser-source-samples/countup/index.html

css

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

Discussion