Vtuberなど配信者の方へ！ ボードゲームなどの配信で使える、背景を透過できるカウントダウンタイマーです！ ---------------------------------------------------------- ダウンロード内容物 ・timer.html(本体) ・SE(サンプル音声ファイル) ・readme.txt(説明書) ---------------------------------------------------------- # タイマープログラムについて timer.htmlをブラウザで開くことでカウントダウンタイマーを表示できます。 OBSでクロマキーをかけることで背景を透過でき、フォントや縁取り等をCSSで変更できます。 # 動作確認済み環境 OS: Windows 10 ブラウザ: Firefox (85.0.2) ※Google Chrome, Microsoft Edgeではブラウザ表示中に、ウィンドウが前面でなくなると表示処理が止まって時刻が更新されない現象を確認しています。 # OBSへの表示の仕方 1. ブラウザ(Firefox)でtimer.htmlを開く 2. OBSで「ウィンドウキャプチャ」を追加→「ウィンドウ」でタイマーのウィンドウを選択 3. タブ等が見えないように表示領域をトリミング 4. ウィンドウキャプチャを右クリックして「フィルタ」→「エフェクトフィルタ」で「クロマキー」を追加 ※「色キーの種類」: 「緑」、「類似性」は「200」あたりにすると縁取りが綺麗に表示されます。 # 使い方 1. 分・秒の入力欄でタイマーの時間をセットします。 2. 「スタート」ボタンを押すとカウントダウンを開始します。 ・ 「一時停止」「再生」でカウントを止めたり再生したりできます。 ・ 「リセット」はカウントダウン中でもタイマーを0分0秒にリセットします。 ・ タイムアップの1分前とタイムアップ時にmp3ファイルを再生するようになっています。 　 該当ファイルはSEフォルダの中の1minute.mp3とtime_up.mp3の2つです。 ※音声を変更する際は「1minute.mp3」「time_up.mp3」を上書きするか、 　timer.html内の<audio>タグ内のsrcのファイル名を変えたい音声ファイルに変更します。 # フォント等の変更 timer.html内のCSS(<style>タグ内)を変更することで表示を変えられます。 とりあえず以下を変更できます。 ・全体の背景色 ・フォントサイズ ・フォント ・文字色 ・縁取り # 著作権等について ・本プログラムの著作権は製作者である天傘ている(@AmagasaTale: Twitter)にあります。 ・非商用または商用利用に当たってクレジット表記などは必要ありません。 ・本プログラムの二次配布は禁止しています。 # 免責事項 ・製作者は、本ソフトウェアを使用したことに起因するあらゆる損害について一切の責任を負いません。 ・製作者は、本利用規約を事前の告知なしに変更できます。