OBS用 配信時間計 (HTMLオーバーレイ)
OBSで使える、HTMLベースの デジタル配信時間計 を作ってみました。 普通の時計ではなく、OBSでの配信時間を表示します。 OBSのブラウザソースで配信画面に配置しておけば、配信開始と共にOBSでの配信時間が加算されていくので、どのくらい配信をしているかが一目でわかります。 時間計のフェイス(表示部)をクリックしていくと3種類の表示モードに切り替わる他、カスタムCSSを組み込めば色や文字の大きさの変更も可能です。 [ 目次 ] インストール OBSでの設定 操作方法 実際に動く配信時間計 カスタムCSS インストール HTMLファイルとしての提供になりますが、 BOOTH のページからZip形式で無料ダウンロード出来ます: 📦商品ページリンク (ダウンロードにはBoothへのログインが必要になります) 上のリンクで開くページの右側にある 無料ダウンロード ボタンからZip圧縮ファイル (elapsedTime.zip) を保存後、適切なフォルダに展開すると、HTMLファイル (elapsedTime.html) が解凍されます。 OBSでの設定 OBSの配信画面に表示するのには ブラウザソースを使います。 ※: OBSのブラウザソースで表示する事を前提にしていますが、普通のブラウザで表示する事も可能です。 但し、普通のブラウザで表示した場合は、ブラウザに表示された時から時間の加算が始まります。 シーンに追加 (新規作成) ソースパネルの左下にある➕をクリック 表示されるリストから「 ブラウザ」を選択 「ソースを作成/選択」というタイトルのダイアログが表示されます。 一番初めの「新規作成」が選択されて
