概要

配信者向けのシンプルな手動カウンターWebアプリです。
OBSでクロマキーフィルタを使用する事で、背景を透過させて使うことが出来ます。

使い方

「Count Up」を押すとカウンターの数字が増えます。
「Count Down」を押すとカウンターの数字が減ります。
カウンターをリセットしたい場合はページのリロードをします。

OBSで使うときは、まずカウンター部分をキャプチャします。  

OBS上でキャプチャを右クリックして、フィルタを押します。
すると、フィルタ編集画面が出てくるので、「エフェクトフィルタ」から「クロマキー」を追加します。

「閉じる」を押すと、背景色が消えた状態のカウンターが表示されます。

機能の紹介

背景色・文字色の変更

「Background Color」を押すとカウンターの背景色を変更できます。
「Text Color」を押すとカウンターの文字色を変更できます。

例えば、緑色の文字を使いたい場合は、背景色をマゼンタ色に設定して、OBSのクロマキーの「色の種類」でマゼンタを選択することで、背景色が消えた状態のカウンターが表示されます。

フォントの変更

「Font」を押すとカウンターのフォントを変更できます。

現在はフォントの太さを変更する事が主な機能となっています。

「White border」を押すとカウンターの文字に白フチを付けることができます。

実装予定

• オリジナルフォント読み込み機能

• テキストのフチカラーの設定

• アニメーション

• etc…

実装予定の機能はGitHubのIssueで管理されています
https://github.com/meihei3/counter-for-live-streaming/issues

Special thanks

VTuberの夏目めいさんに使ってくださっています。嬉しすぎて開発のモチベーションが爆上がりしています。

その他

ご意見ご要望がございましたら、Twitter でメンション、または GitHub で Issue を立ててもらえると助かります。