こちらはOBSなど配信で使用できるTwitchのチャットを表示するツールです。 報告不要・クレジット表記不要で個人・法人・商用問わず使用いただけます。 表記いただける場合には「ももちょこの素材部屋」と記載していただけると嬉しいです。 YouTubeやTwitch等での動画・配信（収益化における制限もございません）など様々な用途でご自由に使用可能です。 二次配布や公序良俗に反する行為・違法行為に利用することはお控えください。 編集や加工は自由に行えますが加工の有無による著作権の譲渡や移動はありません。 ※配布物の著作権は放棄しておりません。 このツールを利用したことでトラブルが生じても一切の責任を負いません。 ------------------------------- ファイル一覧 ------------------------------- |-chat.html |-style.css |-font.css |-chat.js |-tmi.js |-README.txt ------------------------------- 使い方 ------------------------------- ｜前提｜ OBSで配信をしていることを想定して説明をしていきます。 ｜１｜ 「chat.js」ファイルをメモ帳などテキストエディタで開く。 5行目辺りにあるmomochoco_jpと書かれているチャンネル名を自分のTwitchのチャンネル名に変更して保存をする。 ｜２｜ OBSを開いてブラウザソースを追加する。 ｜３｜ ブラウザソースのプロパティからローカルファイルにチェックをして、「chat.html」ファイルを幅1920＆高さ1080で読み込む。 ｜４｜ ブラウザソースを選択して、対話(操作)ボタンを押す。 表示されたウィンドウのタイトルバー（「Chat」と書かれた部分）あたりをマウスでドラッグすると、画面内でウィンドウを好きな位置に動かすことができます。 また、ウィンドウのフレームあたりをマウスでドラッグすると、ウィンドウのサイズを変更することができます。 タイトルバーの右側にある歯車アイコン（🛠）をクリックすると、設定画面が開きます。 設定画面ではスライダーを動かすことでフォントサイズの変更ができます。 ｜色の変更｜ ツールの色彩を変更したい場合は「style.css」ファイルをメモ帳などテキストエディタで開いて変更をする。 「#FFFFFF」などを好きな色に変えてください。 よくわからない方は「カラーコード」と検索してください。 オリジナルの彩色をご希望の方は下記からお問い合わせください。 彩色だけでなくツールの軽微な調整も対応致します。 ------------------------------- お問い合わせ ------------------------------- ご不明な点などがありましたら、XのDMやホームページからお問い合わせください。 ももちょこ X : @momochoco_wld ももちょこの素材部屋（ホームページ） https://www.momochoco.net ↑こちらからダウンロードせずに使用もできます