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

Introduction of WebRTC

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.

Introduction of WebRTC

Avatar for Seiya Konno

Seiya Konno

June 04, 2012

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