Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction of WebRTC

Introduction of WebRTC

Seiya Konno

June 04, 2012
Tweet

More Decks by Seiya Konno

Other Decks in Technology

Transcript

  1. WebRTC ͱ͸ • Web ϒϥ΢βͰ Real Time Communication Λ͢ΔͨΊͷ࢓༷ •

    ΧϝϥɾϚΠΫ΁ͷΞΫηε • ϒϥ΢βͰ P2P • Google ͕ओಋ
  2. WebRTC ͱ͸ • ϓϩτίϧ (IETF ͕ඪ४Խ) • UDP ϕʔε •

    JavaScript API (W3C ͕ඪ४Խ) • Stream API • Peer-to-peer connection
  3. Stream API • ΧϝϥɾϚΠΫ͔ΒͷσʔλΛऔಘͰ ͖Δ • Ωϟϓνϟͨ͠σʔλΛ HTML5 ͷ <video>

    λάʹϚοϐϯάͰ͖Δ • Canvas ΍ Web Audio API ͰॲཧՄೳ
  4. P2P Connection • ϒϥ΢βಉ࢜Ͱ P2P ௨৴ • Peer ಉ࢜ͷऔΓ࣍͗͸ Signaling

    αʔ όΛ࢖༻ (WebSocket) • NAT Λӽ͑Δʹ͸ STUN αʔόΛ࢖༻ • ͍ΘΏΔϐϡΞ P2P Ͱ͸ͳ͍
  5. ࢖༻্ͷ஫ҙ • ݱ࣌఺ͰσεΫτοϓ൛ Chrome ͱ Opera ͷ։ൃ൛ͷΈରԠ • Chrome Ͱ࢖༻͢Δ৔߹͸

    about:flags Ͱ WebRTC Λ༗ޮʹ͢Δ • ৽͍͠ن֨ͷͨΊ࢓༷͕҆ఆ͍ͯ͠ͳ ͍
  6. ࠓޙͷల๬ • Mozilla ͕ Firefox ΁࣮૷த • 2013 ೥ 2

    ݄ʹ࢓༷ࡦఆ׬ྃ༧ఆ • Skype, Hangout ͷΑ͏ͳ Web ΞϓϦ • Flash Ͱྲྀߦͨ͠ίϯςϯπͷ࠶ར༻ • ϞόΠϧ୺຤Ͱͷར༻ • Android ൛ Chrome ͕࣮૷͖ͯͦ͠͏
  7. ϥΠϒϥϦ • 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 ϥΠϒϥϦ
  8. ࢀߟ • ެࣜ • http://www.webrtc.org/ • API ࢓༷υϥϑτ (W3C) •

    http://www.w3.org/TR/webrtc/ • ͖ͯ͜͞ Ajax : WebRTCࣄ࢝Ί • http://blog.livedoor.jp/kotesaki/archives/1794148.html