戸枯ナナみの配信を支える技術(随時更新)
画面の設定
Vのアバター表示
VRoidで作った素体をBlenderでいじくりまわした.vrmファイルをVSeeFaceで動かしています
VSeeFaceの使い方【３Dvtuber向けのトラッキングソフトウェア】
コメント表示
コメントページをそのままブラウザソースで読み込んで表示しています
カスタムCSSをちょっといじってるので後述
GitHub - KaguaKurusu_CSS4TwitchChat_ TwitchチャットをOBSの配信画面に表示する用のCSS
カスタムCSS
ピン留めしたメッセージとか消す設定を末尾に追加
/* 背景透過 */
* {
background: transparent !important;
}
/* コメント以外の部分消去 */
.stream-chat-header,
.tw-z-default,
.chat-input,
.chat-line__status {
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
border: none !important;
}
/* 名前の後ろのコロン消去 （有効化する場合は1行下と5行下の行を削除） */
/*
span[data-test-selector="chat-message-separator"] {
display: none !important;
}
*/
/* メッセージのコンテナ */
/* デフォルトでは左右20px、上下5pxのpaddingが入っている */
.chat-line__message {
}
/* ユーザー名のスタイル */
/* コンテナ */
.chat-line__username-container {
}
/* チャットバッジ消去 （無効化する場合は下3行を削除) */
.chat-line__username-container span:first-child {
display: hidden !important;
}
/* ユーザー名コンテナ */
.chat-line__username {
}
.kAQTjE,
.hZLfAO {
display: none !important;
}
.community-highlight-stack__scroll-area--disable{
display: none!important;
}
.community-highlight-stack__backlog-card,
.community-highlight-stack__nav-target{
display: none !important;
}
.paid-pinned-chat-message-list{
display: none;
}
.paid-pinned-chat-message-content-wrapper{
display: none!important;
}Discord通話中のアイコン表示
コラボ配信などでDiscord通話をしている際
視聴者からはどの声が誰なのか分かりづらいので
Discord StreamKit Overlayを用いて発話中の人のアイコンを光らせています
Discordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法！
アイコンの形を角丸四角にしたり横並びにしたりと変更するには
上記オーバーレイにカスタムCSSを設定することで反映できます
設定ポチポチするだけでCSSを生成してくれるサイトがあるのでそれを使っています
OBSのDiscordアイコン外観変更ジェネレーター
Twitchフォローとかの通知
フォローやサブスクなどの通知を画面に表示するために
Twitch公式のアラートを使っています
【Twitch】新機能「アラート設定」を使ってチャンネルポイントで簡単に音を流す方法 - 落ちこぼれ配信者の成り上がり【Twitch】_からあげ太郎
日本語音声と英語翻訳の字幕表示
ゆかりネットコネクターNeoを使っています
【OBS Studio】生配信中にリアルタイムで字幕を表示させる方法！
複数の動画をランダム再生する
OBS標準で動画を再生することはできますが
複数の動画をランダムで流したりすることはできないので
VLCビデオソースというものを使います
VLCというアプリケーションをインストールすると自動でOBSに入ってくるそうです
OBSで動画を流す方法は大きく2パターン。YouTubeの動画も再生できます
レイドしてくれた人を自動でshoutout(応援する)
たぬえさ3でshoutoutコマンドを送っています
【TwitchTopics】レイドが来た時に /shoutout をたぬえさ3で自動で送ってもらう方法！
たぬえさ周りはこっちにまとめてます
たぬえさ3設定メモ
音の設定
マイク設定
機材はやっすいコンデンサマイクと
オーディオインターフェースなしでやってるので
OBS側でフィルターをかけています
【OBS】マイクの音質が劇的に向上！音声フィルターを設定する方法まとめ ｜ ミライヨッチ
チャンネルポイントで画像や音を出す
たぬえさ3を使っています(個別記事にしました)
たぬえさ3設定メモ
特定のアプリケーションのみ音を拾わせる
デスクトップ音声を拾わせると意図しない音(ブラウザから出る音など)が配信に載ってしまうため
win-capture-audioを使用して特定のアプリケーションのみ音を拾わせています(Discord, 棒読みちゃん, VOICEVOX)
【OBS】超簡単にゲーム音だけ（特定の音）を流したい？神プラグインがあります
ちなみにOBS自体にもアプリケーション音声キャプチャの機能はありますが
OBSのブラウザソースの音が「obs-browser-page.exe」というアプリケーションで、この音がOBSの音声キャプチャだと拾えないためプラグインで対応しています
【OBS】待望の新機能。指定したアプリ・ゲーム音「だけ」流せるようになりました
OBS全般
別PCから映像/音声をLAN経由で映し出す
メインPCでV動かしたり読み上げさせたりすると重いので
サブPCで映像音声作ってNDI(obs-ndi)でメインPCに送ってます
シーンコレクション間で素材をコピーする
通常OBSはシーンコレクションから他のシーンコレクションへのソースやシーンのコピーはできませんが
プラグインを導入することでコピーできます
OBSのシーンやソース・フィルタを簡単にコピーすることができるプラグイン
AndroidタブレットでStreamDeckっぽいことをする
配信中のOBSのシーン切り替えやマイクのON/OFFなど
咄嗟にやりたいけどわざわざマウスやキーボードで操作するのも億劫
ということでStreamDeckなる商品が発売されていますが
単にクソ高いので
7kぐらいのFireタブレットで同じようなことができるDeckboardというものを使っています
【配信に便利】スマホやiPadをStreamdeckに変える「Deckboard」の設定メモ
流石に画面表示などは規模的に向こうが上ですが
完全無料でできるこちらはお試しとしておすすめです
配信概要をプリセット管理する
ゲームとタイトルをプリセット登録しておいて
ボタンぽちっとするだけで配信概要にセットできるスプレッドシートを作りました
ちなみに簡単に設定するだけならたぬえさでもできます
【たぬえさ3】Twitchのチャットやチャネポから音声出したりいろいろできるソフト _ ビビビッ
今後使ってみようと思っている技術
shoutout相手のランダムなクリップを画面に表示する
レイド貰った相手とかのランダムなクリップを流して視聴者にアピールできます
【Twitch】!soを強化！ シャウトアウトした時に対象者のクリップをランダムで再生する方法
Twitch API
APIを叩いて配信概要を取得したりできるようです
取得した情報を加工してTwitterに投稿するbatとか作れるかもしれません
Twitch APIを利用してみよう
Twitch API
今は使っていない技術
コメントビューア
複数環境に同時配信している都合上
複数から同時にコメントが取得できるコメントビューアが必要になります
なんかコメビュって同じ名前で複数あるらしいけどこっち使ってます
これは究極のコメビュだ。マルチコメントビューアの使い方と、コメント読み上げの方法
棒読みちゃん連携、VOICEVOX連携
コメントジェネレーターの連携もこのページに載っています(コメジェネはTwitchスタンプ出ないので今は使ってません)
ボイスチェンジャー
バ美声という製品を買って使用していました
自身の声質があまりにも変換するのに不向きなので諦めました
【2023最新】バ美声の使い方ガイド！設定コツやDiscordとの接続方法も紹介
複数環境同時配信
Twitch, YouTube, niconico, OPENRECの4環境で同時配信を行っていました
【OBS】複数のサイトで、簡単に同時配信するには？専用のプラグインがあります
ちなみに2環境だけならプラグインを使わなくても同時配信ができます
【2023年版】OBSを使った複数サイト同時配信のやり方！ - 実況動画の作り方
チャンネルポイントで画像や音を出す
チャンネルポイント使用のログはコメビュに載ってこないので
TriggerFyreを使用して音を出したり画像を表示させたりしています
チャンネルポイントの使い道：音や画像を連動できるTriggerFyreの使い方[Twitch]
StreamElementsも使用していました
【OBS設定】Twitchで色々な演出の設定方法（コメント、チャット、アラート、フォローやサブスクの演出）
Streamlabsも使用していました
Streamlabs OBSの詳しい使い方・設定方法
時計表示
サーモンランのときはクソ見づらいアナログ時計にしてました
(SP表示がちょうど時計っぽかったので……)
【OBS用】配信用アナログ時計ジェネレーター【商用利用可】
オーバーレイの一部を切り抜く
オーバーレイに表示しているけどゲージとかは邪魔したくないとき
イメージマスクブレンドを使用してソースから一部分を切り抜いています(本来動くアバターがゲージとか隠さないようにするもの)
【OBS】WEBカメラを使う時に好きな形に切り抜く方法「イメージマスク」の使い方｜エクスプロレ
この記事が気に入ったらサポートをしてみませんか？