WebRTCについて

第３回勉強会

竹林真

WebRTC
について話そうと思います

先日、つい買ってしまいました

※こんなことはしません。

では本題のWebRTCについて

WebRTC

WebRTC(Real-Time Communications)とは、リアルタイムコミュニ
ケーションをシンプルなJavascriptAPIを通してウェブブラウザ上で利
用できるフリーでオープンなプロジェクトのこと

まだw3cで仕様策定中

策定が2013年2月予定

WebRTCでできること(仮)

・ブラウザからwebカメラへアクセス
・ブラウザからマイクへアクセス
・リアルタイム通信技術（マルチメディアに特化）

Javascriptのみで動作するので

No Flash が実現できる
かもしれません

データ転送

・XMPP / JINGLE の技術 (Google Talkなどで利用)
・STUN（Simple Traversal of UDP through NATs）
・セッション管理機能
・ピアツーピア通信もできる

類似技術

WebSocket

クライアント、サーバ間の双方向通信の技術
ハンドシェイクを使った通信をする仕様

音声エンジン

・iSAC / iLBC コーデック
・いろいろなVoIPツールで利用されている技術

・NetEQ for Voice、Acoustic Echo Canceler (AEC)、Noise
Reduction (NR)

http://jp.techcrunch.com/archives/20100518google-to-buy-global-ip-solutions-for-68-2-million-in-
cash/

動画エンジン

・WebMでも利用されているVP8コーデック
・Video Jitter Buffer、Image enhancements

http://jp.techcrunch.com/archives/20090805google-acquires-video-compression-technology-company-on2-for-106-million/

WebAPI

getUserMedia
　　
　　カメラ・マイクでバイスを取得するAPI

peerConnection
　　P２P接続をするためのAPI

現在利用できる環境

Opera / Lab version

Google Chrome / dev-channel 2012.1.18 new!!

wktkする技術が盛りだくさん

サンプルコード
<html>
<head>
</head>
<body>
<h2>CameraDemo</h2>
<video id="live" autoplay controls></video>
<script type="text/javascript">
video = document.getElementById("live")

//for GoogleChrome
navigator.webkitGetUserMedia("video audio",
//Operaの場合はnavigator.getUserMedia
function(stream) {
video.src = window.webkitURL.createObjectURL(stream);
},
function(err) {
console.log("Unable to get video stream!")
}
)
</script>
</body>
</html>

まとめ

これらの新技術なのでまだ未完成だが、いずれ実用的になれば
ブラウザだけでいろいろなことができるようになるだろう

その他最近触った技術

stream-m HTML5を使った動画配信ツール

サーバ側で動画をエンコードして配信するプロダクト

http://code.google.com/p/stream-m/

次に触ってみたいもの

Electroserver Flashと接続するサーバ
　大規模オンラインゲームに向いているらしい

Casandra,HBase 分散データベース

新しいJavascriptAPI系

参考資料
WebRTC
http://www.webrtc.org/

Web RTC Getting started
http://www.webrtc.org/reference/getting-started

Hands on: building an HTML5 photo booth with Chrome's new webcam API
http://arstechnica.com/business/news/2012/01/hands-on-building-an-html5-photo-booth-
with-chromes-new-webcam-api.ars

Web Real-Time Communications Working Group Charter
http://www.w3.org/2011/04/webrtc-charter.html

A Web RTC Tutorial | Ericsson Labs
https://labs.ericsson.com/developer-community/blog/web-rtc-tutorial

ご清聴ありがとうございました

WebRTCについて

Recommended

Recommended

More Related Content

Similar to WebRTCについて

Similar to WebRTCについて (20)

More from BeMarble

More from BeMarble (8)

Recently uploaded

Recently uploaded (8)

WebRTCについて