twitch/obs_clock の履歴の現在との差分(No.1)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
#author("2023-11-19T18:09:43+09:00","default:nemusg.pad","nemusg.pad")
* OBSに現在時刻を表示させる [#eb180b4f]
#author("2023-11-19T21:05:51+09:00","default:nemusg.pad","nemusg.pad")
#title(OBSに現在時刻を表示させる)

** mc-clock を使う [#vd8447d8]
* mc-clock を使う [#vd8447d8]

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

*** clock04 [#ia94797e]
#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]
** clock02をカスタマイズ [#c0038241]

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

改変したものを再配布することはできないのですが、clock04にあった秒数の表示を移植して、年号の下二桁を追加して使っています。
改変したものを再配布することはできないのですが、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/]]