short introduction to webrtc at the amsterdam webrtc meetup, march 26, 2014
DESCRIPTION
Introduction to WebRTC presented by Bart Uelen at the first Amsterdam WebRTC Meetup on wednesday March 26, 2014 in the Westergasfabriek in Amsterdam. Let's get together and talk about how to use WebRTC browser-to-browser technology! Presentation also includes the wrapup slides.TRANSCRIPT
![Page 1: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/1.jpg)
![Page 2: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/2.jpg)
Organizers and hosts of the evening
Luis
Rianne Bart
Alex
![Page 3: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/3.jpg)
![Page 4: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/4.jpg)
WebRTC presentations
-1- Welcome and introduction + demo GetUserMedia (Bart)
-2- Remote instructions (Fabian)
-3- Building a video-conferencing application (Jeroen)
PAUZE
-4- Unlocking and connecting the telecom world (Luis en Philippe)
-5- The market and WebRTC solutions providers (Alex)
-6- Where to apply WebRTC? (Bart, Alex)
-7- Wrap-up (Bart en Alex)
BORREL
![Page 5: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/5.jpg)
Real Time Communicationbetween browsers
An short introduction toWebRTC
![Page 6: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/6.jpg)
Until now, some history
• Skype, MSN, Lync, video conference systems, Unified Communications (UC)– Definition UC: From one interface/screen switching modes of
communication without changing screens or devices
• Proprietary owned implementations– Manufactured exclusively by the owner of
intellectual property rights, as with a patent or trade secret.
• Expensive and not freely available
• Communication is server based
![Page 7: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/7.jpg)
Initiative
• Promoted by Google Chrome team since 2009, the W3C webRTC WG and the IETF RTCweb WG
• Specification / W3C Editor's Draft 21 March 2014• WebRTC is open source project• Manage multimedia communications• Simple API’s in Javascript• Multi platform and multi device• WebRTC specs built into browsers (see http://
iswebrtcreadyyet.com/)• Now (2014) many suppliers offer WebRTC solutions and
numbers are growing.
![Page 8: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/8.jpg)
![Page 9: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/9.jpg)
The promise of WebRTC
WebRTC:• No plugins• No downloads• No App stores• No patents• No installations
Multi media RTC for: • Audio• Video• Data
Using RTC any browser can call any other browser
![Page 10: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/10.jpg)
One-click technology
On webpage in browser:
• Click here to talk to your customer support
• Click here to see your colleague
• Click here to join video conference
![Page 11: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/11.jpg)
Get connected (1)
Webserver+ API’s
Mybrowser
Otherbrowser
1 2
3
5
4
![Page 12: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/12.jpg)
Get connected (2)
1. User clicks button and connects to server2. Server sends signal to callee3. Callee accepts 4. Communication is established5. Audio, video chat transmission starts
![Page 13: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/13.jpg)
Browser API’s for WebRTCBrowser supports WebRTC using API’s:
• GetUserMedia– To access and control microphone and
camera hardware– Must be allowed by user (opt-in)
• PeerConnection– Establish connection and set up context like
security and codecs
• DataChannels– Provide peer-to-peer connection– “Data part of WebRTC”
API = Application Programming Interface
Mybrowser
Otherbrowser
Mybrowser
WebServer+ API’s
mic
webcam
![Page 14: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/14.jpg)
Role of the Webserver
• WebRTC is a webservice webserver needed• Acts as the central control point• Webserver handles button clicked by user to join
video conference• Webserver is needed to establish the connection
between the browsers (peers)• Webserver does not handle the data part of the
communication between the browsers
![Page 15: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/15.jpg)
http://iswebrtcreadyyet.com/
![Page 16: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/16.jpg)
Luckily, there ‘s help!Luckily, there ‘s help!
FLASH whenever you use IE or Safari
![Page 17: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/17.jpg)
Demo’s GetUserMedia
![Page 18: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/18.jpg)
?
Questions
?
![Page 19: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/19.jpg)
Wrap up
![Page 20: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/20.jpg)
What will it bring to the user?
Will WebRTC make the world
a happier place?
![Page 21: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/21.jpg)
Without …
![Page 22: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/22.jpg)
with WebRTC
![Page 23: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/23.jpg)
![Page 24: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/24.jpg)
Thanks to our sponsors
![Page 25: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/25.jpg)
Thank you !
![Page 26: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/26.jpg)
What ‘s next?What ‘s next?
![Page 27: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/27.jpg)
We want moreWebRTC!
Where is moreWebRTC?
![Page 28: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/28.jpg)
Ich bin ein Berliner …
… WebRTC Meetup
![Page 29: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/29.jpg)
MondayMay 5, 2014
Join us at theBerlin
WebRTCMeetup
![Page 30: Short introduction to WebRTC at the Amsterdam WebRTC Meetup, March 26, 2014](https://reader036.vdocuments.us/reader036/viewer/2022062513/554fb434b4c90586258b5331/html5/thumbnails/30.jpg)