output/obs_tokei の履歴(No.8)

時計を表示してあとで見返してもいつの動画か分かるようにしたい。でもあまり他の要素と被せたくない配信に向いている薄い時計です。

フォントが見やすい v1

ピクセルフォントがお洒落な v2

ChatGPT利用
GoogleFont利用 Roboto Silkscreen
Day.js利用 Day.js MIT License

使い方#

obs_tokei_vX.zip をダウンロードして解凍後、OBSのソース追加 > ブラウザでローカルファイルを読み込んでください
- htmlファイルをOBSにドラッグ&ドロップでもOK
ブラウザの幅・高さなどはいじらなくてもOKですが、幅700 高さ200とかにしたほうが扱いやすいかも？
縮小/拡大などしてもOK

利用規約#

改変OK
再配布OK・自作発言NG
- 改変したものを配布してもいいですが、「OBSで使える薄い時計を改良しました」などと書いていただけると嬉しいです。

ダウンロード#

obs_tokei_v2.zip
- obs_tokei_v2a.html 左上サンプル
- obs_tokei_v2b.html 右上サンプル
- obs_tokei_v2c.html 左下サンプル
- obs_tokei_v2d.html 右下サンプル
obs_tokei_v1.zip
- obs_tokei_v1a.html 左上サンプル
- obs_tokei_v1b.html 右上サンプル
- obs_tokei_v1c.html 左下サンプル
- obs_tokei_v1d.html 右下サンプル

変更履歴#

2025/1/26
- 名称を「OBSで使える時計」から「OBSで使える薄い時計」に変更しました。
- v2 を追加しました。数字の1や曜日によって横幅が異なるので、v1から細かい調整をしています。
- v1 の西暦表示を「YY」から「YYYY」に変更しました。（海外の方への配慮）

参考#