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
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
4
260
Storybook との上手な向き合い方を考える
re_taro
5
3.7k
Engineer Career Talk
lycorp_recruit_jp
0
210
A Tour of Anti-patterns for Functional Programming
guvalif
0
1.7k
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
330
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
160
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
180
累計2500万着電を支える大規模 電話自動応答サービスのアーキテクチャ / Architecture of a Large-Scale Automated Phone Response Service Supporting 25 Million Cumulative Calls
ymachida
0
310
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
280
SAP Community and Developer Update
sygyzmundovych
0
350
CysharpのOSS群から見るModern C#の現在地
neuecc
2
4.1k
OOM発生時のトラブルシューティング Profilerを活用できるか調査してみた
atsushii
0
170
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
222
8.9k
What's new in Ruby 2.0
geeforr
343
31k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Building Your Own Lightsaber
phodgson
103
6.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Designing Experiences People Love
moore
138
23k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Done Done
chrislema
181
16k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Visualization
eitanlees
145
15k
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