わんコメを使っている配信者向けに、視聴者のコメントを箱や紙飛行機、ちょうちんにして配信画面に流す、OBS用のHTMLテンプレートです。背景は透明で、コメントが画面を流れてくるので、雑談・歌枠・作業配信の画面がにぎやかになります。 【購入前にお読みください】わんコメ本体とOBS Studio等(ブラウザソースが使える配信ソフト)が別途必要です。わんコメ実機での動作確認は当方では未実施です(わんコメの開発者向け公開資料に沿って作成し、資料どおりに作った模擬データで動作テストをしています。OBS Studio本体での表示確認も未実施です)。販売画像は、実際のテンプレートをダミーの名前とコメントで再生した「サンプル再生」の画面です(背景色は画像用に敷いたもので、実際の背景は透明です)。見た目は画像でご確認のうえご購入ください。購入後はわんコメ無しでもサンプル再生で見た目を試せます。 わんコメを無料版で使う場合は、わんコメの利用規約により、配信の概要欄等に次のクレジット表記が必要です(入力欄が無い・文字数制限が厳しい場合は省略可。詳しくはわんコメのサイトをご確認ください)。 　配信者のためのコメントアプリ「わんコメ」https://onecomme.com 買い切り500円・追加費用なしです。コメントのデータはお使いのPCの中だけで扱い、外部へは送りません。 【特長】 ・テーマ3種：段ボール箱とベルトコンベア／紙飛行機と吹き出し／夜のちょうちん(名前がちょうちん、コメントが下)。すべてCSSとSVGで描いた図形で、画像・フォント・外部ライブラリは入っていません ・流し方：画面の下・上・中央から位置を選び、レーンは1〜3本、向きは右から左／左から右。速度、文字サイズ、本体の色、文字色、縁取りの色と太さ、フォント名(お使いのPCに入っているもの)、1個の最大幅、コメントと名前の最大文字数を設定できます。長いコメントは省略記号で切ります ・特別なアイテム：スーパーチャット・ギフト・メンバー加入は、金色で少し大きく、きらめきを付けて流します。初コメントには「初」の印が付きます。いずれも、わんコメがその情報を渡す場合のみで、渡されないデータは通常の表示です(メンバー加入と初コメントの情報が実機で届くかは未確認) ・混雑したとき：画面に同時に出す数の上限(初期値12)を決められ、超えた分は順番待ちになります。順番待ちも上限(初期値50)があり、超えたら古いコメントから捨てて「ほか○件」というアイテムを1つ流します(文言は変更できます)。60秒間に1秒10件を流す模擬データで、同時表示が上限を超えず、動作が止まらないことを確認しています ・流さないコメント：NGワードとNGユーザー名(1行に1つ)、指定した文字で始まるコメント(初期値は「!」で始まるコメント)、システムのコメントを除きます。同じコメントが再送されても重ねて流しません ・一時停止：設定ページのプレビューのボタン、URLの pause=1、操作ボタンを表示するURL(OBSのインタラクト画面から押します)で止められます ・設定ページ：settings.html で選ぶと、OBSに貼るURLができます。右側のプレビューにすぐ反映され、設定はJSONファイルで書き出し・読み込みできます。壊れた設定は項目ごとに初期値に戻ります ・サンプル再生：index.html に ?sample=1 を付けて開くと、ダミーの名前とコメントが流れます(スーパーチャット・メンバー加入・初コメント・長文のダミー入り)。わんコメ無しで動きます ・素のHTML/CSS/JSで、ビルド不要です。わんコメのSDK(onesdk.js)は同梱せず、わんコメ本体から読み込みます。コメントのデータを外部へ送る処理はありません 【使い方（5ステップ）】 1. zipを展開します(LocalCommentLaneフォルダと「はじめにお読みください.txt」が入っています) 2. わんコメのテンプレート一覧に追加します(LocalCommentLaneフォルダをzipに圧縮してドラッグ&ドロップ、またはわんコメのテンプレート用フォルダへフォルダごとコピー)。テンプレートとして認識されるかは実機未確認です 3. まず index.html に ?sample=1 を付けてブラウザで開き、サンプル再生で見た目を確認します。次に settings.html でテーマ・位置・色などを決め、右側の「OBSに貼るURL」をコピーします 4. OBSの「ソース」→「＋」→「ブラウザ」で追加し、コピーしたURLを貼ります(幅1920・高さ1080が目安) 5. 配信を始めると、わんコメに届いたコメントが流れます。混雑したときは設定した上限で調整され、一時停止は設定ページのボタンかURLの pause=1 で行います 【動作環境】 ・Windows 10/11のPCで、OBS Studio等のブラウザソースが使える配信ソフトと、わんコメ(別途・無料)が動く環境 ・GPU不要 ・空き容量 1MB未満 【ライセンス】 ・本テンプレートはご自身の配信での利用(個人・商用)と設定・見た目の調整が自由です。再配布・転売はできません(同梱のLICENSEを参照)。わんコメのSDK(onesdk.js)は同梱しておらず、わんコメ本体から読み込みます 【注意事項・できないこと】 ・わんコメ本体(無料のアプリ)と、OBS Studio等のブラウザソースが使える配信ソフトが別途必要です。どちらもこの商品には含まれません ・わんコメ実機での動作確認は当方では未実施です。わんコメの開発者向け公開資料に沿って作成し、資料どおりに作った模擬データ(ヘッドレスChromium)で動作テストをしています。OBS Studio本体での表示確認も未実施です。見た目は販売画像(実際のサンプル再生の画面)でご確認のうえご購入ください ・わんコメへの取り込み方法(LocalCommentLaneフォルダをzipに圧縮してテンプレート一覧へドラッグ&ドロップ／テンプレート用フォルダへコピー)で、テンプレートとして認識されるかは実機で未確認です。わんコメのバージョンによって仕様が変わる可能性があります ・視聴者アイコン、スーパーチャット・ギフト・メンバー加入・初コメントの表示は、わんコメが渡す情報に依存します。渡されない項目は通常の表示になります。アイコンは、わんコメが渡した画像のアドレスから表示します(設定でオフにできます) ・わんコメを無料版で使う場合は、わんコメの利用規約により、配信の概要欄等に次のクレジット表記が必要です(入力欄が無い・文字数制限が厳しい場合は省略可。詳しくはわんコメのサイトをご確認ください)：配信者のためのコメントアプリ「わんコメ」https://onecomme.com ・できないこと：当たり判定などのゲーム要素、効果音、画像素材の差し替え、わんコメ以外のコメントビューアへの対応。レーンは直線で、斜めや波打つ動きはありません。フォントは同梱していません(お使いのPCに入っているフォント名を設定ページに入力します) ・OBSのブラウザソースは普通のブラウザとは設定の保存場所が別です。設定は、設定ページで作ったURLをOBSに貼ることで渡します ・購入したzipをそのまま再配布・転売することはできません ・本商品はわんコメの制作元とは関係のない個人制作の非公式の商品です。「わんコメ」は権利者の商標です