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

• 履歴一覧
• 現在との差分 を表示
• ソース を表示
• 履歴 を表示
• twitch/obs_clock へ行く。
  • 1 (2023-11-19 (日) 18:09:43)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2023-11-19T18:09:43+09:00","default:nemusg.pad","nemusg.pad")
* OBSに現在時刻を表示させる [#eb180b4f]

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

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

*** clock04 [#ia94797e]

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

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

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

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

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

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