配信コメント枠フレーム|OBSに出すひとこと・告知の枠|12種類・太さ/角丸/影を調整・設定保存【無料版あり】
- Digital680 JPY








\太さ・角丸・影まで調整できる、配信画面用のコメント枠/ OBSのブラウザソースに貼るだけで、好きな文を入れた枠を配信画面に出せるツールです。 枠は12種類。線の太さ・角の丸み・影や光の強さ・2色目を調整でき、複数の文を自動で切り替えて出すこともできます。 作った設定は自動で保存され、5つまでは名前をつけて残せます。 ■ 例えばこんな使い方 ◎ 「コメントありがとう!」のひとことを、見やすい枠に入れて出す ◎ 次の配信日や今日のテーマなど、告知を枠にまとめる ◎ 初見さん向けのルールやお願いを、枠で目立たせる ■ 使い方(3ステップ) ① comment-frame.html をダブルクリックして、ブラウザで開く ② 枠に入れる文を書いて、枠の種類・色・大きさを選ぶ(プレビューで確かめられます) ③ 「OBS用URLをコピー」を押して、OBSの「ブラウザ」ソースのURL欄に貼る (「ローカルファイル」のチェックは外します。幅・高さは、画面の「枠の大きさ」と同じ数字にします) 枠の外側は透明になるので、配信画面の上にそのまま重なります。 ■ できること ◆ 枠の種類12(実線・二重線・カード・破線・ネオン・四隅だけ・グラデーション・上帯・縞の縁・ノート風・付箋風・二色の縁) ◆ 線の太さ・角の丸み・影や光の強さ・内側の透明度・2色目の調整 ◆ 文字の大きさ・位置・色・書体(ゴシック・明朝・丸ゴシック) ◆ 複数の文を、2〜30秒ごとに自動で切り替え(「---」だけの行で区切ります) ◆ 設定の自動保存(この端末のブラウザに保存)、5つまでの名前つき保存 ◆ JSONの書き出しと読み込み(ブラウザの外にも控えを残せます) ◆ OBS用URLのコピー、プレビュー(暗い・明るい・市松の背景) ※グラデーションと縞の縁は、角の丸みが効きません。 ■ 無料版もあります 枠の種類が3つの無料版です。先に動きを確かめたい方はこちら。https://mall-aibou.booth.pm/items/8987219 ■ 動作環境 ・Chrome / Edge / Safari の最新版(動作確認はChromeのみです) ・OBS(ブラウザソースが使えるもの) ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ■ 配布内容 ・comment-frame.html ・README.txt ■ ご利用について ・個人・法人どちらも使えます ・商用の配信にも使えます ・クレジット表記は不要です ・ファイルそのものの再配布・販売はご遠慮ください ■ ご注意 ・非公式のツールです。OBSや各配信サービスとは関係ありません ・OBSでの表示は、ブラウザでの確認までで、OBS実機では確かめていません。OBSに入れたあと、実際の画面でご確認ください ・OBSのバージョンによって、見え方が変わる場合があります ・枠はコメントを自動で取り込むものではありません。入れたい文は、このツールの画面で入力します ・文を変えるときは、画面で直してURLをコピーし直し、OBSのURL欄に貼り替えます ・保存した設定は、お使いのブラウザの中だけにあります。ブラウザの閲覧データを消すと、保存した設定も消えます。ときどきJSONを書き出して控えを作ってください ■ 更新情報 2026/10/14 公開 TOOL BOX







