--- title: (初級) WebRTCの一般的な仕組み・サーバー構成（シグナリング/TURN/SFU）｜ブイキューブのはたらく研究部 description: 近年、ブラウザやアプリを介して、ダイレクトに動画や音声のやり取りができるようになりました。ビジネスシーンでも、ビデオ会議を通じて、物理的に離れている相手とやり取りができるようになり、リモートワークの促進などが期待されています。今回は、ビデオ会議を実現する技術の1つ「WebRTC」の基礎知識をお伝えします。 image: https://www.nice2meet.us/hubfs/teleworknavi/images/post_header/blog_webRTC_main.jpg --- [![ブイキューブのはたらく研究部](https://www.nice2meet.us/hs-fs/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/logo.png?width=302&height=104&name=logo.png)](https://www.nice2meet.us/) - [![公式Xアカウント](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_x.svg)](https://twitter.com/TeleworkNavi/) - [![公式Facebookアカウント](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_facebook.svg)](https://www.facebook.com/TeleworkNavi/) - [はたらく業界](https://www.nice2meet.us/tag/industry) はたらく業界 業界の動向や特色、最新情報をキャッチ - [#エンタメ](https://www.nice2meet.us/tag/industry_entertainment) - [#建設](https://www.nice2meet.us/tag/industry_construction) - [#不動産](https://www.nice2meet.us/tag/industry_realestate) - [#製造](https://www.nice2meet.us/tag/industry_manufacture) - [#官公庁](https://www.nice2meet.us/tag/industry_government) - [#製薬](https://www.nice2meet.us/tag/industry_pharma) - [はたらく部署](https://www.nice2meet.us/tag/department) はたらく部署 部署別の課題と成功の秘訣を探る - [#総務](https://www.nice2meet.us/tag/department_general-affairs) - [#法務](https://www.nice2meet.us/tag/department_legal-affairs) - [#人事](https://www.nice2meet.us/tag/department_human-resources) - [#経理](https://www.nice2meet.us/tag/department_accounting) - [#広報](https://www.nice2meet.us/tag/department_public-relations) - [#経営企画](https://www.nice2meet.us/tag/department_busines-planning) - [#マーケティング](https://www.nice2meet.us/tag/department_marketing) - [#営業](https://www.nice2meet.us/tag/department_sales) - [#現場作業](https://www.nice2meet.us/tag/department_fieldwork) - [#情シス](https://www.nice2meet.us/tag/department_information-system) - [はたらく課題](https://www.nice2meet.us/tag/issue) はたらく課題 日々の業務課題を解決するヒントとケーススタディ - [#オフィス](https://www.nice2meet.us/tag/issue_office) - [#生産性向上](https://www.nice2meet.us/tag/issue_productivity-improvement) - [#採用](https://www.nice2meet.us/tag/issue_recruitment) - [#研修・教育](https://www.nice2meet.us/tag/issue_training-education) - [#エンゲージメント向上](https://www.nice2meet.us/tag/issue_engagement) - [#はたらき方](https://www.nice2meet.us/tag/issue_workstyle) - [#社内コミュニケーション](https://www.nice2meet.us/tag/issue_internal-communication) - [#テレワーク・ハイブリッドワーク](https://www.nice2meet.us/tag/issue_telework-hybridwork) - [#DX](https://www.nice2meet.us/tag/issue_dx) - [#PR](https://www.nice2meet.us/tag/issue_pr) - [#記者会見・発表会](https://www.nice2meet.us/tag/issue_pressconference-announcement) - [#株主総会](https://www.nice2meet.us/tag/issue_shareholder-meeting) - [#コスト削減](https://www.nice2meet.us/tag/issue_cost-reduction) - [#業務効率化](https://www.nice2meet.us/tag/issue_business-efficiency) - [#接客・販売](https://www.nice2meet.us/tag/issue_customer-service) - [#営業](https://www.nice2meet.us/tag/issue_sales) - [はたらく製品・サービス](https://www.nice2meet.us/tag/product) はたらく製品・サービス 業務に役立つ製品・サービスの最新情報と事例 - [#Web会議](https://www.nice2meet.us/tag/product_web-conference) - [#オンラインイベント](https://www.nice2meet.us/tag/product_online-event) - [#SDK](https://www.nice2meet.us/tag/product_sdk) - [#個室ブース](https://www.nice2meet.us/tag/product_privatebooth) - [#スマートグラス](https://www.nice2meet.us/tag/product_smartglasses) - [#社内動画](https://www.nice2meet.us/tag/product_internalvideo) - [#株主総会](https://www.nice2meet.us/tag/product_shareholder-meeting) - [#メタバース](https://www.nice2meet.us/tag/product_metaverse) - [#クラウド電話](https://www.nice2meet.us/tag/product_cloudphone) メニュー - [はたらく業界](https://www.nice2meet.us/tag/industry) - [はたらく部署](https://www.nice2meet.us/tag/department) - [はたらく課題](https://www.nice2meet.us/tag/issue) - [はたらく製品・サービス](https://www.nice2meet.us/tag/product) - [公式X](https://twitter.com/TeleworkNavi/) - [公式Facebook](https://www.facebook.com/TeleworkNavi/) - [![twitter](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_x.svg)ポスト](https://twitter.com/share?url=https://www.nice2meet.us/webrtc-general-server-configuration-signaling-turn-sfu&text=(初級)%20WebRTCの一般的な仕組み・サーバー構成（シグナリング/TURN/SFU）) - [![facebook](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_facebook.svg)シェア](http://www.facebook.com/sharer.php?u=https://www.nice2meet.us/webrtc-general-server-configuration-signaling-turn-sfu&t=(初級)%20WebRTCの一般的な仕組み・サーバー構成（シグナリング/TURN/SFU）) - [![](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_line.svg)LINEで 送る](https://social-plugins.line.me/lineit/share?url={encodeURIComponent(URL)}) - ![](https://www.nice2meet.us/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/icon_link.svg)URLを コピー # (初級) WebRTCの一般的な仕組み・サーバー構成（シグナリング/TURN/SFU） - [#SDK](https://www.nice2meet.us/tag/product_sdk) 2020.02.17 ![](https://www.nice2meet.us/hubfs/teleworknavi/images/post_header/blog_webRTC_main.jpg) 近年、ブラウザやアプリを介して、ダイレクトに動画や音声のやり取りができるようになりました。 ビジネスシーンでも、ビデオ会議を通じて、物理的に離れている相手とやり取りができるようになり、リモートワークの促進などが期待されています。 ビデオ会議を実現する技術の1つに「WebRTC」という仕組みがあります。今回はこのWebRTCの基礎知識をお伝えします。 ###### 目次［ 非表示 ］［ 表示 ］ ## WebRTCとは WebRTCとは、「Web Real-Time Communication」の略称で、APIを経由して、ウェブブラウザやモバイルアプリでリアルタイム通信を実現しようと立ち上がったプロジェクトです。WebRTCのプロジェクトに参画しているのは、アップル、Google、マイクロソフトなど名だたるIT企業ばかりです。 ### 対応ブラウザ 対応しているブラウザは、PCでは、Google Chrome、Microsoft Edge、Mozilla Firefox、Safari、Operaになります。多くの人が日常的に使っている主要なブラウザでは、ほぼ対応していると言ってよいでしょう。 またスマートフォンなどモバイル環境で使用するOSでは、AndroidはGoogle Chrome、Mozilla Firefox、Opera Mobile、iOSはSafariです。 ### 利用シーン WebRTCは様々なシーンで利用されています。例えば、Web会議、Web面接、オンライン営業などのビジネスシーンではもちろん、オンライン教育、ボイスチャット、オンラインクレーンゲームなどでも利用されています。 また、遠隔医療、オンラインフィットネス、IoT映像配信、VRライブ配信など今後その利用シーンはさらに広がることが予想されます。 ## シグナリングサーバーとは WebRTCは、様々なサーバーなどを組み合わせ、利用できるようにしています。 その1つに「シグナリングサーバー」があります。シグナリングサーバーは「通信相手に関する情報を得る」のが役割で、WebRTCにおいて欠かせないサーバーです。 そもそも相手とやり取りをしようにも、相手が誰でどこにいるのか判別できなければ、やりようがありません。そこで、シグナリングサーバーは相手のユーザー名を伝えることで、その他通信に必要な情報を収拾できるようにしているのです。 ## P2Pとは WebRTCを理解するうえで、とても重要な概念があります。それが「P2P」です。P2PはPeer to Peerの略になります。 P2Pの基本的な概念は「サーバーを介さず、端末同士が直接通信できるようにする」というものです。 ## STUNサーバーとは "P2Pのような"やり取りを実現するために、必要となるのはシグナリングサーバーだけではありません。その他にも「STUNサーバー」や「TURNサーバー」などを利用します。 なぜ、これらのサーバーが必要となるのか。その理由は「NAT(=Network Address Translation)」の存在があります。 ### NATとは NATは、ネットワークアドレスを変換する機能です。 例えば、自宅でWi-Fiをつないだ際、端末にグローバルIPアドレスが付与されていないケースがあります。これは、プロバイダーから割り振られるIPアドレスが一つのため、複数の端末がインターネットに接続できるよう、ルーターがIPをLANの端末へ振り分けているためです。 そのため、端末で表示されるIPアドレスがグローバルIPアドレスと異なることがあります。しかし、これでは情報を送りたい側は困ってしまいます。なぜなら、通信したい先の本当のIPアドレスが変換されているため、わからないからです。 そこで、NATによって変換されたアドレスをセキュアに関連づける「NAT超え」が必要となります。その際に必要となるのが、STUNサーバーとTURNサーバーです。 ### STUNサーバーの役割 STUNサーバーは外部ネットワークから見た際の自身のIPアドレスを教えてくれます。そのアドレスと自身のPCのアドレスを比較してNAT越えが必要かを判断します。 ## TURNサーバーとは STUNサーバーを使えば、NAT超えが必要かどうかがわかります。実際に企業で導入しているネットワークにはNAT越えが必要な場合が多く、且つ、Firewallを超える必要もでてきます。 ### Firewallを超える Firewallは、ほとんどのパソコンに組み込まれた基本的なセキュリティ対策の1つです。特に、企業においては、サイバー攻撃などのリスクを防ぐため、ポート制御やウイルス感染を防ぐ役割を担います。 しかし、Firewallをセキュアに超えられる仕組みがなければ、ビジネスシーンでP2Pのような通信ができません。そこで、考えられたのが「TURNサーバー」です。 ### TURNサーバーの仕組み TURNサーバーは、もともとVoIPやオンラインゲームで使用されていた仕組みです。TURNサーバーでは、通信の際に発生するストリームデータの受け渡しをするブリッジの役割を担います。 ## SFUサーバーとは SFU(Selective Forwarding Unit)サーバーは、音声や映像をP2Pではなく、サーバー経由で行う技術です。配信者が直接相手に通信するのではなく、サーバーを間に挟むことで、動画の視聴者増加などによる、端末への負荷軽減を可能にします。これにより、リアルタイムで多くの視聴者に音声や動画を配信できます。 ### 多拠点で接続する 現代では、多拠点に同時に動画を届ける必要があります。YouTubeなどの動画サイトでもライブ配信が行われ、大量のユーザーが同時に視聴するケースが多々あります。 このような処理を行うには、一般ユーザーが使用する端末では不可能です。よりハイスペックで、大量の同時接続にも耐えうるような強力なサーバーが求められ、その傾向は今後もさらに続くでしょう。 ### MCUとの違い 多拠点同時配信を行う技術として、MCU（Multipoint Control Unit）があります。MCUは、SFUで用いるサーバーよりさらにハイスペックなマシンを用いて、音声や映像を合成したり、回線が細いユーザーに対してはビットレートを落として映像を送るなどができます。 しかしその分、処理の負荷がかかり、特にCPUのコア数が必要です。 ### 仮想広域ネットワーク SFUやMCUよりもさらに多くの拠点と接続できる仕組みとして、「仮想広域ネットワーク」を使ったサービスも存在します。 例えば、（株）ブイキューブが提供するライブ配信・ビデオ通話・音声通話SDKの[Agora](https://jp.vcube.com/service/agora)は、HLSやFlashを使用せず、独自のプロトコルで超低遅延を実現。世界中のデータセンターにノードを構築し、自動で最適な経路を選択するアルゴリズムを備えています。 またWebRTCとも互換性を持ち、SFU型よりさらに規模が大きい通話などにも対応。P2Pより安定した通信を実現しています。 ## SDKを用いて開発する 上記の通り、WebRTCを利用したシステムを自社開発するには、様々なサーバーの構築・管理が必要です。しかし、最近ではSDKを使って自社開発を極力少なくすることができます。 とはいえ、SDKにも様々な種類があり、選ぶのに迷うケースもあるでしょう。その際は、WebRTCの商用サービスについてまとめた記事がありますので、こちらをご覧ください。 [WebRTCの商用サービスまとめ｜Twilio, SkyWay,Agora など](https://www.nice2meet.us/summary-of-webrtc-commercial-services.-twilio-skyway-sora-agora.io-etc) ## まとめ ここまで、WebRTCの基本的な仕組みからサーバーの構成までお伝えしました。 今後、動画などよりリッチな情報をやり取りするケースが増えるでしょう。その際、WebRTCが必要になりましたら参考にしていただければ幸いです。 ![ブイキューブ](https://www.nice2meet.us/hubfs/author/V-CUBE.jpg) ###### 著者情報ブイキューブ ブイキューブは映像コミュニケーションの総合ソリューションプロバイダとして、世界中どこにいても働ける働き方・環境の実現を目指しています。創業時よりテレワークを活用し、2016年には総務省「テレワーク先駆者百選　総務大臣賞」に選出されました。 ## 関連記事 [![代表的な音声配信アプリ12選！種類と特徴をご紹介](https://www.nice2meet.us/hs-fs/hubfs/teleworknavi/images/post_header/blog_audio-delivery_main.jpg?width=340&name=blog_audio-delivery_main.jpg) 代表的な音声配信アプリ12選！種類と特徴をご紹介 - #エンタメ - #SDK 2022.03.31 ](https://www.nice2meet.us/voice_streaming_app) [![SDKとは？基礎知識や活用事例を紹介](https://www.nice2meet.us/hs-fs/hubfs/teleworknavi/images/post_header/blog_sdk_main.jpg?width=340&name=blog_sdk_main.jpg) SDKとは？基礎知識や活用事例を紹介 - #SDK 2022.02.22 ](https://www.nice2meet.us/sdk) [![WebRTC SFUとは？通信方式の種類とリアルタイム配信ツールを自社開発する方法](https://www.nice2meet.us/hs-fs/hubfs/teleworknavi/images/post_header/blog_webrtc_sfu_main.jpg?width=340&name=blog_webrtc_sfu_main.jpg) WebRTC SFUとは？通信方式の種類とリアルタイム配信ツールを自社開発する方法 - #SDK 2022.02.18 ](https://www.nice2meet.us/webrtc_sfu) [![ボイスチャットアプリが話やすいワケ。Agoraの高音質オーディオ](https://www.nice2meet.us/hs-fs/hubfs/teleworknavi/images/post_header/blog_agora-sound-quality_main.jpg?width=340&name=blog_agora-sound-quality_main.jpg) ボイスチャットアプリが話やすいワケ。Agoraの高音質オーディオ - #エンタメ - #SDK 2021.06.03 ](https://www.nice2meet.us/agora-sound-qualoty) [![ブイキューブのはたらく研究部](https://www.nice2meet.us/hs-fs/hubfs/raw_assets/public/Custom/vcube-work-lab/theme/images/logo.png?width=246&height=86&name=logo.png)](https://www.nice2meet.us/) - [ブイキューブのはたらく研究部とは](https://www.nice2meet.us/about) - [運営会社](https://jp.vcube.com/) - [個人情報保護方針](https://jp.vcube.com/privacy) - [![各種お問い合わせ](https://no-cache.hubspot.com/cta/default/1970584/bd154394-2a9c-4779-9e26-740a5d569802.png)](https://cta-redirect.hubspot.com/cta/redirect/1970584/bd154394-2a9c-4779-9e26-740a5d569802) © V-cube, Inc. All Rights Reserved. ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "ブイキューブ", "url" : "https://www.nice2meet.us/author/ブイキューブ" }, "dateModified" : "2023-10-19T12:31:46.373Z", "datePublished" : "2020-02-17T12:31:00.000Z", "headline" : "(初級) WebRTCの一般的な仕組み・サーバー構成（シグナリング/TURN/SFU）", "image" : [ "https://www.nice2meet.us/hubfs/teleworknavi/images/post_header/blog_webRTC_main.jpg" ], "mainEntityOfPage" : { "@id" : "https://www.nice2meet.us/webrtc-general-server-configuration-signaling-turn-sfu", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.nice2meet.us/hubfs/vcube-work-lab/logo.png" }, "name" : "株式会社ブイキューブ" } } ```