Discord StreamKit Overlay Sample ストリーミングソフトウェア『OBS』でDiscordのボイスチャットオーバーレイを表示する際のカスタムCSSの例を以下に示します。
Discord obs 表示- Discordのオーバーレイ機能に関しては、実はアップデートにより実装されたタイミング(初期状態)で有効化されています。 そのため、対応しているアプリを使用する際には、 自動的にDiscordのオーバーレイ画面が左上辺りに表示されるはず です。 oscillco(おしるこ)という Discord の Bot が必要です。以下のリンクから Discord のサーバに Bot を追加して下さい。 oscillco をサーバに追加 この操作はサーバの管理権限が必要なので、必要であれば権限のある人に相談してください。 oscillco氏が現れたなら成功
Discord obs 表示のギャラリー
各画像をクリックすると、ダウンロードまたは拡大表示できます
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | |
![]() | ![]() | ![]() |
![]() | ![]() | |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | |
![]() | ||
![]() | ![]() | ![]() |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
「Discord obs 表示」の画像ギャラリー、詳細は各画像をクリックしてください。
![]() | ![]() | |
![]() |
各要素をpositionrelativeで動かした場合、テストhtml上の表示とOBS上の表示で若干のズレがあるっぽい。 私が調整したときは5px以上ズレてた。 なので、ざっくりtestでcssを作った後、OBS上で調整するといいかも。 SLOBSはGoogle Chromeと同じエンジンっぽいです。 DiscordとOBSを連携させる ことでマイクの反応を感知し、声に合わせて変化するイラストを表示できるようになります 雑談配信で使うとこんな風になります コラボ雑談等で使えば一気にバラエティー調に楽しくなると思います! もちろん1人での配信でアバター的な活用も可能です