Webrtc in Real world
-
Upload
hanumesh-p -
Category
Education
-
view
265 -
download
8
description
Transcript of Webrtc in Real world
![Page 1: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/1.jpg)
HAPPY NEW YEAR
May this year bring a new change in your life that you always wished to have.
![Page 2: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/2.jpg)
Why ,are we here ?
![Page 3: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/3.jpg)
Web real time communication
![Page 4: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/4.jpg)
Why Webrtc ?
Webrtc is a free, open project that enables web browsers with real-time communication(RTC) capabilities via simple javascript APIS
No plugin required
(i,e need not install and configure software everytime)
Platform and system independent
Just need to have the latest version of chrome / mozilla
(i,e clients are our web browser.)
User and developer friendly , video chat experience can be built using 100 lines of JS code
![Page 5: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/5.jpg)
Architecture & Working
Simple architecture ready to use APIs
1. getUserMediaStream API
- for accessing webcam and microphone
2. PeerConnection API
-connecting to other end user(remote peer)
3. Datachannel API
- screen sharing , gaming , text chat ,file transfer
![Page 6: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/6.jpg)
![Page 7: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/7.jpg)
![Page 8: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/8.jpg)
Working
Tawk.com/username
Diagramatic explanation
![Page 9: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/9.jpg)
keywords used in slide
SIP: Session Initiation protocol
SDP : Session description protocol
ICE : Interactive connectivity establishment
NAT : Network address Translation
TURN : Traversal using relay around NAT
STUN : Session Traversal utilities for NAT
SRTP : Secure real time transport protocol
Codec: compressing and decompressing data for effective utilization of
bandwidth
![Page 10: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/10.jpg)
Call flow
![Page 11: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/11.jpg)
![Page 12: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/12.jpg)
Signalling example
![Page 13: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/13.jpg)
Real time examples & Online demos
1. Video chat: http://www.tawk.com
2. Gaming : http://www.spcegoo.com/chess
3. Collab : ongoing product of tresbu
4. Face detection : security enhancement
5. Call centres: Live, face to face communications with with customers, making it easy for customers.
![Page 14: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/14.jpg)
![Page 15: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/15.jpg)
![Page 16: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/16.jpg)
Online interviews
![Page 17: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/17.jpg)
Face detection (security)
![Page 18: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/18.jpg)
Disadvantages !
Need to implement signalling for connecting 2 browser
Apple web-browser Safari yet to support webrtc APIs . We might need a native app on IOS platforms
Internet Explorer (IE) is building its own Webrtc APIs named CU-RTC-Web
Various browsers use different APIs for WEBRTC implementation
![Page 19: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/19.jpg)
browsers supported at present
![Page 20: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/20.jpg)
References
http://www.html5rocks.com/en/tutorials/webrtc/basics/
http://www.w3.org/TR/webrtc/
http://www.webrtc.org/
https://labs.ericsson.com/blog/a-web-rtc-tutorial
https://labs.ericsson.com/blog/a-web-rtc-tutorial
https://developer.mozilla.org/en-US/docs/WebRTC/Peer-to-peer_communications_with_WebRTC
http://webrtcbook.com/presentations/WebRTCIEEE04-02-13.pdf
https://research.nokia.com/files/Strowes.pdf
![Page 21: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/21.jpg)
Thanksgiving
Its not about how long we live , its all about life in the years we leave .
Thank U , for making this presentation lively
![Page 22: Webrtc in Real world](https://reader034.fdocuments.us/reader034/viewer/2022052508/5595dc821a28ab1d728b466a/html5/thumbnails/22.jpg)
Queries
?
?