--:--
配置位置
OBSでの配置位置に合わせて角丸パターンを選べます。
OBSブラウザソースURL
https://pochipochi-stamp.com/tools/stream-clock/simple-roboto-bgblack-white-center-hm/clock/OBSおすすめサイズ: 幅 220 × 高さ 90 px
カスタマイズ
変更するとURLが自動で更新されます。カスタマイズ後にURLをコピーしてください。
文字色
#ffffff背景色
#000000不透明度
80%
フォントサイズ
px
OBSでの設定方法
- OBSで「ブラウザ」ソースを追加
- URLに上記のURLを貼り付け
- 幅・高さを上記のおすすめサイズに設定
- OKを押して完了
CSSでさらにカスタマイズ
OBSの「カスタムCSS」欄に貼り付けて細かく調整できます。 ローカルフォントを使いたい場合は --clock-font-family を変更してください。
/* OBSのカスタムCSS欄に貼り付け */
:root {
--clock-color: #ffffff;
--clock-font-size: 48px;
--clock-font-family: 'Roboto Mono', monospace;
--clock-colon-ml: -0.15em;
--clock-bg: #000000;
--clock-bg-opacity: 0.8;
--clock-border-radius: 12px;
--clock-padding: 12px 24px;
}