Plivo webrtc telephony in your browser

ALTANAI BISHT
ALTANAI BISHTR&D , Senior VOIP Engineer - WebRTC , SIP , IMS, VoLTE , SaaS , SBC , REST , Cloud at Plivo
WebRTC ,Telephony in your
browser
-Al a
Bangalore Telecommunications Pros Meetup
I am Altanai
7+ yrs of Exp in VOIP
Current : Core Voice Engineer @ Plivo
Communication Pvt. Ltd.
Author Of WebRTC Integrator’s Guide
@altanai
telecom.altanai.com
Remember this !!
The problem
Many plugins to make VOIP calls ( flash , java )
Proprietary Codecs
High Carrier Cost for phone call
No interoperability between existing VOIP players
Steep learning curve for developers
@altanai
Great Quality , free , p2p ,
Web Communication
Plivo webrtc telephony in your browser
Plivo webrtc telephony in your browser
D main 3 APIs
● MediaStream
● RTCPeerConnection
● RTCDataChannel
Media Stream
navigator.getUserMedia({ audio : true , video :true},
successCallback, errorCallback);
Outputs audio and / or Video Stream
Can have many tracks
Asks for permissions
Constraint can contain attributes like size , farmerate etc
RTC Peer Connection
Signal processing
Codec handling
Peer to peer communication
SRTP
Bandwidth management
pc = new RTCPeerConnection(null);
pc.onaddstream = gotRemoteStream;
pc.addStream(localStream);
pc.createOffer(gotOffer);
RTC Data Channel
Send any arbitrary data Peer to peer
DTLS
Free from Server side inspection or third party monitoring
Low latency
Independent of other networks as long as peer is connected
sendChannel = pc.createDataChannel("sendDataChannel",{reliable: false});
sendChannel.send(data);
+ Other Features
TURN support
Echo cancellation
MediaStream API
mediaConstraints
Multiple Streams
Simulcast
Screen Sharing
Stream re-broadcasting
getStats API
ORTC API
H.264 video
VP8 video
Solid interoperability
srcObject in media element
Promise based getUserMedia
Promise based PeerConnection API
WebAudio Integration
MediaRecorder Integration
Canvas Integration
Test support
What’s up with
WebRTC now ?
Audio API + more ...
var audioContext = new AudioContext();
// Create an AudioNode from the stream.
var mediaStreamSource = audioContext.createMediaStreamSource( stream );
// Connect it to the destination (or any other node for processing!)
mediaStreamSource.connect( audioContext.destination );
Audio API + more ...
var audioContext = new AudioContext();
// Create an AudioNode from the stream.
var mediaStreamSource = audioContext.createMediaStreamSource( stream );
// Connect it to the destination (or any other node for processing!)
mediaStreamSource.connect( audioContext.destination );
Audio API + more ...
var analyser = audioCtx.createAnalyser();
gainNode.connect(audioCtx.destination);
gainNode.gain.setValueAtTime(1,
audioCtx.currentTime);
Audio API + more ...
var splitter = ac.createChannelSplitter(2);
source.connect(splitter);
var panNode = audioCtx.createStereoPanner();
panNode.pan.setValueAtTime(panControl.value, audioCtx.currentTime);
Musical Instrument Digital Interface (MIDI) protocol
Audio API + more ..
AudioBuffer
AudioBufferSourceNode
AudioContext
AudioDestinationNode
AudioListener
AudioNode
AudioProcessingEvent
BaseAudioContext
BiquadFilterNode
ChannelMergerNode
ChannelSplitterNode
ConstantSourceNode
ConvolverNode
DelayNode
DynamicsCompressorNode
IIRFilterNode
MediaElementAudioSourceNode
MediaStreamAudioDestinationNode
MediaStreamAudioSourceNode
OfflineAudioCompletionEvent
OfflineAudioContext
OscillatorNode
PannerNode
PeriodicWave
StereoPannerNode
Audio APIs in WebRTC and
Integration with Telecom
Endpoints
WebRTC to Telco High level Diagram
Audio in WebRTC
The best webrtc audio
code
Other Networks / DID
VOIP gateway
( opus to PCMU transcoding)
Voice Network Backend
External Carriers
WebRTC SDK
( OPUS)
Phone APP
demos
● https://webrtc.github.io/samples/src/c
ontent/getusermedia/volume/
● http://webaudiodemos.appspot.com/
● https://experiments.withgoogle.com/se
arch?q=webrtc
● https://mypurecloud.github.io/ember-a
udio-visualizer/
● http://webaudiodemos.appspot.com/
Plivo + WebRTC + Telecom
= Magic !!
Plivo’s
WebSDK
Demo
Issues around WebRTC ?!!
Issues around ICE and SSRC
References
www.plivo.com
https://www.w3.org/TR/webrtc/
https://w3c.github.io/mediacapture-main/#defining-new-consumers-of-mediastreams-and-mediastreamtracks
https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API
https://cs.chromium.org/chromium/src/content/renderer/media/media_stream_audio_processor.cc
http://webaudio.github.io/web-midi-api/
https://www.amazon.in/WebRTC-Integrators-Guide-Altanai-ebook/dp/B00P6DY994
Thank You .
Questions ??
Reach me at : @altanai
1 of 30

