twitch/obs_clock の履歴(No.3)

目次

mc-clock を使う#

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

左が clock04、右が改変版 clock02

clock04#

  • これを下記のカスタムCSSだけ追加して使っていました。時刻だけシンプルに表示したい場合おすすめです。
body{
    color: #eeeeee; /* 文字の色 */
}
.nowtime{
    background-color: rgba(20, 20, 20, 0.8); /* 背景の色 */
}

clock02をカスタマイズ#

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

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

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

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

他よさそうなもの#