web. RTC Andreas Trantidis Lead Developer e-labs. gr / Full Stack Web Developer MSc Software Engineering and Telecommunications Likes: javascript, Python, Mac, Linux, coffee, beers Follows: Google, Mozilla, echo. js, Smashing. Mag Don’t’ llike: IE (all versions), radio recurrent playlists
Intro Web Real Time Communications Enables peer-to-peer video, audio and data sharing between browsers Released as open source project in May 2011 by Google
Some definitions “Web. RTC is a free, open project that enables web browsers with Real-Time Communications (RTC) capabilities via simple Java. Script APIs”[webrtc. org] The mission of the Web Real-Time Communications Working Group, part of the Ubiquitous Web Applications Activity, is to define client-side APIs to enable Real-Time Communications in Web browsers[w 3. org]
The “web” is more important than the RTC on the term “web. RTC” RTC is something that already exists. . . but (until now) not on the browsers Define “web” Mozilla initiated a new meaning of the term “web”. It defines as “web” the browser platform (e. g. “Web vs Native”, “web application”)
Keep them for the moment. build a nation. think big. the web will win Pythia, the natives refuse to work out of their area, refuse to learn greek. What should I do?
Browsers support
How it works Gets streaming audio, video or other data Gets network info and exchanges it with other web. RTC clients in order to enable connection through NATs and firewalls Coordinate signaling communication Exchange info about media and client capabilities Communicate streaming audio, video or data
Use Case 1. The user A provides to the browser access to his/her mic and camera (user B also) 2. The User A initiates a call to User B 3. User B receives the call and accepts it 4. The video and audio from each side (peer) is transmitted to other part (through p 2 p connection) 5. The two Users enjoy a video call directly from their browsers
![Insights: Media. Stream [1]](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-10.jpg "Insights: Media. Stream [1]")
Insights: Media. Stream [1]
![Insights: Media. Stream [2] Internal mechanisms take care of all issues like: ● ●](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-11.jpg "Insights: Media. Stream [2] Internal mechanisms take care of all issues like: ● ●")
Insights: Media. Stream [2] Internal mechanisms take care of all issues like: ● ● Noise reduction / echo cancellation / image quality Encode to audio and video codecs according to the bandwidth ● Take care of network jitter and packet loss ● Synchronizes the two streams ● Once all of this work is done the web app receives the output
![Insights: Media. Stream [3]](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-12.jpg "Insights: Media. Stream [3]")
Insights: Media. Stream [3]
![Insights: Media. Stream [4] As easy as. . .](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-13.jpg "Insights: Media. Stream [4] As easy as. . .")
Insights: Media. Stream [4] As easy as. . .
Insights: Protocols
Insights: RTCPeer. Connection Responsible for making the connection between peers Responsible for keeping connections alive Responsible for exchanging info about (Session Description Protocol – Microsoft claims SDP to be “very difficult for the developers to use”) Needs Interactive Connectivity Establishment servers (STUN/TURN)
APIs Open. TOK (http: //tokbox. com/opentok) Easy. RTC (http: //easyrtc. com) Lynckia (http: //lynckia. com) SIP (http: //sipjs. com) Simple. Web. RTC (http: //simplewebrtc. com) Apidaze (http: //www. apidaze. io) Many more. . .
Applications of web. RTC 1. click-to-call E-shops Insurances / other goods and services selling websites Support (e. g. Telecommunications companies) Medical help companies Why web. RTC? For the first time structured applications (like websites) can include direct calls.
Applications of web. RTC 2. video matters Web conferencing (internal companies / organizations meetings, conferences, online skype alternatives) Teaching / tutoring sessions Online medical help Why web. RTC? Cost efficient (p 2 p) User friendly / instant / no hardware, no plugins, no installations / no third party software
Applications of web. RTC 3. peer-to-peer Torrent Hybrid (p 2 p / server) media streaming hosting (video on demand, live streaming, any other case) why web. RTC? Huge savings in bandwidth and cost (up to 80%)
Example apps Call. Me on FB (https: //apps. facebook. com/calllme/) Audio game (http: //noisee. karenlabs. com/) Fitaborate (http: //www. fitaborate. com/) Peer 5 (http: //peer 5. com/) Strem. Root (http: //www. streamroot. io/) Experiment: http: //elabs. gr/pseudo-hologramchrome-experiment/
![Tech Wars [1] Apple doesn't support web. RTC (it just ignores the technology) Microsoft](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-21.jpg "Tech Wars [1] Apple doesn't support web. RTC (it just ignores the technology) Microsoft")
Tech Wars [1] Apple doesn't support web. RTC (it just ignores the technology) Microsoft released its own competing technology called “CU-RTC” How about the standards Microsoft? !
![Tech Wars [2] Fact: 4. 7 billion mobile web. RTC devices by 2018 [ABI](https://present5.com/presentation/79f29db45895c08224909e10364a365b/image-22.jpg "Tech Wars [2] Fact: 4. 7 billion mobile web. RTC devices by 2018 [ABI")
Tech Wars [2] Fact: 4. 7 billion mobile web. RTC devices by 2018 [ABI Research report / Sept 25 2013] (Some of the) Supporters: Google, Mozilla, AT&T, Telefonica, Cisco, Bistri, Alcatel, Ericsson
Cons IE / Apple Still not on a mature technology (bleeding edge) Isn't programmed using php
References http: //www. pubnub. com/blog/what-is-webrtc/ http: //www. html 5 rocks. com/en/tutorials/webrtc/basics/ http: //chimera. labs. oreilly. com/books/1230000000545/ch 18. html http: //webrtc. org
Thank you!
Скачать презентацию web RTC Andreas Trantidis Lead Developer e-labs gr
79f29db45895c08224909e10364a365b.ppt