メモ帳

OBSで使える、HTMLベースの デジタル配信時間計 を作ってみました。 普通の時計ではなく、OBSでの配信時間を表示します。 OBSのブラウザソースで配信画面に配置しておけば、配信開始と共にOBSでの配信時間が加算されていくので、どのくらい配信をしているかが一目でわかります。 時間計のフェイス(表示部)をクリックしていくと3種類の表示モードに切り替わる他、カスタムCSSを組み込めば色や文字の大きさの変更も可能です。 [ 目次 ] インストール OBSでの設定 操作方法 実際に動く配信時間計 カスタムCSS インストール HTMLファイルとしての提供になりますが、 BOOTH のページからZip形式で無料ダウンロード出来ます: 📦商品ページリンク (ダウンロードにはBoothへのログインが必要になります) 上のリンクで開くページの右側にある 無料ダウンロード ボタンからZip圧縮ファイル (elapsedTime.zip) を保存後、適切なフォルダに展開すると、HTMLファイル (elapsedTime.html) が解凍されます。 OBSでの設定 OBSの配信画面に表示するのには ブラウザソースを使います。 ※: OBSのブラウザソースで表示する事を前提にしていますが、普通のブラウザで表示する事も可能です。 但し、普通のブラウザで表示した場合は、ブラウザに表示された時から時間の加算が始まります。 シーンに追加 (新規作成) ソースパネルの左下にある➕をクリック 表示されるリストから「 ブラウザ」を選択 「ソースを作成/選択」というタイトルのダイアログが表示されます。 一番初めの「新規作成」が選択...

HTML カウントダウンタイマー OBSで使える、HTMLベースの カウントダウンタイマー を作ってみました。 時間になると昔ながらの「ピピピッ」というデジタルアラーム音で通知します。 又、設定で、インターネットで公開されている別の音源に変更する事も出来る他、 カスタムCSSを追加すれば色の変更も可能 です。 OBSの ブラウザソース を使って表示するので、他のアプリをインストールする必要も無く、すべてのOS (Linux/macOS/Windowsなど)のOBSに対応しています。 [ 目次 ] インストール OBSでの設定 シーンに追加 (新規作成) 音の設定 (音声モニタリング) 他のシーンにも追加 (既存を追加) 操作方法 実際に動くカウントダウン タイマー カスタムCSS 背景/文字色選択 インストール HTMLファイルとしての提供ですが、 BOOTH のページからZip形式で無料ダウンロード出来ます: 📦商品ページリンク (ダウンロードには Pixiv IDでのログインが必要になります) 上のリンクで開くページの右側にある 無料ダウンロード ボタンからZip圧縮ファイル (countdown.zip) を保存後、適切なフォルダに展開すると、HTMLファイル (countdown.html) が解凍されます。 OBSでの設定 OBSの配信画面に表示するのには ブラウザソースを使います。 シーンに追加 (新規作成) ソースパネルの左下にある➕をクリック 表示されるリストから「 ブラウザ」を選択 「ソースを作成/選択」とい...