twitch/obs_clock の履歴(No.1)

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

---

OBSに現在時刻を表示させる#

mc-clock を使う#

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

clock04#

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

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

clock02をカスタマイズ#

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

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

var year = new Date().getFullYear().toString().slice(-2);