Issues with – Propitiatory Protocols – What is WebRTC?



Issues with – Propitiatory Protocols – What is WebRTC?

0 0


WebRTC-Demo


On Github mnmtanish / WebRTC-Demo

Let me know if you can't read this text

Are you sure you can't read above text?

The Realtime Web

Using WebRTC

Go to Demo

Issues with

Propitiatory Protocols

Browser Plugins

Browsers going to stop plugins soon

Critical security risks with plugins

License Issues

High Cost

High Risk

What is WebRTC?

Just another realtime protocol?

To enable rich, high quality, RTC applications to be developed in the browser via simple JavaScript APIs and HTML5- WebRTC Mission

Audio, Video & Data

Hardware acceleration

Extremely Flexible

** Peer to Peer **

This changes the web as we know it

We can use it

http://iswebrtcreadyyet.com

We're using it

Most probably

Google Hangouts

Google Chromecast

Amazon Mayday

Examples

https://bistri.com

Instant Messenger video chat

https://gittogether.com

Video chat for Github users

https://www.liveninja.com

Expert consulting through video

https://talky.io

Truly simple video chat and screen sharing for groups

https://live.pics.io

Live photo sharing

http://voicechatapi.com

Easy and quick audio conferencing

http://www.weemo.com

Video conferencing platform

https://www.veckon.com

1-click video chat

https://js.att.io

Make real phone calls from browser

https://www.sharefest.me

Instant and direct file sharing

http://www.peer-server.com

A webserver inside a web browser

http://webtorrent.io

Browser as a BitTorrent client

https://www.uproxy.org

Crowd powered anonymouse browsing

http://peer5.com

P2P File Delivery, Video Streaming, ....

https://buildar.com

Augmented Reality for the web

I'm Ready

It's easy even with Vanilla.JS

Some libraries exist which makes this much easier

http://www.rtcmulticonnection.org

http://simplewebrtc.com

Or complete hosted services

https://vline.com

https://datachannel.io

We'll use a library for the demo

            
var connection = new RTCMultiConnection();
var container = document.querySelector('#container');
var triggerButton = document.querySelector('#startButton');

connection.session = { audio: true, video: true };

connection.onstream = function(e) {
  container.appendChild(e.mediaElement);
};

connection.connect();

triggerButton.onclick = function() {
  connection.open();
};
            
          

Start

http://goo.gl/45IYE2

@mnmtanish

http://thanish.me

mnmtanish@gmail.com