Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction of WebRTC
Search
Seiya Konno
June 04, 2012
Technology
1
220
Introduction of WebRTC
Seiya Konno
June 04, 2012
Tweet
Share
More Decks by Seiya Konno
See All by Seiya Konno
About node-canvas (#tng7)
nulltask
0
1.2k
Node and Face (Tokyo Node Academy #5)
nulltask
1
3.3k
Kinect Workshop
nulltask
1
110
Introduction of Perfume Hackathon
nulltask
1
420
Other Decks in Technology
See All in Technology
AI時代のアジャイル開発(XP祭り2024版) / Agile Development in the AI Era in XPJUG
takaking22
13
3.4k
OPENLOGI Company Profile for engineer
hr01
1
12k
【shownet.conf_】AI技術とUX監視の応用でShowNetの基盤を支えるモニタリングシステム
shownet
PRO
0
270
MLOpsの「あるある」課題の解決と、そのためのライブラリgokart
mski_iksm
1
150
映像・音声伝送システム
jtes
0
190
Oracle Database 23ai 新機能#4 Real Application Clusters
oracle4engineer
PRO
0
110
virtme-ng
ennael
PRO
0
310
成果のためのコミュニケーション - 語彙を育てよう -/communication-for-good-outcome-developing-vocabulary
hassaku63
3
140
ガバメントクラウド開発と変化と成長する組織 / Organizational change and growth in developing a government cloud
kazeburo
1
140
低コストで実現する社内文書RAG機能を搭載したAIチャットボット開発
takapy
3
560
たった一人で始めた音楽制作が気がついたら会社公認の部活動になっていた話〜組織の垣根を超えるコラボレーションを実現するには〜 / On-KAG-bu
piyonakajima
0
140
Causal Impactを用いたLINE Pay UIの効果検証とABテスト実施への貢献
lycorptech_jp
PRO
2
470
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
114
6.9k
Large-scale JavaScript Application Architecture
addyosmani
509
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
29
1.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
Creatively Recalculating Your Daily Design Routine
revolveconf
217
12k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
Agile that works and the tools we love
rasmusluckow
327
21k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
A Philosophy of Restraint
colly
202
16k
Building Adaptive Systems
keathley
37
2.1k
How to Think Like a Performance Engineer
csswizardry
16
1k
Automating Front-end Workflow
addyosmani
1365
200k
Transcript
WebRTC ʹ͍ͭͯ 2012/06/04
ΞδΣϯμ • ϛʔςΟϯάͷత • WebRTC ͱ • Ͱ͖Δ͜ͱ • Ԡ༻ྫ
త w৽نٕज़ͷͭ·Έ৯͍ wࢿతͳಈ͖ wࠓޙͷఏҊͷࡐྉͱग़དྷΔΑ͏ʹ͠ ͓ͯ͘ wٕज़σϞࢭ·ΓͰͳ͘ϓϩμΫγϣϯ Ϩϕϧ
WebRTC ͱ • Web ϒϥβͰ Real Time Communication Λ͢ΔͨΊͷ༷ •
ΧϝϥɾϚΠΫͷΞΫηε • ϒϥβͰ P2P • Google ͕ओಋ
WebRTC ͱ • ϒϥβ͚ͩͰϏσΦνϟοτɾϘΠ ενϟοτΛ࣮͢Δ͜ͱ͕ग़དྷΔ
WebRTC ͱ • ϓϩτίϧ (IETF ͕ඪ४Խ) • UDP ϕʔε •
JavaScript API (W3C ͕ඪ४Խ) • Stream API • Peer-to-peer connection
Stream API • ΧϝϥɾϚΠΫ͔ΒͷσʔλΛऔಘͰ ͖Δ • Ωϟϓνϟͨ͠σʔλΛ HTML5 ͷ <video>
λάʹϚοϐϯάͰ͖Δ • Canvas Web Audio API ͰॲཧՄೳ
P2P Connection • ϒϥβಉ࢜Ͱ P2P ௨৴ • Peer ಉ࢜ͷऔΓ࣍͗ Signaling
αʔ όΛ༻ (WebSocket) • NAT Λӽ͑Δʹ STUN αʔόΛ༻ • ͍ΘΏΔϐϡΞ P2P Ͱͳ͍
༻্ͷҙ • ݱ࣌ͰσεΫτοϓ൛ Chrome ͱ Opera ͷ։ൃ൛ͷΈରԠ • Chrome Ͱ༻͢Δ߹
about:flags Ͱ WebRTC Λ༗ޮʹ͢Δ • ৽͍͠ن֨ͷͨΊ༷͕҆ఆ͍ͯ͠ͳ ͍
Demo • https://webglmeeting.appspot.com/ • http://neave.com/webcam/html5/ • http://apprtc.appspot.com/html/face.html
ࠓޙͷల • Mozilla ͕ Firefox ࣮த • 2013 2
݄ʹ༷ࡦఆྃ༧ఆ • Skype, Hangout ͷΑ͏ͳ Web ΞϓϦ • Flash Ͱྲྀߦͨ͠ίϯςϯπͷ࠶ར༻ • ϞόΠϧͰͷར༻ • Android ൛ Chrome ͕࣮͖ͯͦ͠͏
ϥΠϒϥϦ • 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 ϥΠϒϥϦ
ࢀߟ • ެࣜ • http://www.webrtc.org/ • API ༷υϥϑτ (W3C) •
http://www.w3.org/TR/webrtc/ • ͖ͯ͜͞ Ajax : WebRTCࣄ࢝Ί • http://blog.livedoor.jp/kotesaki/archives/1794148.html