About WebRTC

1,186 views
1,104 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,186
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

About WebRTC

  1. 1. WebRTC について 2012/06/04
  2. 2. アジェンダ• ミーティングの目的• WebRTC とは• できること• 応用例
  3. 3. 目的• 新規技術のつまみ食い• 投資的な動き • 今後の提案の材料と出来るようにし ておく• 技術デモ止まりでなくプロダクション レベルへ
  4. 4. WebRTC とは• Web ブラウザで Real Time Communication をするための仕様 • カメラ・マイクへのアクセス • ブラウザで P2P• Google が主導
  5. 5. WebRTC とは• ブラウザだけでビデオチャット・ボイ スチャットを実装することが出来る
  6. 6. WebRTC とは• プロトコル (IETF が標準化) • UDP ベース• JavaScript API (W3C が標準化) • Stream API • Peer-to-peer connection
  7. 7. Stream API• カメラ・マイクからのデータを取得で きる• キャプチャしたデータを HTML5 の <video> タグにマッピングできる• Canvas や Web Audio API で処理可能
  8. 8. P2P Connection• ブラウザ同士で P2P 通信 • Peer 同士の取り次ぎは Signaling サー バを使用 (WebSocket) • NAT を越えるには STUN サーバを使用• いわゆるピュア P2P ではない
  9. 9. 使用上の注意• 現時点でデスクトップ版 Chrome と Opera の開発版のみ対応 • Chrome で使用する場合は about:flags で WebRTC を有効にする• 新しい規格のため仕様が安定していな い
  10. 10. Demo• https://webglmeeting.appspot.com/• http://neave.com/webcam/html5/• http://apprtc.appspot.com/html/face.html
  11. 11. 今後の展望• Mozilla が Firefox へ実装中• 2013 年 2 月に仕様策定完了予定• Skype, Hangout のような Web アプリ• Flash で流行したコンテンツの再利用• モバイル端末での利用 • Android 版 Chrome が実装してきそう
  12. 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. 13. 参考• 公式 • http://www.webrtc.org/• API 仕様ドラフト (W3C) • http://www.w3.org/TR/webrtc/• こてさき Ajax : WebRTC事始め • http://blog.livedoor.jp/kotesaki/archives/1794148.html

×