ハート、拍手、ありがとう、お知らせ、おやすみなどの、小さな動くアイコンです。 コードだけで描いているので、画像ファイルは入っていません。背景は透明です。 ブラウザで開いてボタンで出す、またはURLのうしろに「#icon=heart」のように書いて、OBSのブラウザソースで出します。 外部のサーバーとは通信しません。 まずは試したい方向けの無料版です。アイコンは6種入っています。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ アイコン6種（ハート、星、拍手、ありがとう、お知らせ、おやすみ） ◆ ボタンで出して、動きを確かめられる画面 ◆ 位置と大きさを決めて、OBS用のURL文字列を作る欄 ◆ 見本の背景の切り替え（市松、暗い、明るい、グリーン、ブルー） ━━━━━━━━━━━━━━━━━━━━ 有料版（450円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ アイコンが30種に（24種が加わります） ◆ 色合いの変更、速さの変更 ◆ くり返し再生（○秒ごと）、複数のアイコンを順番に出す指定 有料版はこちらです。https://mall-aibou.booth.pm/items/8983828 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. vertical-live-icon-set-free.html をダブルクリックして、ブラウザで開き、気に入ったアイコンを選ぶ 2. 右の欄で位置と大きさを決め、「出す」で動きを確かめる 3. 右の欄の文字列を、このファイルのURLのうしろにつけて、OBSのブラウザソース（配信画面と同じ幅・高さ）のURLに貼る。表示されると、アイコンが1回再生されます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版（OBSのブラウザソース） ・ネット接続は不要です ・外部の画像・フォント・サーバーは使いません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・OBSの中のボタンやホットキーで、アイコンを切り替えることはできません（URLで指定します） ・音は出ません ・コメントや投げ銭の通知と連動して出すことはできません ・アイコンの形そのものの編集はできません ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ ・動作の確認は Chrome と OBS Studio 32.2.2（macOS版）で行いました。Windows、Edge、Safariでの確認はしていません ・背景の透明は、URLの「obs=1」でCSSを透明にする作りです。OBS側で背景色が入っている場合は、外してください ・文字を使うアイコン（ありがとう、おやすみなど）は、お使いのパソコンの日本語フォントで表示されます。環境により、太さや幅が少し変わります ■ 使ってよい範囲 　配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　vertical-live-icon-set-free.html ／ README.txt TOOL BOX