unacast

掲示板のレスをYoutubeコメント風に表示したいという思想の元に開発されるツール

より便利になった改造版が出ているのでそちらの使用をお勧めします

https://github.com/pasta04/unacast

使い方(windows版)：

1.ソフト起動

解凍したフォルダ内にある「unacast.exe」を実行してください。

2.設定＆サーバー起動

1. ポート番号を設定します（特に理由がなければ3000でOK）
2. 読み込みたい板のURLを入力します（最後は"/"で終わるように）
3. 指定のレス番から表示したい場合はレス番を入れます（指定なしだと起動後に書き込まれたレスのみ表示）
4. サーバー起動ボタンを押します

サーバー起動時に以下のようなウィンドウが出たらそのまま「アクセスを許可する」を押してください　　

3.OBS取り込み

OBSのソースで「ブラウザソース」を追加し、設定画面を開きます。

1. URLは「http://localhost:{上で設定したポート番号}/」と入力してください。（例：http://localhost:3000/）
2. 幅は配信画面サイズの1/3～1/5ぐらいがおすすめ（サイズが 1280x720 なら 320～420ぐらい）
3. 高さは配信画面サイズと同じかちょっと多いぐらい（サイズが 1280x720 なら 720～ぐらい）
4. FPSは30のままでOK
5. カスタムCSSは削除して空欄にしてください（入力して表示をカスタマイズすることもできます、詳しくは後述）

4.取り込みイメージ

正常に動作していれば下記画像のようにレスが表示されます。

終了するときは停止ボタン押してから終了しても、停止せずにアプリ直接落としても大丈夫。 あとアンインストールもフォルダごと削除でOK

動かないとかあったらIssuesかもしくは Twitter で @yudeunagi まで

あとmac版はmacなうて動作確認できないので作れないですごめんなさい。

アイコンを追加したい

デフォで入っているアイコンとは別のものを使いたい場合は 「unacast-win32-x64\resources\app\public\img\random」フォルダにある画像ファイルを起動時に読み込むようになっているので 適当に追加・差し替えてソフトを再起動してください(使用する画像は32x32のpng推奨）

レスの表示背景色や文字色を変更したい

例として背景の透明度を変更したい場合は、OBSのブラウザソース設定画面のカスタムCSSに以下のように追加してください

body {
background-color: rgba(0, 0, 0, 0.5); /0.5の部分が透明度指定、0~1の少数で設定でき、0で透明、1で不透明になる/
}

「unacast-win32-x64\resources\app\public\css\style-server.css」にデフォルトの設定を記載しているので 変更したい箇所をOBSのカスタムCSSにコピペして適当にいじってみてください。ぶっこわれたら全部消せばデフォルトに戻ります。

というか↓に使用しているCSSのリンク載せておくのでここからOBSのカスタムCSSにコピペして適当にいじってみてください。 (https://github.com/yudeunagi/unacast/blob/master/public/css/style-server.css)