More Related Content

What's hot(20)

Deploying Hybrid Access NetworksDeploying Hybrid Access Networks
Deploying Hybrid Access Networks
Graham G. Turnbull44 views
Webrtc overviewWebrtc overview
Webrtc overview
Olle E Johansson2.1K views
Kamailio with Docker and KubernetesKamailio with Docker and Kubernetes
Kamailio with Docker and Kubernetes
Paolo Visintin1.7K views
vCPE Challenges and Ways ForwardvCPE Challenges and Ways Forward
vCPE Challenges and Ways Forward
Sigal Biran-Nagar269 views
DevCon 5 (December 2013) - WebRTC & WebSocketsDevCon 5 (December 2013) - WebRTC & WebSockets
DevCon 5 (December 2013) - WebRTC & WebSockets
Crocodile WebRTC SDK and Cloud Signalling Network3.6K views
SDN and NFV Value in Business ServicesSDN and NFV Value in Business Services
SDN and NFV Value in Business Services
Alan Sardella1.4K views
Kamailio on DockerKamailio on Docker
Kamailio on Docker
Chien Cheng Wu3.4K views
Modern VoIP in modern infrastructuresModern VoIP in modern infrastructures
Modern VoIP in modern infrastructures
Giacomo Vacca399 views
RIPP NotesRIPP Notes
RIPP Notes
Giacomo Vacca544 views
Challenges of L2 NID Based Architecture for vCPE and NFV Deployment Challenges of L2 NID Based Architecture for vCPE and NFV Deployment
Challenges of L2 NID Based Architecture for vCPE and NFV Deployment
Bangladesh Network Operators Group2.4K views
VPNaaS in NeutronVPNaaS in Neutron
VPNaaS in Neutron
Kazunori Takeuchi9.3K views

Similar to Plivo webrtc telephony in your browser

WebRTCWebRTC
WebRTCDhruva Sagar
6.3K views13 slides

Similar to Plivo webrtc telephony in your browser(20)

WebRTCWebRTC
WebRTC
Dhruva Sagar6.3K views
WebRTC Overview by Dan BurnettWebRTC Overview by Dan Burnett
WebRTC Overview by Dan Burnett
Mojo Lingo2.2K views
Html web rtcHtml web rtc
Html web rtc
AbhishekMondal428 views
WebRTC - Brings Real-Time to the WebWebRTC - Brings Real-Time to the Web
WebRTC - Brings Real-Time to the Web
Vũ Nguyễn1.2K views
WebRTC Conference Prototype ImplementationWebRTC Conference Prototype Implementation
WebRTC Conference Prototype Implementation
Henry Hung Yu Chen1.4K views
Webrtc in Real world Webrtc in Real world
Webrtc in Real world
Hanumesh Palla609 views
WebRTC  Seminar ReportWebRTC  Seminar Report
WebRTC Seminar Report
srinivasa teja2.1K views
WbeRTC in IOT presented in KrankyGeekWbeRTC in IOT presented in KrankyGeek
WbeRTC in IOT presented in KrankyGeek
ALTANAI BISHT557 views
Network programming in JavaNetwork programming in Java
Network programming in Java
Tushar B Kute7 views
Introduction to WebRTCIntroduction to WebRTC
Introduction to WebRTC
Art Matsak4.4K views
HTML5 Intoduction for Web DevelopersHTML5 Intoduction for Web Developers
HTML5 Intoduction for Web Developers
Sascha Corti1.1K views

More from ALTANAI BISHT(20)

Recently uploaded(20)

METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...
METHOD AND SYSTEM FOR PREDICTING OPTIMAL LOAD FOR WHICH THE YIELD IS MAXIMUM ...
Prity Khastgir IPR Strategic India Patent Attorney Amplify Innovation24 views
ChatGPT and AI for Web DevelopersChatGPT and AI for Web Developers
ChatGPT and AI for Web Developers
Maximiliano Firtman161 views
Java Platform Approach 1.0 - Picnic MeetupJava Platform Approach 1.0 - Picnic Meetup
Java Platform Approach 1.0 - Picnic Meetup
Rick Ossendrijver24 views
ThroughputThroughput
Throughput
Moisés Armani Ramírez31 views
Green Leaf Consulting: Capabilities DeckGreen Leaf Consulting: Capabilities Deck
Green Leaf Consulting: Capabilities Deck
GreenLeafConsulting177 views

Plivo webrtc telephony in your browser