<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://organizeseries.com/"
	>

<channel>
	<title>WebRTC Conference Japan 特集 &#8211; HTML5Experts.jp</title>
	<atom:link href="/series/webrtc_conf_jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://html5experts.jp</link>
	<description>日本に、もっとエキスパートを。</description>
	<lastBuildDate>Sat, 07 Jul 2018 03:14:05 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.7.19</generator>
	<item>
		<title>エンタープライズ環境におけるWebRTC活用のポイント─WebRTC Conference Japan</title>
		<link>/shumpei-shiraishi/12735/</link>
		<pubDate>Fri, 13 Feb 2015 00:00:11 +0000</pubDate>
		<dc:creator><![CDATA[白石 俊平]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[WebRTC]]></category>
		<category><![CDATA[WebRTC Conference]]></category>

		<guid isPermaLink="false">/?p=12735</guid>
		<description><![CDATA[連載： WebRTC Conference Japan 特集 (3)2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanが開催されました。 本記...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/webrtc_conf_jp/" class="series-244" title="WebRTC Conference Japan 特集" data-wpel-link="internal">WebRTC Conference Japan 特集</a> (3)</div><p>2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanが開催されました。<br>
本記事ではその中でも「エンタープライズ環境におけるWebRTC活用のポイント」というセッションの内容について紹介します。プレゼンターは日本ヒューレット・パッカード株式会社 通信メディアソリューションズ統括本部 スペシャリストの寄高啓明氏。今回は寄高氏の講演再現レポートでお届けします。</p>

<p><img src="/wp-content/uploads/2015/02/webrtc4.jpg" alt="" width="640" height="393" class="alignnone size-full wp-image-12773" srcset="/wp-content/uploads/2015/02/webrtc4.jpg 640w, /wp-content/uploads/2015/02/webrtc4-300x184.jpg 300w, /wp-content/uploads/2015/02/webrtc4-207x127.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><br><span style="font-size: 80%;">　▲日本ヒューレット・パッカード株式会社 通信メディアソリューションズ統括本部 寄高 啓明氏</span></p>

<h2>WebRTCの特徴</h2>

<p>日本HPの寄高（よりたか）と申します。HPといえばPCやプリンター、サーバのイメージをお持ちの方も多いと思いますが、そればかりではありません。弊社はいわゆるソリューション製品やSIなどの業務も行っておりまして、私は通信やテレコム向けのシステムを構築する仕事に従事しております。</p>

<p>なので、どうしても私もテレコムや通信事業者の見方が強くなってしまいがちかもしれませんが、どうかご容赦ください。まず最初に、ここにいらっしゃる方々には釈迦に説法になってしまうかもしれませんが、WebRTCの技術的な特徴をおさらいしたいと思います。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/57dce00df018a5700cc2d11e6c8b8f84.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/57dce00df018a5700cc2d11e6c8b8f84.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_03" width="640" height="360" class="aligncenter size-full wp-image-12738" srcset="/wp-content/uploads/2015/02/57dce00df018a5700cc2d11e6c8b8f84.png 640w, /wp-content/uploads/2015/02/57dce00df018a5700cc2d11e6c8b8f84-300x168.png 300w, /wp-content/uploads/2015/02/57dce00df018a5700cc2d11e6c8b8f84-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>WebRTCは、ブラウザ上でリアルタイムコミュニケーションを実現できるものです。これは、私のようにテレコムの世界で生きてきた人間にとってはものすごく画期的なことです。</p>

<p>何が一番画期的かというと、開発者のベースが大きく広がるというところです。<br>
テレコムの業界というのは、いわゆるインターネット世代の方々は聞いたことのないようなプロトコルを使って、1ビットでもミスがあると通信できないといった世界で生きています。そういう世界で生きている技術者というのは、もうかなり少なくなってしまっている。<br>
一方Web技術者はその10倍、100倍という開発者人口があります。そうした方々の力を借りて、リアルタイムコミュニケーションの可能性を広げていくことができます。</p>

<p>2点目はデバイスフリーです。<br>
ブラウザはスマホ、PC、タブレットと言ったデバイスには既に搭載されていますが、最近ではゲーム機やカーエレクトロニクスなどの分野にも積まれています。将来的にはウェアラブルデバイスや家電など、何にでもWebブラウザは載ってくる。そうしてWebブラウザの利用範囲が広がっていくことで、リアルタイムコミュニケーションの間口も広がっていく。</p>

<p>また、アプリのインストールがが不要であるという点も非常に重要です。<br>
我々開発者とは異なり、一般のユーザにとっては「インストール」という行動は、実は大きなハードルを伴います。私自身もそうですが、友人などの間で評判が良くて安全なアプリしか基本的にはインストールしません。ですが、Webアプリはブラウザさえあれば動作しますので、URLに移動するだけでユーザが使いはじめることができる。導線が非常にスムーズなわけです。</p>

<p>4点目は、Webサービスを作る際に、どういう設計を行うかです。<br>
WebRTCはやはりブラウザ同士のP2Pという文脈で語られることが非常に多いですが、サービスを作る側からすると、何らかのサーバを置くという可能性はどうしても捨てられないところがあります。サービスのユーザが取っている行動を知るためには、サーバ上でログを残したいですし、サーバ上で何らかの付加価値を付けるということもできます。どちらの設計が今後主流になっていくのかはわかりませんが、個人的にも非常に興味のあるところです。</p>

<h2>WebRTCのユースケース</h2>

<p>今回は「エンタープライズ環境におけるWebRTC活用のポイント」というセッションですので、WebRTCが有効に使えるであろうユースケースについて考えてきました。</p>

<p>ここでは、今現在実現されているユースケースだけではなく、今後可能になるであろうユースケースも考えてまいりましたので、そちらご紹介したいと思います。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/cd87e129f54641f4f10c3c32bef7c585.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/cd87e129f54641f4f10c3c32bef7c585.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_04" width="640" height="360" class="aligncenter size-full wp-image-12739" srcset="/wp-content/uploads/2015/02/cd87e129f54641f4f10c3c32bef7c585.png 640w, /wp-content/uploads/2015/02/cd87e129f54641f4f10c3c32bef7c585-300x168.png 300w, /wp-content/uploads/2015/02/cd87e129f54641f4f10c3c32bef7c585-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>まず思いつくのはコールセンターですね。コールセンターというのは、電話とコンピュータが連動する非常に複雑なシステムですが、こちらはWebRTCと非常に親和性がいい。海外ではすでに商用の導入事例が存在します。</p>

<p>ユニファイド・コミュニケーションの分野では、例えばマイクロソフトさんもLinqやSkypeをWebRTCで再実装するなんて噂もありますし、様々な既存のリアルタイムコミュニケーションを統合できる可能性があります。</p>

<p>ビデオやWeb会議の分野で使えるかもしれない、というのはもはや言わずもがなですね。</p>

<p>遠隔教育やヘルスケアの分野など、リモートで人をつなぐ必要性がある部分についても、利用されるのは間違いありません。</p>

<p>このように、よくWebRTCのユースケースとして挙げられるのは、「コミュニケーションというところを軸にして、その入口をブラウザにしましょう」という話かと思います。これらはもちろん実現が望まれるサービスではあるのですが、もう少し違ったユースケースも、WebRTCなら実現できるのではないかと思い、いろいろ考えてきました。</p>

<p>1つ目は「BYOD的活用」と書かせていただいていますが、こちらは具体的にはVDI（Virtual Desktop Infrastructure）だとか、DaaS（Desktop as a Service）といったクラウド側のサービスですね。<br>
こうしたサービスはすでにいろいろな事業者さんが提供されていたりしますが、現状は、リモートデスクトップを表示する端末側も（会社内の）Windowsデスクトップであることが多い。</p>

<p>これは管理のコストを下げたり、セキュリティを向上させるという点では有効ではあると思うのですが、例えば生産性を向上させるとか、ワークライフバランスを改善するとか、そういうところにつながるものではない。ここにWebRTCというスパイスを加えると、ガラッと仕事のやり方を変えられるんじゃないかな、と思っています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/1f1962fa32196a64fbcaad4c80b826f8.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/1f1962fa32196a64fbcaad4c80b826f8.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_05" width="640" height="360" class="aligncenter size-full wp-image-12740" srcset="/wp-content/uploads/2015/02/1f1962fa32196a64fbcaad4c80b826f8.png 640w, /wp-content/uploads/2015/02/1f1962fa32196a64fbcaad4c80b826f8-300x168.png 300w, /wp-content/uploads/2015/02/1f1962fa32196a64fbcaad4c80b826f8-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>スライドの右側にあるのがDesktop as a Service、つまりクラウドですね。そしてクライアント側のデバイスは、WebRTCでつなぐことで、タブレットでも自宅のPCでも何でもよくなるわけです。これが実現できれば、自宅でも出先でも仕事できる、というユーザーメリットがあります。</p>

<p>BYODは、実際にはあんまりはやっていないんですよね。端末の管理がどうしても問題になってしまう。例えばMDM (Mobile Device Management)だとかMAM (Mobile Application Management)だとか、MCM (Mobile Contents Management)だとか、「MナントカM」でAからZまで全部作れるんじゃないかという。</p>

<p>それはそれで商売になるからいい、という話もあるんですが、こうした管理は企業側にとっても負担になりますし、社員側も自分個人の端末に「MナントカM」のアプリをあまり入れたくはないですよね。</p>

<p>そういう抵抗があって流行らないんじゃないかな、と。この状況はWebRTCなら、アプリのインストールもいらないし、端末側に何も残らないので、打開できるんじゃないかと考えています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/734319fd1ac0dea527e174c228a727ad.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/734319fd1ac0dea527e174c228a727ad.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_06" width="640" height="360" class="aligncenter size-full wp-image-12741" srcset="/wp-content/uploads/2015/02/734319fd1ac0dea527e174c228a727ad.png 640w, /wp-content/uploads/2015/02/734319fd1ac0dea527e174c228a727ad-300x168.png 300w, /wp-content/uploads/2015/02/734319fd1ac0dea527e174c228a727ad-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>次は、遠隔業務支援です。WebRTCを使っているわけではないですが、近いことをやっているサービスはすでにあります。例えば事故現場を、遠隔地にいる医者や新聞社とリアルタイムに共有する…なんてことは行われている。</p>

<p>私はさらに、（WebRTCによってリアルタイムコミュニケーションの敷居が下がるので）一工夫加えられるんじゃないかと考えています。例えば事務処理なんかも、リアルタイムに現場と映像を見ながらやりとりできるんじゃないでしょうか。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/f472e9fc6b6d8d94dfcfb0d35f9fae25.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/f472e9fc6b6d8d94dfcfb0d35f9fae25.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_07" width="640" height="360" class="aligncenter size-full wp-image-12742" srcset="/wp-content/uploads/2015/02/f472e9fc6b6d8d94dfcfb0d35f9fae25.png 640w, /wp-content/uploads/2015/02/f472e9fc6b6d8d94dfcfb0d35f9fae25-300x168.png 300w, /wp-content/uploads/2015/02/f472e9fc6b6d8d94dfcfb0d35f9fae25-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>続いて、このユースケースはちょっとこわいんですが、デスクトップの監視とかにも使えるだろうな、と。具体的なユースケースとしては、私の友人がSkypeでオンライン英会話を行えるサービスを使っているらしいのですが、講師の中にはバスローブやネグリジェを着て現れる先生がいたり、裏で友達とチャットをしていたりゲームをしていたり、講師側のガバナンスが効いていないそうなんですね。これを、デスクトップの映像をサーバ側に保存することによって、監査の目が行き届くようにするといった具合です。</p>

<p>で、こうしたユースケースをいろいろ考えていくと、弊社では「まずは作ってみよう」という話になるわけです。実装してみた上でWebRTCに期待することや、現状の課題なんかも見えてきました。最後に、それらを情報共有させていただければと思います。</p>

<h2>WebRTCの期待と課題</h2>

<p>まずはWebRTCに期待することからですね。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/1cbbccd37015e6f7de54e32747583fdc.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/1cbbccd37015e6f7de54e32747583fdc.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_09" width="640" height="360" class="aligncenter size-full wp-image-12744" srcset="/wp-content/uploads/2015/02/1cbbccd37015e6f7de54e32747583fdc.png 640w, /wp-content/uploads/2015/02/1cbbccd37015e6f7de54e32747583fdc-300x168.png 300w, /wp-content/uploads/2015/02/1cbbccd37015e6f7de54e32747583fdc-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>1つ目は、このセッションの最初の方でも申し上げましたが、デバイスフリー時代の幕開けです。どんなデバイス上でも、同様にリアルタイムコミュニケーションが行える時代がやってくる。</p>

<p>2つ目は、リアルタイムコミュニケーション技術-いわゆるVoIPなどのテレコムの技術が開放されます。これも開発生産性の向上などでメリットが大きいですね。</p>

<p>3つ目は、企業システムとの親和性です。Webのシステムは、企業のシステムと非常に親和性が高い。例えばERPやCRMと言ったシステムとの連携は非常にやりやすい。</p>

<p>そして最後に、一番個人的に期待しているのは、アドホックな利用です。スマホのアプリを使い捨てるというのはなかなか考えにくいですが、Webアプリならそれが可能です。WebブラウザでURLでアクセスするだけという軽いユースケース、これが今後広まっていくんじゃないかなと考えています。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/0e85f6c2d1deb2bc0a3b6cd4b44133a4.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/0e85f6c2d1deb2bc0a3b6cd4b44133a4.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_10" width="640" height="360" class="aligncenter size-full wp-image-12745" srcset="/wp-content/uploads/2015/02/0e85f6c2d1deb2bc0a3b6cd4b44133a4.png 640w, /wp-content/uploads/2015/02/0e85f6c2d1deb2bc0a3b6cd4b44133a4-300x168.png 300w, /wp-content/uploads/2015/02/0e85f6c2d1deb2bc0a3b6cd4b44133a4-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>

<p>一方で、実際に作ってみるといろいろ課題もありました。</p>

<p>1つ目がバッテリー消費。スマホだと顕著ですね。ビデオ通話などをしていると、あっという間に電池が減っていきます。</p>

<p>2つ目がブラウザの対応です。Chromeなんかですと、定期的にバージョンアップされてしまいますので、「いつの間にか動かなくなった」ということもよく起こります。</p>

<p>次がネットワークの帯域制御です。私自身がテレコムから来ている人間ですので、QoSですとか、みんなが使うサービスとしては大丈夫なのかな、というところが気になっています。</p>

<p>あとは着信の問題です。現時点では、着信を可能にするためには、ずっとWebブラウザを立ち上げておく必要が生じてしまう。ここは知恵の絞りどころですね。</p>

<p>最後にセキュリティです。これは永遠の課題ですので、今後も専門家を交えて検討が進むんだろうなと考えています。</p>

<p>弊社でもWebRTC Platformというものを考えております。その図を示して、本セッションを終わりにしたいと思います。ありがとうございました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/f13ea978a2fb638a34fe5ab7f3788437.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/f13ea978a2fb638a34fe5ab7f3788437.png" alt="04_WebRTC_Conf_講演資料_提出用_HP_20150128_ページ_08" width="640" height="360" class="aligncenter size-full wp-image-12743" srcset="/wp-content/uploads/2015/02/f13ea978a2fb638a34fe5ab7f3788437.png 640w, /wp-content/uploads/2015/02/f13ea978a2fb638a34fe5ab7f3788437-300x168.png 300w, /wp-content/uploads/2015/02/f13ea978a2fb638a34fe5ab7f3788437-207x116.png 207w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
]]></content:encoded>
		
		<series:name><![CDATA[WebRTC Conference Japan 特集]]></series:name>
	</item>
		<item>
		<title>WebRTC DataChannelの活用方法とその可能性─WebRTC Conference Japan</title>
		<link>/iwase/12610/</link>
		<pubDate>Thu, 12 Feb 2015 00:00:11 +0000</pubDate>
		<dc:creator><![CDATA[岩瀬 義昌]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[WebRTC]]></category>
		<category><![CDATA[WebRTC Conference]]></category>

		<guid isPermaLink="false">/?p=12610</guid>
		<description><![CDATA[連載： WebRTC Conference Japan 特集 (4)本記事では、WebRTC Conference Japanのセッションの1つである、「WebRTC DataChannelの活用方法とその可能性」につい...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/webrtc_conf_jp/" class="series-244" title="WebRTC Conference Japan 特集" data-wpel-link="internal">WebRTC Conference Japan 特集</a> (4)</div><p>本記事では、<a href="http://webrtcconference.jp/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">WebRTC Conference Japan</a>のセッションの1つである、「WebRTC DataChannelの活用方法とその可能性」について紹介する。講演者は、Mist Technologies株式会社CEO・田中晋太朗氏だ。</p>

<div id="attachment_12634" style="width: 650px" class="wp-caption alignnone"><img src="/wp-content/uploads/2015/02/webrtc2.jpg" alt="Mist Technologies株式会社　 田中晋太朗氏" width="640" height="414" class="size-full wp-image-12634" srcset="/wp-content/uploads/2015/02/webrtc2.jpg 640w, /wp-content/uploads/2015/02/webrtc2-300x194.jpg 300w, /wp-content/uploads/2015/02/webrtc2-207x133.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><p class="wp-caption-text">Mist Technologies株式会社　 田中晋太朗氏</p></div>

<p>セッション内容は、大きく以下の2点である。</p>

<ul>
<li>WebRTC DataChannelのおさらい</li>
<li>ひねりのある使い方事例紹介</li>
</ul>

<p>以下でそれぞれの内容について紹介する。（発表資料全体は<a href="http://www.slideshare.net/shintarotanaka/data-channel-webrtc-conference-japan-26" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">こちらから</a>）</p>

<h2>WebRTC DataChannelのおさらい</h2>

<h3>概要</h3>

<p>DataChannelは、サーバを介さずにテキストやバイナリデータを送ることができる。特にバイナリデータが重要で、ArrayBuffer、ArrayBufferView、Blob、Stringを送信可能だ。</p>

<div id="attachment_12722" style="width: 1516px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33.png" alt="DataChannel概要" width="1506" height="1044" class="size-full wp-image-12722" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33-300x207.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33-1024x709.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.02.33-207x143.png 207w" sizes="(max-width: 1506px) 100vw, 1506px" /></a><p class="wp-caption-text">DataChannel概要</p></div>

<p>注意点として、CreateOfferでSDPを作成する前に、createDataChannelしておく必要がある。なぜなら、相手との通信に必要なSDPが作成できないためだ。</p>

<h3>プロトコルスタック</h3>

<p>DataChannelを支えるプロトコルとしてSCTPがある。SCTPは、簡単に言ってしまえば、TCPとUDPの良いとこどりのプロトコルで、createDataChannelの引数にオプションを設定することにより、動作を変更できる。</p>

<h2>ひねりのある使い方</h2>

<h3>事例1:DHT webrtc-chord</h3>

<p>P2P技術が好きな方はご存知かもしれないが、DHT(分散ハッシュテーブル)のアルゴリズムの1つであるchordのWebRTC実装が、<a href="https://github.com/tsujio/webrtc-chord" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">webrtc-chord</a>だ。chordは、分散型のKVSに似ており、様々なノードが、バランスよくデータを保持できる。</p>

<div id="attachment_12723" style="width: 1458px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47.png" alt="webrtc-chord" width="1448" height="980" class="size-full wp-image-12723" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47-300x203.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47-1024x693.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.47-207x140.png 207w" sizes="(max-width: 1448px) 100vw, 1448px" /></a><p class="wp-caption-text">webrtc-chord</p></div>

<p>DataChannelはこの中で、データの挿入・検索を実現するために利用されている。特に面白いのは、コントロールプレーン（実際のデータではなく、それを制御する通信のこと）をWebRTCのデータチャネルに担わせている点だ。</p>

<p>WebRTC Chordを利用すると、サーバでデータを持つ必要がなくなり、Pure P2Pに近づく。</p>

<h3>事例2:ファイル共有 WebDrop</h3>

<p>Mist Technologies社で、ウォーミングアップとして作ったサービスだ。ファイル共有をする際に、クラウドストレージにアップロードしたくないが、メール添付の容量を越えてしまう場合に、役立つ。</p>

<div id="attachment_12724" style="width: 1462px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55.png" alt="WebDrop" width="1452" height="1000" class="size-full wp-image-12724" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55-300x206.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55-1024x705.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.03.55-207x142.png 207w" sizes="(max-width: 1452px) 100vw, 1452px" /></a><p class="wp-caption-text">WebDrop</p></div>

<p>実装としては、JavaScriptからFileAPIを利用し、データを送る際に必要なメタ情報を、BinaryPackでArrayBufferへシリアライズして送っている。</p>

<p>Sharefestや、ShareDropが類似サービスだ。</p>

<h4>データ送受信の注意点</h4>

<p>ブラウザによって実装の違いが大きい点に注意する必要がある。例えば、ChromeやOperaでデータを送る場合は、バイナリの長さに制限がある。制限の長さを越えてしまうと、DataChannelがクローズされてしまう。</p>

<div id="attachment_12725" style="width: 1470px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02.png" alt="データ送受信の注意点1" width="1460" height="1006" class="size-full wp-image-12725" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02-300x206.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02-1024x705.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.02-207x142.png 207w" sizes="(max-width: 1460px) 100vw, 1460px" /></a><p class="wp-caption-text">データ送受信の注意点1</p></div>

<p>一方でFirefoxは良く出来ていて、どれだけの長さを送信しても、不都合は生じない。ただし、受信時のonmessageでのバイナリの扱いが特徴的で、Firefoxではblobで取り出せるようになっている。そのため、他のブラウザと処理を合わせるためには、Blobで出てきた場合は、ArrayBufferで処理するように実装する。</p>

<p>Chrome等でバイナリの長さ上限を回避するには、2つの方法がある。</p>

<ul>
<li>UDPデータグラムの長さの制限 : あるサイズでデータを輪切り(Chunk)にする</li>
<li>SDPの改変(b=AS:1638400等)により、帯域を変更する</li>
</ul>

<div id="attachment_12726" style="width: 1462px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11.png" alt="データ送受信の注意点2" width="1452" height="1006" class="size-full wp-image-12726" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11-300x207.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11-1024x709.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.11-207x143.png 207w" sizes="(max-width: 1452px) 100vw, 1452px" /></a><p class="wp-caption-text">データ送受信の注意点2</p></div>

<p>データを輪切りにして送信する場合は、送信側はデータをキューにためておいて、よいタイミングでsendを呼び出して送信する。受信側は、分割して送信されてくるので、Chunkを組み立てる必要がある。</p>

<h3>事例3: MistCDN</h3>

<p>もう1つの応用としてMistCDNを紹介する。</p>

<div id="attachment_12727" style="width: 1450px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28.png" alt="MistCDN1" width="1440" height="998" class="size-full wp-image-12727" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28-300x207.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28-1024x709.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.28-207x143.png 207w" sizes="(max-width: 1440px) 100vw, 1440px" /></a><p class="wp-caption-text">MistCDN1</p></div>

<div id="attachment_12728" style="width: 1460px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33.png" alt="MistCDN2" width="1450" height="1020" class="size-full wp-image-12728" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33-300x211.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33-1024x720.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.33-207x145.png 207w" sizes="(max-width: 1450px) 100vw, 1450px" /></a><p class="wp-caption-text">MistCDN2</p></div>

<p>MistCDNはP2P型のCDNで、同じサイトを閲覧している近いユーザから、DataChannelでデータを受信する仕組みだ。フロントエンドの実装はTypeScriptを利用している。</p>

<p>どういう利点があるかというと、CDNを使った場合に、ユーザレスポンスの向上が挙げられる。また、CDN自体の利用量（コスト削減）も実現できる。</p>

<p>類似のサービスも色々あるが、動画の配信という点では、MistCDNに優位性がある。</p>

<h4>P2P型CDNの要所</h4>

<p>既存のCDNは、HTTPの仕様に沿って実現されており、オーバヘッドが少ない。P2P型のCDNを実現しようとすると、シグナリングが必要になり、オーバヘッドが生じる。オーバヘッドが大きい場合は、結局遅くなることもある。</p>

<div id="attachment_12729" style="width: 1462px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43.png" alt="P2Pの要所" width="1452" height="1004" class="size-full wp-image-12729" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43-300x207.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43-1024x708.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.43-207x142.png 207w" sizes="(max-width: 1452px) 100vw, 1452px" /></a><p class="wp-caption-text">P2Pの要所</p></div>

<p>そこで、シグナリングのメッセージを減らす、また、小さいコンテンツはまとめて送る、等の工夫が必要になる。</p>

<p>また、データを受信するPeerを選択する場合には、遠いPeerを選ばないように、帯域を利用する等の工夫をしている。（詳細は企業秘密）<br>
ただし、クライアントサイドのコードは、誰でも読めてしまうので、将来的にオープンソース化も視野にいれている。</p>

<p>対応ブラウザの問題もつきまとうので、iOS向けにネイティブライブラリも開発している。</p>

<h3>活用方法とその可能性(Discussion)</h3>

<p>DHTのWebRTC実装等の事例を紹介してきたが、いくつかを組み合わせると、サーバの仕事を極力減らして、1つのシステムを組めるようになるのでは、と考えている。</p>

<div id="attachment_12730" style="width: 1460px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48.png" alt="今後登場しそうなWebRTC応用" width="1450" height="1006" class="size-full wp-image-12730" srcset="/wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48.png 640w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48-300x208.png 300w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48-1024x710.png 1024w, /wp-content/uploads/2015/02/Screen-Shot-2015-02-10-at-13.04.48-207x143.png 207w" sizes="(max-width: 1450px) 100vw, 1450px" /></a><p class="wp-caption-text">今後登場しそうなWebRTC応用</p></div>

<p>シグナリングはどうしても必要になるが、SkyWay等のPaaSを使えばサーバを持たなくてよい。また、データについてもChordの上に載せてしまえば、これもサーバが不要だ。</p>

<p>Ustreamはメディアをサーバにアップロードして、各ユーザがダウンロードする仕組みになっているが、これをブラウザで実現できないか。まだ現実的にできるかは、わからないが。</p>

<p>最後に、ブラウザをエージェントとして利用すれば、グリッドコンピューティングも実現できるのではないか、と考えている。</p>
]]></content:encoded>
		
		<series:name><![CDATA[WebRTC Conference Japan 特集]]></series:name>
	</item>
		<item>
		<title>WebRTCにやってくる「次の波」とは？─WebRTC Conference Japan基調講演</title>
		<link>/shumpei-shiraishi/12640/</link>
		<pubDate>Tue, 10 Feb 2015 00:00:17 +0000</pubDate>
		<dc:creator><![CDATA[白石 俊平]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[WebRTC]]></category>
		<category><![CDATA[WebRTC Conference]]></category>

		<guid isPermaLink="false">/?p=12640</guid>
		<description><![CDATA[連載： WebRTC Conference Japan 特集 (2)2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanで開催されました。 本記...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/webrtc_conf_jp/" class="series-244" title="WebRTC Conference Japan 特集" data-wpel-link="internal">WebRTC Conference Japan 特集</a> (2)</div><p>2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanで開催されました。
本記事では、その中の基調講演の1つである、「The WebRTC Continuum」の内容について紹介します。プレゼンターはOracleのダグラス・タイト氏です。</p>

<p><img src="/wp-content/uploads/2015/02/webrtc.jpg" alt="" width="640" height="423" class="alignnone size-full wp-image-12668" srcset="/wp-content/uploads/2015/02/webrtc.jpg 640w, /wp-content/uploads/2015/02/webrtc-300x198.jpg 300w, /wp-content/uploads/2015/02/webrtc-207x136.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><span style="font-size: 75%;">▲Oracleの通信マーケティング担当ディレクターであり、通信業界のビジネスと技術のエキスパート　Douglas Tait（ダグラス・タイト）氏</span></p>

<h2>WebRTCの第一の波は終わった。次の波に備えよう</h2>

<p>WebRTCが本格的に議論され始めたのは、ここ3年ほどのことです。Oracleも、WebRTCが議論され始めた当初から、通信分野の大手企業と共にWebRTCの進化に尽力し、エンタープライズ分野における可能性を探ってきました。WebRTCの「第一の波」は終わっていると考えてもいいでしょう。2013年から2014年にかけて、WebRTCの導入はかなり進みました。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/7db27bb2a99eb1015d1a97f4052c3766.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/7db27bb2a99eb1015d1a97f4052c3766.png" alt="スライド02" width="720" height="405" class="aligncenter size-full wp-image-12641" srcset="/wp-content/uploads/2015/02/7db27bb2a99eb1015d1a97f4052c3766.png 640w, /wp-content/uploads/2015/02/7db27bb2a99eb1015d1a97f4052c3766-300x168.png 300w, /wp-content/uploads/2015/02/7db27bb2a99eb1015d1a97f4052c3766-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>そして2015年、WebRTCには第二の波が来ます。まずは市場のトレンドから探っていきます。2015年、WebRTCのデプロイは3倍になると予測されています。VoLTE（Voice over LTE: 超高速通信サービス（LTE）による音声通話サービス）は50%以上増加するでしょう。コールセンターは、プロプライエタリなソリューションからWebテクノロジーへと移行します。ユニファイド・コミュニケーションは、中央集権型からWeb上でより分散されたものになっていくと考えられます。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/f2b7c6eda9af6b43e402e9e4eab3c436.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/f2b7c6eda9af6b43e402e9e4eab3c436.png" alt="スライド03" width="720" height="405" class="aligncenter size-full wp-image-12642" srcset="/wp-content/uploads/2015/02/f2b7c6eda9af6b43e402e9e4eab3c436.png 640w, /wp-content/uploads/2015/02/f2b7c6eda9af6b43e402e9e4eab3c436-300x168.png 300w, /wp-content/uploads/2015/02/f2b7c6eda9af6b43e402e9e4eab3c436-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>このセッションでは、WebRTCが次に起こすであろう「波」について語ります。波という話題について語るにあたり、以降は私が大好きなサーフィンに例えてお話することをお許し下さい。サーフィンに必要な物は3つ。サーフボードと波、そしてもちろん海です。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/7836184519c59fe000b6a97f990a0373.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/7836184519c59fe000b6a97f990a0373.png" alt="スライド06" width="720" height="405" class="aligncenter size-full wp-image-12645" srcset="/wp-content/uploads/2015/02/7836184519c59fe000b6a97f990a0373.png 640w, /wp-content/uploads/2015/02/7836184519c59fe000b6a97f990a0373-300x168.png 300w, /wp-content/uploads/2015/02/7836184519c59fe000b6a97f990a0373-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>このセッションで言えば、サーフボードはWebRTCやWebRTCを利用できるデバイスです。波は、それらのデバイスを相互に接続するコネクション。そして海はネットワークそのものです。これら全ての分野においてたくさんの新規参入があるでしょう。しかし、これははまだ始まりに過ぎないのです。</p>

<h2>キャズムを超えろ</h2>

<p>ここで、ジェフリー・ムーアのキャズム理論に照らし合わせてみましょう。WebRTCは現在、アーリーアダプターの段階にあります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/63e2be5a66c0f07e3df87e8eea963135.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/63e2be5a66c0f07e3df87e8eea963135.png" alt="スライド08" width="720" height="405" class="aligncenter size-full wp-image-12647" srcset="/wp-content/uploads/2015/02/63e2be5a66c0f07e3df87e8eea963135.png 640w, /wp-content/uploads/2015/02/63e2be5a66c0f07e3df87e8eea963135-300x168.png 300w, /wp-content/uploads/2015/02/63e2be5a66c0f07e3df87e8eea963135-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>この段階には「キャズム」という落とし穴があることをムーアは発見したわけですが、WebRTCも、現在抱える多くの問題を解決しなくては、キャズムから抜け出すことは困難です。</p>

<p>問題は大きく分けて3つあります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/fc823f64eb2df880ecfd597d98d18505.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/fc823f64eb2df880ecfd597d98d18505.png" alt="スライド09" width="720" height="405" class="aligncenter size-full wp-image-12648" srcset="/wp-content/uploads/2015/02/fc823f64eb2df880ecfd597d98d18505.png 640w, /wp-content/uploads/2015/02/fc823f64eb2df880ecfd597d98d18505-300x168.png 300w, /wp-content/uploads/2015/02/fc823f64eb2df880ecfd597d98d18505-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>一つはモビリティです。<br>認証や認可の仕組みを、WebRTCはそれ自体では持っていません。このことは、より多くのユーザ名／パスワードのペアを必要とするようになるかもしれません。また、DoS攻撃に対する対処についても、現在のWebRTCは備えていません。</p>

<p>次に信頼できるネットワークソリューション。<br>私たちは、携帯電話が世の中に普及していく段階で、携帯ネットワークの信頼性について数多くのことを学びました。通信圏外やローミングなどの知見です。また、ラップトップPCのほうが、携帯電話よりもさらに繋がりにくい状況です。
ブラウザのリロードやネットワークの問題でセッションが失われてしまったり、多くのセッションやコネクションからなる大きなネットワークのサポートが欠如しています。</p>

<p>最後に相互運用性です。<br>
相互運用性というのはとても広い言葉です。例えばネットワーク間の相互運用性、ブラウザやデバイス間の相互運用性、メディアコーデックの相互運用性などの全てを含みます。</p>

<p>特にコーデックは、現在のWebRTCでは2つの動画コーデック（VP8/H.264）、2つの音声コーデック（Opus/G.711)が標準でサポートされる方向に向かっていますが、実際のネットワーク上ではもっと数多くのコーデックが利用されています。</p>

<p>こうしたキャズムを越えようと、様々な企業がチャレンジをしています。アメリカン・エキスプレスは、<a href="https://twitter.com/chadwallacehart/status/540255681228853248" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">プレミアム会員向けに、WebRTCを使用したサポートサービスを提供しています</a>。<a href="http://www.amazon.com/gp/help/customer/display.html?nodeId=201540070" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Amazonのメイデイ</a>ボタンは、助けが必要なときにボタンを押すだけでオペレーターに接続され、オペレーターと共に画面の操作を行うことができます。<a href="http://www.vonage.com/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">Vonage</a>は、インターネットを利用した電話サービスですが、固定電話や携帯電話への通話も格安で行うことが可能です。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/60275ab58ebd7cd921d15fb49998721b.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/60275ab58ebd7cd921d15fb49998721b.png" alt="スライド11" width="720" height="405" class="aligncenter size-full wp-image-12650" srcset="/wp-content/uploads/2015/02/60275ab58ebd7cd921d15fb49998721b.png 640w, /wp-content/uploads/2015/02/60275ab58ebd7cd921d15fb49998721b-300x168.png 300w, /wp-content/uploads/2015/02/60275ab58ebd7cd921d15fb49998721b-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>WebRTCの最も素晴らしい点は、場所やデバイスを選ばないということです。現在はそうした世界になっていないから、電話をして2時間待つようなハメになるのです。コミュニケーションの流れで複雑だったところをシンプルにできる、それがWebRTCの最も大きな利点です。</p>

<p>来年はおそらく、こんなキャズムの話なんてしてないでしょう。なぜなら、来年にはこうしたキャズムは超えているからです。</p>

<h2>新たな要件</h2>

<p>では、この先WebRTCに必要とされるものは何でしょうか？　先ほどのサーフボードの例えに則り、デバイス、コネクション、ネットワークという3つの視点から見てみましょう。</p>

<p>まずデバイスですが、iOSネイティブや、AndroidネイティブのWebRTCインターフェースが必要とされています。WebRTCが、ノンブラウザの世界でも利用されるようになります。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.png" alt="スライド13" width="720" height="405" class="aligncenter size-full wp-image-12652" srcset="/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.png 640w, /wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212-300x168.png 300w, /wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>コネクションにおいては、様々なメディアとのインタラクションをシームレスに統合したい、というニーズが生じています。例えばこの画面は、（この次に基調講演に登壇する）チャド・ハートさんのスライドから拝借したものですが、ブラウザやモバイルデバイス、SIPクライアントなどの様々なデバイスとのインタラクションが一画面に統合されています。また、DataChannelはIoTやM2Mの世界でも使われていくことになるでしょう。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/a402c696bf493a873c765923653c07e6.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/a402c696bf493a873c765923653c07e6.png" alt="スライド14" width="720" height="405" class="aligncenter size-full wp-image-12653" srcset="/wp-content/uploads/2015/02/a402c696bf493a873c765923653c07e6.png 640w, /wp-content/uploads/2015/02/a402c696bf493a873c765923653c07e6-300x168.png 300w, /wp-content/uploads/2015/02/a402c696bf493a873c765923653c07e6-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>ネットワークにおいては、様々な要件が生じています。例えば認証、RESTやJavaScriptを考慮した標準化されたインターフェース、より高速なNATトラバーサル、あらゆるものの仮想化などです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.png" alt="スライド15" width="720" height="405" class="aligncenter size-full wp-image-12654" srcset="/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.png 640w, /wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c-300x168.png 300w, /wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<h2>WebRTCの発展を阻害するもの、それは、実は…</h2>

<p>私はサーフィンが大好きで、子どもたちもよく連れ出します。そこで子どもたちに「サーフィンをする上で、一番怖いものは何？」と聞くと、「サメ」なんて答えが返ってくるのですが、実際にはそうではありません。</p>

<p>サーフィンをしている際に一番危険なのは、別のサーファーなんですよね。これと同じく、WebRTCの普及にとって問題なのは、実は外部の要因ではなくて、実は他の様々なベンダーだったりするのです。</p>

<p>例えばORTC。良いコンセプトなのはわかります。でも待てません！<br>
コーデック。議論したい気持ちはわかりますが、先に進まなければ！  <br>
Internet Explorer。マイクロソフトのことを待っているわけにはいきません！  <br>
標準化団体。標準はどちらにせよ出てきますし、その中には良いものもあれば悪いものもあるでしょう。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/9b4ccaedd1bef1dacccd44245c6b928f.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/9b4ccaedd1bef1dacccd44245c6b928f.png" alt="スライド17" width="720" height="405" class="aligncenter size-full wp-image-12656" srcset="/wp-content/uploads/2015/02/9b4ccaedd1bef1dacccd44245c6b928f.png 640w, /wp-content/uploads/2015/02/9b4ccaedd1bef1dacccd44245c6b928f-300x168.png 300w, /wp-content/uploads/2015/02/9b4ccaedd1bef1dacccd44245c6b928f-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>私たちはもう、待っているわけにはいかないのです！</p>

<h2>まとめ</h2>

<p>では、このセッションのまとめに入りましょう。このセッションでは、WebRTCに来ている波をサーフィンに例え、3つに分けてお話してきました。</p>

<p>現在、WebRTCはキャズムを迎えようとしています。<br>
キャズムを超えるために必要とされるのはモビリティ、信頼性、相互運用性です。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/1d88ceb91c7659c8f850f9acae163da9.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/1d88ceb91c7659c8f850f9acae163da9.png" alt="スライド19" width="720" height="405" class="aligncenter size-full wp-image-12658" srcset="/wp-content/uploads/2015/02/1d88ceb91c7659c8f850f9acae163da9.png 640w, /wp-content/uploads/2015/02/1d88ceb91c7659c8f850f9acae163da9-300x168.png 300w, /wp-content/uploads/2015/02/1d88ceb91c7659c8f850f9acae163da9-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>そしてその先に来る波が必要とするのは、モバイルデバイス、接続性、ネットワークです。</p>

<p><a href="https://html5experts.jp/wp-content/uploads/2015/02/cb0bebe26f4ed333f0858ac401d32275.png" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/cb0bebe26f4ed333f0858ac401d32275.png" alt="スライド20" width="720" height="405" class="aligncenter size-full wp-image-12659" srcset="/wp-content/uploads/2015/02/cb0bebe26f4ed333f0858ac401d32275.png 640w, /wp-content/uploads/2015/02/cb0bebe26f4ed333f0858ac401d32275-300x168.png 300w, /wp-content/uploads/2015/02/cb0bebe26f4ed333f0858ac401d32275-207x116.png 207w" sizes="(max-width: 720px) 100vw, 720px" /></a></p>

<p>こうしてキャズムを超え、WebRTCが普及したそのとき、デバイスにも、場所にも、何にも縛られずにリアルタイムに人々がコミュニケーションする世界が開けてきます。それが私たちに広がる「未来」なのです。</p>
]]></content:encoded>
		
		<series:name><![CDATA[WebRTC Conference Japan 特集]]></series:name>
	</item>
		<item>
		<title>WebRTCにおけるサーバーソリューションの決め手とは？─WebRTC Conference Japan基調講演</title>
		<link>/iwase/12585/</link>
		<pubDate>Mon, 09 Feb 2015 04:00:55 +0000</pubDate>
		<dc:creator><![CDATA[岩瀬 義昌]]></dc:creator>
				<category><![CDATA[最新動向]]></category>
		<category><![CDATA[WebRTC]]></category>
		<category><![CDATA[WebRTC Conference]]></category>

		<guid isPermaLink="false">/?p=12585</guid>
		<description><![CDATA[連載： WebRTC Conference Japan 特集 (1)2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスであるWebRTC Conference Japanで開催された。本記事では...]]></description>
				<content:encoded><![CDATA[<div class="seriesmeta">連載： <a href="https://html5experts.jp/series/webrtc_conf_jp/" class="series-244" title="WebRTC Conference Japan 特集" data-wpel-link="internal">WebRTC Conference Japan 特集</a> (1)</div><p>2月5日、6日にかけて「WebRTC」をテーマとした、日本初のカンファレンスである<a href="http://webrtcconference.jp/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">WebRTC Conference Japan</a>で開催された。本記事では、その中の基調講演の1つである、<a href="http://webrtcconference.jp/session/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">WebRTCに於けるサーバーソリューションの決め手とは？</a>の内容について紹介する。プレゼンターはDialogic社および<a href="https://webrtchacks.com/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">webrtcH4cKS</a>の主宰であるChad氏だ。</p>

<div id="attachment_12629" style="width: 650px" class="wp-caption alignnone"><img src="/wp-content/uploads/2015/02/webrtc1.jpg" alt=" The picture of Chad Hart" width="640" height="417" class="size-full wp-image-12629" srcset="/wp-content/uploads/2015/02/webrtc1.jpg 640w, /wp-content/uploads/2015/02/webrtc1-300x195.jpg 300w, /wp-content/uploads/2015/02/webrtc1-207x134.jpg 207w" sizes="(max-width: 640px) 100vw, 640px" /><p class="wp-caption-text">The picture of Chad Hart</p></div>

<p>当日の発表資料は<a href="http://www.slideshare.net/Dialogic/serverside-webrtc-infrastructure-chad-hart-dialogic" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">こちらから</a></p>

<hr />

<h2>WebRTCサーバで考えるべきこと</h2>

<p>WebRTCのサーバサイドインフラストラクチャを考えるに辺り、4つのサーバについて本セッションでは述べる。</p>

<ul>
<li>シグナリングサーバ</li>
<li>NAT越えサーバ</li>
<li>メディアサーバ(音声・映像・データ)</li>
<li>ゲートウェイサーバ</li>
</ul>

<h2>シグナリングサーバ</h2>

<p>WebRTCの通信は、最終的にはP2Pになるが、その過程でシグナリングサーバが必要だ。具体的にはSIPで使われているようなSDPを使って、メディア接続に必要な情報をやりとりする。</p>

<p>もちろん、単にそれだけではなくて以下のような機能も必要となる。</p>

<div id="attachment_12590" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/90e1e15317b6206cf91f1512bcfe82b2.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/90e1e15317b6206cf91f1512bcfe82b2.jpg" alt="signaling consideration" width="720" height="405" class="size-full wp-image-12590" srcset="/wp-content/uploads/2015/02/90e1e15317b6206cf91f1512bcfe82b2.jpg 640w, /wp-content/uploads/2015/02/90e1e15317b6206cf91f1512bcfe82b2-300x168.jpg 300w, /wp-content/uploads/2015/02/90e1e15317b6206cf91f1512bcfe82b2-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">signaling consideration</p></div>

<ul>
<li>ユーザ認証</li>
<li>アクセスコントロール、セキュリティ</li>
<li>プッシュ通知 (特にバッテリ消費に注意)</li>
<li>フェデレーション（他のサービスプロバイダとの相互接続）</li>
<li>その他、現実社会で必要とされる機能</li>
</ul>

<p>これらの機能は、WebRTC標準のスコープからは外れているが、アプリケーション開発においては必要となる機能だ。</p>

<h2>NAT越えサーバ</h2>

<p>次にNAT越えの機能だ。もし、NATが越えられなかった場合、ユーザにNWを変えてみて、とはサービス開発者がお願いすることは難しい。そこで、NAT越えの機能を提供する必要がある。</p>

<p>（編集部補足：NATの解説については当メディアの記事である<a href="https://html5experts.jp/mganeko/5554/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">壁を越えろ！WebRTCでNAT/Firewallを越えて通信しよう</a>が参考になります）</p>

<p>NAT越えに対して、レガシーなVoIPシステムでは、SBC(Session Border Controller)を利用している。
WebRTCは、異なったアプローチをとっており、そのプロトコルがICE(Interactive Connectivity Establishment)プロトコルだ。</p>

<p>ICEでは、STUNとTURNを利用している。</p>

<h3>STUN</h3>

<p>STUNの役割は、自身の外部のIP(NATの外側)を調べるためのプロトコルだ。そのため、非常にシンプルで軽量で、拡張性もある。　</p>

<h3>TURN</h3>

<p>前述したSTUNだけでは越えられない課題もある。その場合、TURN(Traversal Using Relay NAT)を利用して、
トラフィックの中継をする。TURNはSBCに似た動作をする。実社会では環境にもよるが、10-15%程度がTURNを必要としている。</p>

<div id="attachment_12591" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.jpg" alt="comparing STUN vs TURN" width="720" height="405" class="size-full wp-image-12591" srcset="/wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212.jpg 640w, /wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212-300x168.jpg 300w, /wp-content/uploads/2015/02/c64c5ece666a6407486987541305a212-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">comparing STUN vs TURN</p></div>

<p>STUNと違って、TURNは帯域消費が大きく、運用コストも大きい。もし、エンジニアリング（設計等）が不適切だった場合は、レイテンシの増加、音声映像品質を損なうことがある。</p>

<h2>メディアサーバ(音声・映像・データ)</h2>

<p>次はメディアの話だ。さきほど見たように、TURNを経由する場合等、メディアはP2Pで流れないケースもある。</p>

<p>実際には、TURNでメディアを中継する以外に、メディア中継サーバを理由はたくさんある。</p>

<div id="attachment_12592" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.jpg" alt="Many reasons for media server" width="720" height="405" class="size-full wp-image-12592" srcset="/wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c.jpg 640w, /wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c-300x168.jpg 300w, /wp-content/uploads/2015/02/7ecbec8b200a97f5b85a8a31ece4115c-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">Many reasons for media server</p></div>

<ul>
<li>MCUを使ったマルチパーティ会議</li>
<li>トランスコーディング(コーデックを変換すること)</li>
<li>既存VoIPとの相互接続</li>
<li>メディアの録音、録画</li>
<li>ストリーム処理（例えば、画像をビデオに挿入したり、DTMF音を音声に挿入したりする処理）</li>
<li>人とシステムとで通信する場合（例えば、音声認識による自動応答等）</li>
</ul>

<h3>クライアントで処理すべき？サーバで処理すべき？</h3>

<p>前述した機能はクライアントサイドでも提供できるし、サーバサイドでも提供できる。それらにはトレードオフの関係がある。</p>

<p>例えば、モバイルデバイスの帯域は常に使えるわけじゃないし、無料でもない。また、特にCPUを消費すると、バッテリ消費も著しい。もし、機能をクラウド側（サーバ側）で提供できるのであれば、これらの課題は、解決/軽減できる。</p>

<h3>マルチパーティのビデオ会議例</h3>

<p>具体的にマルチパーティのビデオ会議を提供する場合を例にとって考えてみよう。</p>

<h4>フルメッシュトポロジのアプローチ</h4>

<p>マルチパーティの会議を提供するにあたり、最も簡単なトポロジはフルメッシュの構成だ。</p>

<div id="attachment_12604" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/fd40f9f7f385df78f8ba2cf60ad8cbff.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/fd40f9f7f385df78f8ba2cf60ad8cbff.jpg" alt="Full Mesh" width="720" height="405" class="size-full wp-image-12604" srcset="/wp-content/uploads/2015/02/fd40f9f7f385df78f8ba2cf60ad8cbff.jpg 640w, /wp-content/uploads/2015/02/fd40f9f7f385df78f8ba2cf60ad8cbff-300x168.jpg 300w, /wp-content/uploads/2015/02/fd40f9f7f385df78f8ba2cf60ad8cbff-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">Full Mesh</p></div>

<p>この場合サーバは不要になるのがメリットだが、クライアント側の処理能力の制限もあり、3-4人が限界になることが多い。もし、エンドポイントが増えた場合は、非効率になる。</p>

<h4>スター型:MCUをつかったアプローチ</h4>

<p>この課題に対する伝統的なアプローチがMCU(Multipoint Control Unit)だ。MCUはメディアを集約し、ミキシングし、各デバイスに流す。かなり、クライアントの処理負荷が軽いのがメリットだ。</p>

<p>ただし、MCUにも欠点がある。MCUはサーバの処理負荷が非常に高いことだ。特にHD品質のビデオを扱う場合は顕著になる。処理負荷が高い理由は、すべてのストリームをそれぞれ、エンコード・デコード処理する点にある。</p>

<p>MCUを改良した効率良いアプローチを、エンコーダシェアリングを呼んでいる。</p>

<div id="attachment_12594" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/a696c9859391dafa55613beeb4d0df7c.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/a696c9859391dafa55613beeb4d0df7c.jpg" alt="MCU Resource Share" width="720" height="405" class="size-full wp-image-12594" srcset="/wp-content/uploads/2015/02/a696c9859391dafa55613beeb4d0df7c.jpg 640w, /wp-content/uploads/2015/02/a696c9859391dafa55613beeb4d0df7c-300x168.jpg 300w, /wp-content/uploads/2015/02/a696c9859391dafa55613beeb4d0df7c-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">MCU Resource Share</p></div>

<p>もし、複数のデバイスが同じストリームを受信するなら、MCU側のエンコード処理は1回で済む。この方式だと、CPUの利用率を30-50%ほど効率化できる。</p>

<h4>スター型：SFUを使ったアプローチ</h4>

<p>さらに新しいアプローチがSFU(Selective Forwarding Unit)だ。このアーキテクチャでは、まずクライアントは1つのストリームをSFUに送信する。SFUはエンドポイントが希望するストリームのみをリダイレクトする。</p>

<p>SFUの主なタスクは、ストリームの暗号化・復号化であり、サーバサイドでのエンコード・デコードは必要とされてない。そのため、多くのクライアントを捌くこと可能だ。</p>

<p>SFUにSimulcastの手法を組み合わせた方法もある。
この手法では、クライアントが1つのストリームを送るのではなく、
2つ以上のストリームを送信する。（よくあるのは高品質・低品質の両方を送る)</p>

<div id="attachment_12595" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/45e645353c52af061f80af60f346190d.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/45e645353c52af061f80af60f346190d.jpg" alt="SFU" width="720" height="405" class="size-full wp-image-12595" srcset="/wp-content/uploads/2015/02/45e645353c52af061f80af60f346190d.jpg 640w, /wp-content/uploads/2015/02/45e645353c52af061f80af60f346190d-300x168.jpg 300w, /wp-content/uploads/2015/02/45e645353c52af061f80af60f346190d-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">SFU</p></div>

<p>効果的な使い方としては、話し手のストリームは高品質の映像を流して、聞き手のストリームは低品質のものを使う方法だ。</p>

<p>実際に、Google Hangoutsでは、この技術を利用している。非常に興味深いのは、Googleは独自の実装を使って、これを実現している点だ。詳しくは、<a href="https://webrtchacks.com/hangout-analysis-philipp-hancke/" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer">webrtcH4cKS</a>を参照されたい。</p>

<h4>VP9,SVC：未来のアプローチ</h4>

<p>最後にScalable Vicdeo Coding(SVC)というアプローチも紹介する。</p>

<div id="attachment_12597" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/24faa776559c2a19be903453b613f526.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/24faa776559c2a19be903453b613f526.jpg" alt="SVC" width="720" height="405" class="size-full wp-image-12597" srcset="/wp-content/uploads/2015/02/24faa776559c2a19be903453b613f526.jpg 640w, /wp-content/uploads/2015/02/24faa776559c2a19be903453b613f526-300x168.jpg 300w, /wp-content/uploads/2015/02/24faa776559c2a19be903453b613f526-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">SVC</p></div>

<p>Simulcastと同様に、品質の異なる複数のメディアをクライアントが送り、SFUがリダイレクトする点は似ているが、SVCでは複数のストリームを1つのストリームにまとめて、レイヤー化している点が異なる。</p>

<h2>ゲートウェイサーバ</h2>

<p>最後のトピックはゲートウェイサーバだ。WebRTCゲートウェイサーバを提供するには、多くのコンポーネントが必要になる。</p>

<div id="attachment_12598" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/84cf2338df598a65f7626d84e74cce87.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/84cf2338df598a65f7626d84e74cce87.jpg" alt="Gateway Function" width="720" height="405" class="size-full wp-image-12598" srcset="/wp-content/uploads/2015/02/84cf2338df598a65f7626d84e74cce87.jpg 640w, /wp-content/uploads/2015/02/84cf2338df598a65f7626d84e74cce87-300x168.jpg 300w, /wp-content/uploads/2015/02/84cf2338df598a65f7626d84e74cce87-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">Gateway Function</p></div>

<ul>
<li>STUN/TURN : 前述した機能</li>
<li>HTTP-to-SIP(H2S)：SIPとHTTPを変換する</li>
<li>Mediaゲートウェイ：DTLSによる暗号化をSDESへ変換、ポート多重化技術等の対応</li>
<li>トランスコード：VP8とOPUSを、既存のVoIPシステムのものへ変換</li>
<li>SBC：既存のSIPと連携する場合に、SIPヘッダ修正等が必要</li>
<li>APIゲートウェイ：システム制御のためのAPI</li>
<li>SDK：WebやNativeに、WebRTCを追加するための開発キット</li>
</ul>

<p>ここで重要なのは、上記の要素を提供するにあたり、標準化されているものはない、ということだ。そのため、規模やベンダ、また既に存在している機器を考慮して、必要なソリューションを自身で決める必要がある。</p>

<h2>まとめ</h2>

<h3>現実世界でのデプロイ例</h3>

<p>ここまで、いくつかのサーバについて紹介してきた。それらを実現している現実のアーキテクチャ例(とあるアメリカのサービスプロバイダの例)を紹介する。</p>

<div id="attachment_12599" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/e031a4913536a99dc54f681a10f9fcae.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/e031a4913536a99dc54f681a10f9fcae.jpg" alt="WebRTC Arhcitedture Example" width="720" height="405" class="size-full wp-image-12599" srcset="/wp-content/uploads/2015/02/e031a4913536a99dc54f681a10f9fcae.jpg 640w, /wp-content/uploads/2015/02/e031a4913536a99dc54f681a10f9fcae-300x168.jpg 300w, /wp-content/uploads/2015/02/e031a4913536a99dc54f681a10f9fcae-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">WebRTC Arhcitedture Example</p></div>

<p>いくつかのキーとなる機能をピックアップする：</p>

<ul>
<li>STUN/TURNの利用</li>
<li>Secure WebSocket(WSS)によるシグナリング</li>
<li>GateWayでのH2S実装</li>
<li>Webメディアゲートウェイでのトランスコード</li>
<li>REST API経由による通信</li>
<li>OAuth、OpenIDによる認証</li>
<li>APIマネージャによるNWの防衛</li>
</ul>

<h3>サーバ技術のまとめ</h3>

<p>本セッションでは、シグナリングサーバ、STUNサーバ、TURNサーバ、メディアサーバ、WebRTCゲートウェイサーバについて紹介した。</p>

<div id="attachment_12600" style="width: 730px" class="wp-caption alignnone"><a href="https://html5experts.jp/wp-content/uploads/2015/02/1e747160b568df1ae5b7e89208dffdcd.jpg" data-wpel-link="external" target="_blank" rel="follow external noopener noreferrer"><img src="/wp-content/uploads/2015/02/1e747160b568df1ae5b7e89208dffdcd.jpg" alt="Summary" width="720" height="405" class="size-full wp-image-12600" srcset="/wp-content/uploads/2015/02/1e747160b568df1ae5b7e89208dffdcd.jpg 640w, /wp-content/uploads/2015/02/1e747160b568df1ae5b7e89208dffdcd-300x168.jpg 300w, /wp-content/uploads/2015/02/1e747160b568df1ae5b7e89208dffdcd-207x116.jpg 207w" sizes="(max-width: 720px) 100vw, 720px" /></a><p class="wp-caption-text">Summary</p></div>

<p>実際には、その他にWebサーバや、認証サーバが登場するが、これらは既にデプロイされているものだろう。組み合わせるとかなり複雑に見えるかもしれないが、一部のサーバはVoIP機器の進化系にすぎない。</p>
]]></content:encoded>
		
		<series:name><![CDATA[WebRTC Conference Japan 特集]]></series:name>
	</item>
	</channel>
</rss>
