Introduction of WebRTC

Transcript

1. WebRTC ʹ͍ͭͯ 2012/06/04
2. ΞδΣϯμ • ϛʔςΟϯάͷ໨త • WebRTC ͱ͸ • Ͱ͖Δ͜ͱ • Ԡ༻ྫ
3. ໨త w৽نٕज़ͷͭ·Έ৯͍ w౤ࢿతͳಈ͖ wࠓޙͷఏҊͷࡐྉͱग़དྷΔΑ͏ʹ͠ ͓ͯ͘ wٕज़σϞࢭ·ΓͰͳ͘ϓϩμΫγϣϯ Ϩϕϧ΁
4. WebRTC ͱ͸ • Web ϒϥ΢βͰ Real Time Communication Λ͢ΔͨΊͷ࢓༷ • ΧϝϥɾϚΠΫ΁ͷΞΫηε • ϒϥ΢βͰ P2P • Google ͕ओಋ
5. WebRTC ͱ͸ • ϒϥ΢β͚ͩͰϏσΦνϟοτɾϘΠ ενϟοτΛ࣮૷͢Δ͜ͱ͕ग़དྷΔ
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