皆さんこんにちは、ひとみマンです。

今回は、OBSで「ストップウォッチ」を画面上に表示する方法について説明していきたいと思います。

OBSで使えるこのようなブラウザツールはいくつかありますが、仕組みはすべて単純です。

ぜひ、ブラウザツールの表示方法に慣れて見ましょう。

本日紹介している内容は、以下の動画でも説明しておりますのでよろしくお願いいたします。

【2023年度完全版】OBSで使える無料のストップウォッチを使ってみよう！！！【OBS初心者向け使い方講座】

OBS用ストップウォッチのダウンロード方法

こちらはプラグインではなく、ブラウザ上で表示するhtmlソースになります。

そのため、以下のURLからダウンロードしたファイルをOBSのブラウザソースで参照していくという手順を取るので、まずは以下のダウンロードリンクからダウンロードしましょう。

【フリー素材】OBS用ストップウォッチ – こまにん – BOOTH

OBS用ストップウォッチのhtmlソースです。 OK – 商用利用、加工 NG – 二次配布、自作発言 クレジットの記載、使用報告の義務はありません。 （使用報告をいただけるとただ…

http://booth.pm

製作者は「こまにん」さんです。このような素材の無料公開に感謝しましょう。

「無料ダウンロード」からZipファイルをダウンロードしましょう。

OBSでのストップウォッチ表示方法

OBSでストップウォッチを表示させる方法について説明します。

まずは「ソース」から「ブラウザソース」を選択します。

「ブラウザソース」のプロパティを開いたら、「ローカルファイル」にチェックボックスを入れ、「参照」からhtmlソースを参照します。

参照するファイルは自分の表示させたいストップウォッチによって異なります。

例えば、「オレンジ色のストップウォッチ」を使用したい場合は、「歪み円形_オレンジ」のフォルダを選択しましょう。

時刻表示のフォルダも分かれているので、「分秒ミリ秒」など、自分が表示させたい形式のフォルダを選択しましょう。

さらに「ボタン表示/非表示」を選択する部分があります。

ボタン表示とはストップウォッチの「Start/Stop」ボタンの表示になります。

最終階層のフォルダの中で、「HTML」のソースを選択して開くを押しましょう。

これでOBS画面上にブラウザソースとしてストップウォッチが表示されます。

ソースの大きさは小さめなので、適宜引き伸ばしてサイズを調整しましょう。

スタートを行うためには、ブラウザソースをクリックして「対話」を選択し、

ブラウザとの相互作用ウインドウの中でStartをクリックすると計測が始まります。

まとめ

以上、OBSにストップウォッチを表示させる方法について紹介させていただきました。

当サイトでは他にも、OBSの使い方に関する様々な記事を公開しています。

例えば、似たようなツールである「カウントダウンタイマー」の表示方法についても以下の記事で紹介しておりますので、こちらも良ければ参考にして見てください。

OBSにおける「カウントダウンタイマー」の作成方法について説明します【OBS Studio初心者向け講座】

OBS Studioでカウントダウンタイマーを作成する方法はいくつかありますが、ここでは、標準のスクリプト機能を使用して、簡単にカウントダウンタイマーを作成する方法を解…

ひとみマンのOBS学校

最後までお読みいただき、ありがとうございました。