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
TinyGoを使ったVSCode拡張機能実装
askua
2
120
Postmanの日本市場におけるDevRel (的) 活動 / Postman's DevRelish activities in Japan
yokawasa
1
110
Amazon CloudWatch Network Monitor 導入ガイド_デモ説明付き
yukimmmm
0
130
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
140
成長中のFanTech領域におけるBiomeを活用したCIの高速化 / fantech-web-biome
cyberagentdevelopers
PRO
2
110
AI機能の開発運用のリアルと今後のリアル
akiroom
0
140
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
200
「 SharePoint 難しい」ってよく聞くけど、そんなに言うなら8歳の息子に試してもらった
taichinakamura
2
750
コンテナのトラブルシューティング目線から AWS SAW についてしゃべってみる
kazzpapa3
1
120
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
18
4.2k
GraphRAGを用いたLLMによるパーソナライズド推薦の生成
naveed92
0
110
ZOZOTOWNでの推薦システム活用事例の紹介
f6wbl6
0
230
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
93
13k
Agile that works and the tools we love
rasmusluckow
327
21k
Building an army of robots
kneath
302
42k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
108
49k
What's in a price? How to price your products and services
michaelherold
243
12k
Optimizing for Happiness
mojombo
376
69k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A better future with KSS
kneath
238
17k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Designing for Performance
lara
604
68k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
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