もしこのメッセージが表示されたら、インストールしているDiscordを起動しましょう。, Discordを起動したするとページが更新され、設定画面が表示されます。 Overlay for OBS & XSplit. 【Discord】にMusicBOT rhythmを入れて友達と一緒に音楽を聴こう。導入方法&... Discordには様々な機能を持つBOTがあり、簡単に導入することができます。今回のBOT Rythmを導入することでお友達と一緒に音楽を聴くことができます。音がうまく流れないという問題の確認方法ついても紹介しています, HDMIキャプチャーボードでPS4、Switchの映像をPCに取り込もう｜なとりのブログ, 皆さんはPS4やnintendo Switchをプレイしていて「ゲームの映像をパソコンに写したいな～っ」なんて思ったこと. TeamSpeak 3に代わるボイスチャットアプリとして、自身も利用しているDiscord。 今回の記事では外部サイトを利用して、DiscordをOBSに表示する方法を解説します。 1 導入前の設定; 2 OBSの設定 導入前の設定. obs-studio plugin to simulate a directshow webcam. 原因については不明です。, PUBGモバイルでゲーム実況をしてるものなのですが 今回の記事では外部サイトを利用して、DiscordをOBSに表示する方法を解説します。, このときDiscordを起動していないと「設定できない」というメッセージが表示されます。 Text Settings. border-color:rgba(0,0,0,0) !important; 4.OBSのツールバーのツール > VirtualCamを選択して仮想カメラに出力. -- 2019-09-28 追記Discord の画面共有機能が Go Live として新しくなった。この記事で紹介している方法は個人間やメンバーを指定したグループチャットに限定した機能なので、サーバーのチャンネルで画面共有を行いたい場合に obsの設定が適切であっても、hdcpが原因でゲーム画面がobsに映らないことがある でしょう。 注意が必要なのは、（1） MonsterX U3.0R や、 AVT-C875 を使用している場合で、なおかつ（2） PS3をHDMI接続 している場合です。 1. }, @keyframes speak { 一応その下にある幅には「312」を、高さには「600」を入力しておきましょう。, 私の環境では起動しているにもかかわらず設定画面でエラーが出ました。 Copyright© Raison Detre - ゲームやスマホの情報サイト , 2020 All Rights Reserved. まずは「STATUS WIDGET」を選択し「Server」から任意のサーバを選びます。, つぎに「VOICE WIDGET」を選択すると「Voice Channel」からチャンネルを選択できます。, 「STATUS WIDGET」と「VOICE WIDGET」ともに、画面下に詳細設定があります。 今回は、.htaccessで特定のディレクトリのBasic認証を解除する方法を紹介します。 まずは普通にBasic認証を置く まず普通にBasic認証を設置します。 現在このような構成になっています。 ... こんちゃっちゃ～！(名乗れ) WordPressのプラグインって、めっちゃ種類ありますよね。 ログイン関連だと、「SiteGuard WP Plugin」が結構有名だと思います。 主に使う用途として、ログインURLの変更... こんにちは～！なりかくんです。QiitaのConoHa Advent Calendar 2019の13日目が空いていて寂しかったのでなにか書こうと思ってこれになりました～！ 1.サーバーを契約 まず、ConoHa VPSにてサ... こんにちは！今日は、GeForce NOW Powered by SoftBank（以下、GeForce NOW）を紹介したいと思います！ GeForce NOWとは？ ソフトバンクが提供するクラウドゲームサービス「GeFor... こんにちは！本日2020年4月5日にClassiにて第三者による不正アクセスがありました。そちらについて本日は説明していこうと思います。 Classiとは？ Classi（クラッシー）は、学校教育のICT活用を支援するクラウド... 【Minecraft統合版】ぶっちゃけどのプレイスタイルが良いのか検証していくぅ！, https://github.com/CatxFish/obs-virtual-cam/releases. -ms-animation: speak 1s linear 0s infinite normal; }, ちなみに上記のコードで動くイラストは１人分です。雑談配信などで複数人に対応したイラストを表示させる場合には人数分のブラウザを同じ手順で登録してください, やっていることはとてもシンプルな作業なので、二回目以降はさくさくと数分で出来上がると思われます, これでディスコードの指定したボイスチャンネルに参加している間、喋っている間ピコピコ動くイラストのエフェクトを用意することができました, 雑談配信で使ってもいいですし、もちろん１人の配信で使って簡易Vtuber的な使用をするのもＯＫです, 絵の設定に関しては割とこの設定がベストに近いかなと思うのですが、一応切り替わる画像の枚数や表示間隔を変更することができますので次回はその辺りをご紹介したいと思います, 以上本日は「配信者向け！DiscordとOBSを連携させて話すと動くイラストのエフェクトをつけよう」の紹介でした, ブラウザは簡単なプログラミングやurlの処理ができるものです。私も初めて使いました. 14 px. .avatar { Text Color. 今回の記事では外部サイトを利用して、DiscordをOBSに表示する方法を解説します。 目次. 3.Discordでカメラを選択しておく. 同じようにすれば、表示されるのではないでしょうか？, https://twitter.com/Volx_jp/status/1113488637428084736. Select a Server. -o-animation: speak 1s linear 0s infinite normal; Discordで友達と会話しゲーム実況をOBSを使用してライブ配信したいのですが上記の方法だと出来ません！教えていただければ幸いです！, そもそもOBSはPC用のソフトなので、モバイルでは利用できないのではないでしょうか。, 自身はこの設定で表示されています。 height:auto !important; }, @keyframes speak { DiscordとOBSを連携させる ことでマイクの反応を感知し、それに合わせて変化するイラストを表示させてマイクに合わせて動くアニメーションを追加する方法があったんですねぇ～. 音声入力キャプチャ 2. 0 px. content:url(②画像A); Display Online Count. filter: brightness(100%); (2018/09/22) filter: brightness(80%); OBSの設定が適切であっても、HDCPが原因でゲーム画面がOBSに映らないことがあるでしょう。注意が必要なのは、（1）MonsterX U3.0Rや、AVT-C875を使用している場合で、なおかつ（2）PS3をHDMI接続している場合です。 1. なぜかわかるようでしたら教えてほしいです。, こちらの環境では昨日24日に表示ができることを確認いたしました。 普通に配信できるところまで適当に設定してください、OBS使ったことがある人ならわかると思います。 色んなサイトにやり方が書いてあると思うのでココでは割愛。 ポイント１ HDMI出力している音声の 「音声モニタリング」を「モニターと出力」にする。 こんな感じ。特に説明することはないです。 でもこれだと、OBSから音が出て二重に音が聞こえちゃうのでOBSから出てくる音を自分には聞こえないようにします。 ポイント２ OBSの設定から「音声」のタブの「詳細設定」の欄で「モニタリングデ … 投稿日：2018年2月8日 更新日：2020年11月11日, TeamSpeak 3に代わるボイスチャットアプリとして、自身も利用しているDiscord。 【Apex Legends】Prime Gamingでゲーム内特典を入手する方法【連携】. height:auto !important; width:auto !important; すると追加可能なソースが一覧で現れますから、上から5番目にある「ブラウザ」を選択します。, URLをコピーしたらOBSに戻り「URLの欄」に貼り付ければ、設定完了です。 もちろん１人での配信でアバター的な活用も可能です Invite Channel. -webkit-animation: speak 1s linear 0s infinite normal; Three customizable Discord widgets for your stream. border-radius:0% !important; #ffffff . -moz-animation: speak 1s linear 0s infinite normal; 終わりですっ！ばいばいっ！ どちらの製品も、「付属のキャプチャーソフトでなら」PS3のゲー … https:/... https://gamer-natori.com/wp-content/uploads/2020/01/2020-09-06-01-12-06_1.mp4, 【Dead by Daylight】新サバイバーエロディーのパーク「 査定」でチェスト構成！, モンスター達の青春恋愛ゲーム「Monster Prom 2: Monster Camp」. Contribute to CatxFish/obs-virtual-cam development by creating an account on GitHub. コラボ雑談等で使えば一気にバラエティー調に楽しくなると思います！ filter: brightness(80%); Text Outline Color #000000. -- 2019-09-28 追記 下のボタンから「Discord - StreamKit」のページへ移動します。 Discord - StreamKit. 「Discord iPhone Webカメラ化」 などで検索すると出てくるアプリが「epoccam」というものなのですが、何度試してもうちのWindowsPCでは全く上手くいきませんでした(PCでカメラを検知しても受信機の側がまともに動いてくれなかった)。 そこで今回使ったアプリが次の項です。 今回使用するアプリ … やりかた↓https://t.co/iHSUP9Kagj pic.twitter.com/zPtmLrXoso, やり方はとっても簡単で動かすためのイラストを２～３枚用意＋OBSにこの記事で紹介しているコードを挿入するだけで使用できます, この①URL、②カスタムCSSの二つを用意することで配信画面に”声に合わせて動くイラストを表示する装飾”となります, トップページから→Install for OBS→Voice Widgetと進み、検知させたいDiscoordの通話チャンネルを指定します, 上の設定例では「なとり配信用チャンネル」のGeneralでのマイク通話の信号を検知します, チャンネルの指定ができたら、右下のurlをコピーしてさきほどのブラウザのurlの項目に入力しましょう, li.voice-state:not([data-reactid*=”①ディスコードのキャラID“]) { display:none; } ここでいう通話音声とは、 相手の声; 自分の声; の2つのことです。 OBSでDiscordの通話音声を入れるための設定 について見ていきましょう。 OBSを使う。OBSに以下のソースをそれぞれ追加して、デバイスとしてキャプチャボードを指定する。これで、OBSが映像と音声を参照できるようになる。 1. status widget chat widget voice widget. Select a Channel. }, .speaking { 雑談配信で使うとこんな風になります. Server. 100% {content:url(https://cdn.discordapp.com/attachments/XXXXXXXXXXXXXXX/XXXXXXX/testC.png);} Discord の画面共有機能こと GoLive が正式に実装され、全てのサーバーで利用できるようになったようだ。しかしこの GoLive 機能、それまでの画面共有とはやや使い勝手が異なる。簡単にではあるが機能の紹介と使い方の解説をしよう。... Youtubeのダウンロードも可能なBlu-ray&DVDコピーソフト Leawo Prof. Media の紹介[PR], ネットの動画をダウンロードするなら VideoProc が簡単に出来て便利[PR], 俺が三大キャリア(docomo/au/softbank)を使わずに MVNO を選ぶ理由, ゲーミングマウス G502 HERO(G502RGBhr) を購入したのでレビューとか. 次にDiscord側の設定をいじっていきます。 おそらくデフォルトだとPCに内臓されたカメラがビデオ通話で使用するカメラになっている(もしくは内臓していないPCだとないかも)ので、これをiVCamで受信した映像を参照するように設定します。 }, ①DiscordのキャラIDは”Discordの会話の中で誰の発言に反応するか”の指定です。配信で使用するボイス通話チャンネルを開き、該当するメンバーを右クリックしIDのコピーをします, 32854475〇〇○○〇〇1←こんな感じで長い数字がでてくるのでこれをコードの①の部分に挿入します, 右クリックをしてもIDのコピーの選択肢が現れない場合はDiscordの設定を変更し、開発者モードをONにしてください, 画像Ｂと画像Ｃ マイクが反応している間に表示される。BとCの二枚を0.5秒おきに切り替え続ける, マイクが反応している間は画像Ｂ、Ｃが0.5秒おきに切り替わることでティラノサウルスがカパカパと口をあけたような感じのアニメーションになります, 目的は話している感じにすることなので、最低限口が動いていればよいと思います。余力があれば黒目の位置を動かしてみたり、画像そのものの位置をややズラしてみるとドタバタした感じになるでしょう, この例ではシンプルなイラストだったので「そんなに動かなくてもいいかなぁ、」と思い、待機状態のイラスト画像Ａと話している時の画像Ｂを同じ画像で流用しました, 「会話話のアニメーションで使うのが二枚の画像だけじゃあクオリティが低いのでは？」と思う人もいるかもしれません, 「もっと凝った画像でやりたい！」という方のために画像を増やすような方法も後程紹介しますが、配信のメインは後ろの画面なので基本はこれぐらいシンプルなほうが見やすいと思います, 上の画像のように、ほとんどの配信はこんな風にメインの映像が凝ったものになると思います。会話イラストまで凝ったものだと後ろが見づらくなってしまうので手間、パフォーマンス両方の面からシンプルなイラストで初めて見るのが良いと思います, ということで適当な画像が無い方は加工しての利用が可能ないらすとやさんのイラストをオススメします, Discordで参照するためには使用する画像を一度Discordのチャット欄にドロップする必要があります, この手順で②画像ＡのURL③画像ＢのURL④画像ＣのURLそれぞれを埋めていきましょう, li.voice-state:not([data-reactid*=”XXX631XXX”]) { display:none; }