Twitchのチャンネルポイントでアニメーションを表示させる方法

上部にあるタブの「ツール」から「obs-websocket」を選択。

「WebSocktサーバーを有効にする」にチェックを入れる。

【サーバー設定】

ここの情報は後から必要になります。

・サーバーポートはいじらない

・サーバーパスワードは任意のものも設定できるけど、セキュリティの面から考えてもそのままのパスワードを使用することを推奨します

【ソースにメディアを追加する】

OBSのソースに「+」で「メディア」を追加してください。

表示させたいアニメーションのファイルを選んで、非表示にしておきます。

目のマークをクリックすることで非表示にできます。

以下のURLから「TriggerFyre」に飛んでください。

TriggerFyre

右上のリンクからTwitch連携をしましょう。

上のメニューから「OBS」を選択し、ポートとパスワードを”手順1″で設定したものに変更します。

右下の「+」をクリック。

「! Command name」に任意のチャンネルポイント名を入力。

その右のコインマークをクリックして! Command nameに入力したものをそのまま入力します。

この画面に戻ってきたら「SELECT IMAGE」をクリックします。

参照：kurocha blog

Scene name…OBSのシーンのことです。アニメーションを表示させたいシーンを選択します。

Source name…手順1で非表示にしておいたメディアファイルを選択します。

Hold duration…アニメーションを表示させる秒数です。好きな数値に設定してください。

上記のように設定します。

これで、

『ソースに追加してあるメディアを非表示の状態から表示に変更し、指定した時間が経過すると非表示の状態に戻る』

という設定になりました。

今のところ複数のシーンで同じアニメーションを設定するには、同じ内容のものを別名で設定する方法しかわかっていません。

そうすると例えば「A（ゲーム画面用）」「A2（雑談用）」のように並ぶので、視聴者にとってはわかりづらいものとなってしまいます。

もし別の良い方法があれば追記や記事の修正で対応します。

「ビデオプロデューサー」か「クリエイターダッシュボード」をクリック。

「視聴者向け報酬」の中の「報酬とチャレンジの管理」をクリックします。

スクロールして「カスタム報酬」の「新たなカスタム報酬を追加」をクリック。

「報酬の名前」を手順1の「! Command name」に入力した名前と全く同じ名前にします。

不安な人はコピペが確実です。

「価格」は必要チャンネルポイント数です。

任意の数字を設定します。

両方設定できたら「作成」をクリック。

OBSで「+」から「ブラウザ」を選択。

「URL」にTriggerfyreからコピーしたリンクを貼ります。

幅と高さはOBSの解像度と同じにしておきます。

解像度はOBSの設定から映像を選択すると確認できます。

これですべての設定が完了しました。

実際に自分でチャンネルポイントを使用して上手く表示されるか確認しましょう。