【サイバーグロウ】コメントオーバーレイ｜Twitchチャット表示 ネオンスキン

cyber-glowセットと同じ世界観でスキンした、Twitchチャット表示用のオーバーレイウィジェットです。ダークネイビー背景にネオンブルー・ピンクのグロウライン、角ばったチャムファー装飾で、コメント欄も配信画面のデザインになじませられます。

URLパラメータで対象チャンネルを指定するだけで動作する自己完結型のウィジェットです。コメントの表示自体はTwitchの公開チャットへ接続して行うため、面倒な認証設定は不要です。

■ 特長

・?channel=チャンネル名 を付けるだけで対象チャンネルのコメントを表示

・配色・フォントはcyber-glowセットと共通で、セットと並べても統一感があります

・ネオン角ばりチャムファーのデザイン装飾

■ コメントは消えません

・新しいコメントは常に一番下に追加されます

・古いコメントも削除されません。表示枠に入りきらない分は自動で上にスクロールして見えなくなるだけです

■ 仕様

・HTML/CSS/JS一式のZIPで納品。ホスティング不要です

・OBS StudioのBrowser SourceにローカルHTMLを指定して読み込みます

・背景は透過。既存のレイアウトに重ねて使えます

・Twitchの公開チャットへ接続してコメントを取得します

■ 使い方

1. ZIPを解凍し、任意のフォルダに配置します

2. OBSでブラウザソースを追加するとき、「ローカルファイル」はチェックせず、「URL」欄に file:///(index.htmlのフルパス)?channel=あなたのチャンネル名 の形式で指定します

3. コメントが流れ始めます

■ 対応プラットフォームについて(Twitch専用)

・本商品はTwitch専用です。YouTube Liveのチャットには対応していません

・Twitchの公開チャットは認証不要で読み取れますが、YouTube Liveのチャット取得にはAPIキー・OAuth等の認証設定が必要で、購入者ごとの個別設定サポートが必要になるため、本商品の対象外とさせていただいています

・YouTube配信者の方は恐れ入りますが上記をご了承の上ご検討ください

■ 注意事項

・本商品はHTML/CSS/JSによるウィジェットです。動画ファイルではありません

・Twitchの公開チャットの表示を目的としています。フォロー/サブスク通知などの機能は含みません

・外部への接続を伴うため、ご利用環境のネットワーク状況により表示されない場合があります

・素材の再配布・二次配布はご遠慮ください

作者：くらげ(kurage)