OBSのブラウザソースに重ねる、コメント欄の飾り枠を作るツールです。 8種の枠から選び、色・太さ・角の丸み・動きなどを変えると、CSS・完成HTML・OBS用のURLが出力されます。 ブラウザで開くだけで動き、設定した内容は外部に送られません。 無料版もあります。https://mall-aibou.booth.pm/items/8981728 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 枠はコメント欄の「上に重ねる」使い方です。コメント自体の表示は、お使いのコメントビューアやコメント表示ソースで行ってください。 OBSやコメントビューアのバージョンによって、見え方や動きが変わる場合があります。 OBSに入れたあとに、実際の画面でご確認ください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 枠の種類8つ(ベタ線・二重線・ネオン・脈動ネオン・回るグラデーション・パステル(破線)・ドット風・四隅だけ) ◆ 2色目の指定と、配色の例4つ(ネオン・パステル・シック・レトロ) ◆ 動きの速さの調整(脈動ネオン・回るグラデーション) ◆ 内側を暗くする設定(コメントを読みやすくする目安に) ◆ ラベル(「COMMENTS」など)の表示 ◆ サイズの例5つ(縦長コメント欄・横長・画面全体) ◆ CSS、完成HTML(.htmlで保存してそのまま使える)、OBS用URLのコピー ◆ 模擬コメント入りのプレビュー(暗い背景・明るい背景) ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. comment-frame-css.html をダブルクリックして、ブラウザで開く 2. 枠の種類・大きさ・色などを選ぶ(プレビューで確認できます) 3. 「URLをコピー」を押し、OBSの「ソース」→「ブラウザ」のURL欄に貼る。幅と高さは、画面で決めた値に合わせる。CSSや完成HTMLをコピーして使うこともできます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・コメントを表示する機能はありません。枠だけを作るツールです ・YouTube・Twitchなどのチャット欄そのものの見た目を変える機能はありません ・PNGなど画像ファイルの書き出し機能はありません ・回るグラデーションや脈動ネオンの動きは、お使いのOBSのブラウザソースの対応状況によって動かない場合があります ・このファイルを移動・名前変更したときは、URLを取り直してください ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　comment-frame-css.html ／ README.txt TOOL BOX