More Related Content
Similar to About WebRTC (20)
More from Seiya Konno (11)
About WebRTC
- 2. アジェンダ
• ミーティングの目的
• WebRTC とは
• できること
• 応用例
- 4. WebRTC とは
• Web ブラウザで Real Time
Communication をするための仕様
• カメラ・マイクへのアクセス
• ブラウザで P2P
• Google が主導
- 6. WebRTC とは
• プロトコル (IETF が標準化)
• UDP ベース
• JavaScript API (W3C が標準化)
• Stream API
• Peer-to-peer connection
- 7. Stream API
• カメラ・マイクからのデータを取得で
きる
• キャプチャしたデータを HTML5 の
<video> タグにマッピングできる
• Canvas や Web Audio API で処理可能
- 8. P2P Connection
• ブラウザ同士で P2P 通信
• Peer 同士の取り次ぎは Signaling サー
バを使用 (WebSocket)
• NAT を越えるには STUN サーバを使用
• いわゆるピュア P2P ではない
- 9. 使用上の注意
• 現時点でデスクトップ版 Chrome と
Opera の開発版のみ対応
• Chrome で使用する場合は about:flags
で WebRTC を有効にする
• 新しい規格のため仕様が安定していな
い
- 10. Demo
• https://webglmeeting.appspot.com/
• http://neave.com/webcam/html5/
• http://apprtc.appspot.com/html/face.html
- 11. 今後の展望
• Mozilla が Firefox へ実装中
• 2013 年 2 月に仕様策定完了予定
• Skype, Hangout のような Web アプリ
• Flash で流行したコンテンツの再利用
• モバイル端末での利用
• Android 版 Chrome が実装してきそう
- 12. ライブラリ
• JSARToolkit
• https://github.com/kig/JSARToolKit
• AR (拡張現実) 用のライブラリ
• Face.js / CCV
• https://github.com/liuliu/ccv
• 顔検出用ライブラリ
• getUserMedia.js
• https://github.com/addyosmani/getUserMedia.js
• getUserMedia の polyfill ライブラリ
- 13. 参考
• 公式
• http://www.webrtc.org/
• API 仕様ドラフト (W3C)
• http://www.w3.org/TR/webrtc/
• こてさき Ajax : WebRTC事始め
• http://blog.livedoor.jp/kotesaki/archives/1794148.html