Motion Cue Ribbon は、配信中の「告知」「休憩」「目標達成」「集中中」「シーン切替」を、動くリボン演出としてOBSに重ねるブラウザソースキットです。 ━━━━━━━━━━━━ 何ができる？ ━━━━━━━━━━━━ 配信画面を大きく作り直さなくても、今の状態や次の行動を視聴者に見せられます。 静止画1枚ではなく、HTML/CSS/JSで動く演出として使えます。 settings.html から文言、テーマ、演出、タイマー、粒子量を変更できます。 ソースコード編集は不要です。 ━━━━━━━━━━━━ 向いている配信 ━━━━━━━━━━━━ ・作業配信 ・勉強配信 ・雑談配信 ・画面共有配信 ・長時間配信 ・休憩や目標達成を見せたい配信 ━━━━━━━━━━━━ フル版の内容 ━━━━━━━━━━━━ ・5つのモーション演出 告知リボン / 休憩カウント / 目標達成バースト / 集中ステータス / シーン切替ワイプ ・4テーマ Midnight Starline / Paper Spark / Mint Pulse / Amber Badge ・settings.html 演出、テーマ、テキスト、タイマー、粒子量、速度を変更できます。 ・テーマ別エフェクト素材 星屑、紙片、信号線、バーストの4系統の質感を、動くリボンや背景演出として使えます。 ・README / OBS導入ガイド / FAQ / 利用規約 ━━━━━━━━━━━━ 無料サンプル ━━━━━━━━━━━━ 無料サンプルも同じ商品ページのバリエーションに入れます。 まず無料版で settings.html と OBS Browser Source の流れ、動く告知/休憩演出を試せます。 無料版: ・Midnight Starline theme ・告知リボン ・休憩カウント ・settings-free.html ・mini README フル版: ・5演出 ・4テーマ ・フル設定画面 ・導入ガイド一式 ━━━━━━━━━━━━ 使い方 ━━━━━━━━━━━━ 1. ZIPを展開 2. settings.html を開く 3. 演出、テーマ、テキストを変更 4. OBS用URLをコピー 5. OBSの Browser Source に貼り付け 6. サイズを 1920 x 1080 に設定 ━━━━━━━━━━━━ 対応環境 ━━━━━━━━━━━━ ・OBS Browser Source ・ローカルHTMLを開けるブラウザ ・1920 x 1080 推奨 外部API、ログイン、サーバーは不要です。 ━━━━━━━━━━━━ 利用規約の概要 ━━━━━━━━━━━━ ・個人/法人の配信利用OK ・収益化配信OK ・色やテキストの改変OK ・素材そのものの再配布、再販売、自作発言は禁止 ━━━━━━━━━━━━ サポート範囲 ━━━━━━━━━━━━ OBS Browser Sourceでの基本表示、ローカルHTMLの開き方、設定項目の説明を対象にします。 個別配信環境、外部API連携、独自改造コードのサポートは対象外です。