nanja素材 ＞ ナンバープレート風 時計
ヨーロッパのナンバープレートをモチーフにした、配信画面に置ける時計を無料配布しています。デザインごとにHTMLファイルが分かれているので、好きな1つをOBSのブラウザソースで読み込むだけで使えます（設定の入力は不要）。下の時計は実際に今動いています。
※ 市松模様の部分は透過です。デモにはSAMPLEの透かしが入っています
1_白地・時刻と日付.html 2_黄地・時刻のみ.html 3_白地・時刻のみ.html 4_黒地・ONAIR.html 5_ポルトガル風・月日つき.html ※ 配布版は透かしなしです。表示サイズは自由に拡大でき、拡大しても文字がぼやけません（SVGで描いているため）。
- 選んで読み込むだけデザインごとにファイルが分かれています。設定を打ち込む必要はありません
- フォントのインストール不要書体はすべて自作のSVGで描画。どのPCでも同じ見た目になります
- 拡大してもぼやけないベクターなので、画面の端に小さく置いても大きく見せてもきれい
- 4つの地色白地・黄地・黒地・ポルトガル風（白地＋黄色い小窓）。青帯の国コードは自由に変更できます
- 区切りを選べる12:34:56 / 12·34·56 / 12-34-56 の3種類。秒を消すこともできます
- 右の小窓が使える今日の月・日の表示か、「ON AIR」など好きな2行の文字を入れられます
- 透過背景ブラウザソースに入れるだけ。プレート部分だけが表示されます
- 外部通信なし時刻はPCのローカル時刻。ネットに何も送信しません
- 色のカスタマイズ対応HTML内の色コードを書き換えれば、地色や文字色を自由に変更できます
この5つから使いたいものを選んでOBSに読み込むだけです。あとから別のデザインに変えるのも、ブラウザソースで選び直すだけ。
| ファイル名 | デザイン |
|---|---|
1_白地・時刻と日付.html | 白地／国コード「D」／右の小窓に今日の月・日 |
2_黄地・時刻のみ.html | 黄地／国コード「L」／中黒区切り（12·34·56） |
3_白地・時刻のみ.html | 白地／国コード「F」／小窓なし |
4_黒地・ONAIR.html | 黒地／青帯なし／右の小窓に「ON AIR」 |
5_ポルトガル風・月日つき.html | 白地／国コード「P」／右の小窓だけ黄色・横線で区切り／ネジ穴なし |
自分好みに変えることもできます（任意）
各HTMLをメモ帳で開くと、下のほうに設定のブロックがあります。ここを書き換えれば、地の色・国コード・区切り記号・秒の表示・右の小窓の中身を変えられます。書き換えなくてもそのまま使えます。
| 項目 | 指定できる値 | 説明 |
|---|---|---|
theme | "white" / "yellow" / "black" | 地の色 |
country | "D" "F" "L" "NL" など／"EU"／"none" | 左の青帯に出す文字 |
sep | "colon" / "dot" / "dash" | 時と分の区切り記号 |
sec | true / false | 秒まで表示するか |
sub | "date" / "text" / "none" | 右端の小窓の内容 |
subtext | 例 "ON,AIR" | 小窓に出す文字（カンマで2行） |
※ 無料・収益化配信OK・クレジット表記不要。素材ファイルそのものの再配布・再販売のみ禁止です。
- zipを解凍して置き場所を決める
解凍して出てきたフォルダを C:\OBS素材\nanja-plate-clock01 に置きます。フォルダを移動すると表示されなくなるので、先に場所を決めてください。
- OBSにブラウザソースとして追加する
「ソース」→「＋」→ブラウザを追加し、「ローカルファイル」にチェックを入れて、clock フォルダの中から使いたいデザインのHTMLを1つ選びます。
- サイズを合わせる
幅 780 / 高さ 165 に設定すると、実物のプレートと同じ比率になります。あとは好きな位置にドラッグしてください。
- 別のデザインに変えたいとき
ブラウザソースのプロパティを開き、別のHTMLファイルを選び直すだけです。細かく調整したい場合は、HTMLをメモ帳で開いて上の表のとおり設定を書き換え、ソースを右クリック →「更新」で反映されます。
※ 本素材は「ナンバープレート風のデザイン」であり、実在の車両登録番号ではありません。特定の国・機関の公式な書体データは使用しておらず、書体は独自に描き起こしたものです。