twitch/obs_clock の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• twitch/obs_clock へ行く。
• twitch/obs_clock の差分を削除

#author("2024-07-10T01:52:18+09:00","default:nemusg.pad","nemusg.pad")
#author("2024-07-10T09:48:15+09:00","default:nemusg.pad","nemusg.pad")
#title(OBSに現在時刻を表示させる)

目次

#contents

* obs_tokei を使う [#s96a70e9]

作りました。
- [[obs_tokei>output/obs_tokei]] 

* mc-clock を使う [#vd8447d8]

- https://stock.mooncape.net/others/30/
- [[mooncape:https://mooncape.net/]]さんのmc-clock_v2を長期間活用させてもらっていました
- 今配布されているものはv3で、dayjs.jsを使うことでコードがシンプルになっているのでより調整しやすくなっていそうです

#ref(twitch/obs_clock/obs_clock.png,100%)

左が clock04、右が改変版 clock02

** clock04 [#ia94797e]

- これを下記のカスタムCSSだけ追加して使っていました。時刻だけシンプルに表示したい場合おすすめです。

#code_x{{
body{
    color: #eeeeee; /* 文字の色 */
}
.nowtime{
    background-color: rgba(20, 20, 20, 0.8); /* 背景の色 */
}
}}

** clock02をカスタマイズ [#c0038241]

昔の動画をふりかえったときに、西暦がでていてほしいと思ったので追加しました。

改変したものを再配布することはできないのですが、clock04にあった秒数の表示(#time2)を移植して、年号の下二桁を追加して使っています。
// https://www.diffchecker.com/TjO8b10z/

#code_x{{
    var year = new Date().getFullYear().toString().slice(-2);
}}

全く同じようにしたい場合相談してください。

* 他よさそうなもの [#la63c07d]

- [[OBS用シンプルデジタル時計 - あにりん工作室 - BOOTH:https://booth.pm/ja/items/5017113]] カスタマイズしやすそうです
- [[【OBS-clock】配信用時計ジェネレーター:https://pigeon-system.com/obs-clock/]] ブラウザでカスタマイズできる。アナログ風も可能。
- https://twitter.com/comorichico/status/1496140531747155968 のぶふさばばさんが使っているやつ。これもブラウザで多少カスタマイズできます。
-- [[Vtuberさん・配信者さん向けOBS用時計の配布所:https://comorichico.com/]]