【配信オーバーレイ】シンプルな現在時刻！簡単導入

みなさんおはこんばんちは(＠ReinyaNchannel)です

配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします

• https://www.twitch.tv/reinyan_channel

今回紹介する現在時刻の配信オーバーレイはシンプルで使いやすいツールです

配信で時刻表示のオーバーレイばかりあげていますが、時刻表示のオーバーレイはいっぱいあるにこしたことはありません

色んなものがこの世の中出回っており、デザインなど気にする人が沢山います

中にはシンプルが好きな人もいます。そこで今回はシンプルが好きな人向けの記事になるかもしれません

 

まず、さきに今回参考になったブログのリンクを貼っておきますので先に見ておいてください

【MAC/Windows対応】OBSで現在時刻表示

OBS上で現在時刻の表示ができるツールです。一部フォントの設定も可能です。使いづらい部分や不具合ありましたらTwitte ...

warera.com

こちらのブログで設定をしてOBS等の配信ソフトのブラウザソースで表示させます

 

では、説明していきます

参考になれば幸いです

 

 

 

使える配信ソフトなど

ほとんどの配信者が使っているであろう配信ソフトOBSを使って説明します

Xsplitを使っている人は上級者だと思っているので、ここでは説明しません

 

 

現在時刻を配信画面に出す方法

では、OBSを使って配信画面に現在時刻を出していきます

• step.1

  以下のブログのリンクに飛ぶ

  

  【MAC/Windows対応】OBSで現在時刻表示

  OBS上で現在時刻の表示ができるツールです。一部フォントの設定も可能です。使いづらい部分や不具合ありましたらTwitte ...

  warera.com




• step.2

  ブラウザソースを仕込む

  1. 「+」
  2. ブラウザ

  




• step.3

  ブラウザソースに下記のリンクを貼る

  https://warera.com/tools/obs/time?header=false&autostart=true

  

• step.4

  下記のCSSをOBSのカスタムCSSに記述する

   CSS
  body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */ } body::-webkit-scrollbar { /* Chrome, Safari 対応 */ display:none;}
  

  

 

 

もうちょっとカスタマイズしたい人はこちら

 

この他にも、時計に関する記事をあげているので合わせて読んでみてください

1,085view

【オーバーレイ】OBS、xsplitの配信で使える時刻・時間の配信素材のまとめ記事

  配信で使える配信素材「時刻・時間」のまとめ記事になります 今まであげた記事を一気にこの記事にまとめているの ...

続きを見る

 

 

まとめ

非常に簡単に、なおかつシンプルに配信画面に現在時刻を出すことが出来ます

では、また何かありましたら記事をあげます