みなさんおはこんばんちは(@ReinyaNchannel)です
配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします
カッコイイ時計・時刻の3種類のオーバーレイを紹介したいと思います
今回紹介するにあたって、同じ作者から3種類あります。各リンクが分かれているので好みのオーバーレイを使ってみると良いでしょう
この他にも、時計に関する記事をあげているので合わせて読んでみてください
-
【オーバーレイ】OBS、xsplitの配信で使える時刻・時間の配信素材のまとめ記事
配信で使える配信素材「時刻・時間」のまとめ記事になります 今まであげた記事を一気にこの記事にまとめているの ...
続きを見る
作者「のうめん氏」のリンク
作者のリンクを貼っておきます
気になる人は覗いてみてください
どんな時計を使うことができるのか
3種類あります。好みのものを選ぶこと
- ドラム回転式クロック
- 7セグデジタルクロック
- フリップ式クロック
ドラム回転式クロック
7セグデジタルクロック
フリップ式クロック
対応している配信ソフトは
対応している配信ソフトは現在のところOBSしか確認取れていません
Xplitでは動作確認取れず。。。
Xsplitでつかいたかった
3種類の時計オーバーレイの使い方
OBSでしか、この記事を上げている時点で使えないのでOBSで説明していきます
上記の3種類のオーバーレイから好みのもを選びます
そして、以下からURLを貼っておくので確認しておく
OBSで時計、時刻を表示させる方法
例として「7セグデジタルクロック」を使って説明していきます
公式ページにマニュアルは書いてあるので、合わせて確認してください
また、OBSのブラウザソースを使って配信に時計を載せることができます
URLをコピー
メモ
配信ソフト側のブラウザソースにURLを貼るだけ
- OBS=「ソースの + 」→「ブラウザ」にURLを貼る
幅と高さの調整します。公式ページと同じ数値か自分の環境の適切な数値を入力
今回は公式ページの数値を記載しておく
- 幅:800
- 高さ:400
マウスオーバーすると説明文とカスタムCSSの情報があるので確認しておく
カスタムCSSを使っていきたいと思います。今回はキュートのスキンを使います
カスタムCSSのコピペじゃ公式ページから
キュートのスキンをしたのがこちら
秒がいらないよ!ってひとはコードをイジると消えます
日付の付与のやり方
この時計では日付を付与することが出来ます
以下のコードを参考にやってみてください。公式にも書いてあります
OBS側でカスタムCSSをイジイジして、日付を付与していきます
コードを追加するだけなので、簡単に日付を付与できます
しかし、このままだとセグ間の距離が近いので調整をしていく
筆者のコードを参考にし、セグ間の距離を調整をしてみてください
あと、幅の調整もすると良いです。日付を付与したら長くなるので幅の調整はほぼ必須
--gap: 10px; /* セグ間の距離 */
上記のコードをイジると、セグ間の距離を調整出来ます
調整した内容がこちら
まとめ
今回は同作者から3種類の時計オーバーレイを紹介しました
初めての人は苦戦するかと思いますが、そこは慣れてください!
配信で他との差をつけたい人は特に必見だと思います
では、なにかありましたら記事をあげます