【カウントアップ】ストップウォッチを配信画面に出す方法「ほげ作」

2022年4月13日

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

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

https://www.twitch.tv/reinyan_channel

今回紹介するオーバーレイは「カウントアップ・ストップウォッチ」を配信画面に出す方法を紹介していきます。また、前回の記事では同じ作者「ほげ氏」が作成している作品の紹介記事「【配信オーバーレイ】カウントダウンを表示するツールを紹介「ほげ作」」もあるので、目的が違いますが同じ作者なので一度目を通してみてください

配信でカウントアップやストップウォッチを設置する目的として

RTAやスピードラン
配信経過時間

などなどに使う場合が多いですね

それを今回簡単に設置できるので共有していきます

配信ソフトで使えるのは以下の2点で説明していきます

参考

Xsplit
OBS

メインで説明するのはOBSで行います。Xsplitは今回割愛します

そして、このブログでは他にも似たようなツールを紹介しているので合わせて閲覧してみてください

4,964view

: 【オーバーレイ】配信画面に配信時間やカウントダウンタイマーを表示ができる「My Stream Timer」の使い方と紹介

今回紹介する「My Stream Timer」を紹介していきます My Stream Timerで出来ることを箇条書きを ...

続きを見る

この記事はこんな方におすすめ

RTAなどに使いたい
配信経過時間を出したい

カウントアップ・ストップウォッチを配信画面に出す方法

以下のHPで設定を行いながら配信画面にカウントアップやストップウォッチを出す説明をしていきます

: 【MAC/Windows対応】OBSでストップウォッチ（カウントアップタイマー）

OBS上でカウントアップを表示したいがうまくいかない。MACで収録しているが、結局どうやってストップウォッチ出せるの？こ ...

warera.com

ポイント

今回紹介するにあたって、筆者がポイントだと思うのがありまして、それは

「～日」と表示されること

普段使っている配信経過ツールでは日にちまで表示はしてませんが、今回紹介するオーバーレイは日にちまで表示ができるのがミソだと思っています

では、説明していきます

step.1
メモ
配信ソフト側のブラウザソースにURLを貼るだけ
- Xsplit＝「ソースの追加」→「ウェブページ」にリンクを貼る
- OBS＝「ソースの＋」→「ブラウザ」にリンクを貼る

step.2

以下の画像のリンクをコピー

step.3

ブラウザソースにステップ2でコピーしたリンクをコピペ

step.4

カスタムCSSに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;}
```