OBSで使える薄い時計

OBS Studioなどで利用できる、シンプルな時計オーバーレイです。

【ファイルについて】

時計本体はHTMLファイルです。

- obs_tokei_v3a.html：左上
- obs_tokei_v3b.html：右上
- obs_tokei_v3c.html：左下
- obs_tokei_v3d.html：右下
- clock-time.php：サーバー時刻との同期に使用するPHPファイル

画面位置やフォントなどを変更したい場合は、詳細なカスタマイズ方法を以下のページで確認してください。

https://note.nemusg.com/?output/obs_slim_clock

【時刻同期について】

時刻同期機能はデフォルトではOFFになっています。
利用する場合は、HTMLファイル内の設定で syncTime を true に変更してください。

syncTime: true,

時刻同期を有効にすると、起動時にサーバーから時刻を取得し、その後は24時間に1回の間隔で再同期します。
サーバーから時刻を取得できない場合は、PCのローカル時刻を使用します。

【clock-time.phpについて】

時刻の同期先となるサーバーを自前で用意したい場合は、clock-time.php をPHPが動作する環境にアップロードしてください。
その後、HTMLファイル内の TIME_SYNC_URL を、自分で設置した clock-time.php のURLに変更してください。

const TIME_SYNC_URL = 'https://example.com/clock-time.php';

自分で設置した clock-time.php を使用する場合は、PHPが動作するWebサーバーが必要です。
また、HTMLをローカルファイルとして使用する場合は、clock-time.php 側でCORSを許可する必要があります。

【利用規約】

・改変OK・再配布OK・自作発言NG
・改変したものを配布する場合、「OBSで使える薄い時計を改良しました」と記載し、以下のページへのリンクを貼ってください。
  https://note.nemusg.com/?output/obs_slim_clock

clock-time.php についても上記の利用規約の対象です。

【詳細・最新情報】

詳細なカスタマイズ方法や最新情報については、以下のページをご覧ください。
https://note.nemusg.com/?output/obs_slim_clock
