Embed Real-Time Communication Any App | Any Device | Any Scale - PowerPoint PPT Presentation

Embed Real-Time Communication Any App | Any Device | Any Scale

Sherwin Sim CTO E: sherwin.sim@temasys.io W: www.temasys.io Chad Hoke CRO E: chad.hoke@temasys.io W: www.temasys.io

WHAT IS WEBRTC TEMASYS COMPANY CONFIDENTIAL 3

THE MARKET 2025 2016 Estimated USD $10.71 bn USD $81.52 Sources: Transparency Market Research, 2017 TEMASYS COMPANY CONFIDENTIAL 4

THE MARKET US$6B 6 Bn 2 Bn TAM No. of WebRTC Individuals using Total enabled devices WebRTC by Addressable by 2019 2019 Market Sources: Disruptive Analysis, 2015 + Company Research TEMASYS COMPANY CONFIDENTIAL 5

FACEBOOK Sources: Facebook.com, Dave Marcus April 2017 TEMASYS COMPANY CONFIDENTIAL 6

GOOGLE TEMASYS COMPANY CONFIDENTIAL 7

SNAPCHAT TEMASYS COMPANY CONFIDENTIAL 8

CUSTOMER SPOTLIGHT Webinar Jam USE CASE Genesis Digital, creators of the industry’s premier live event platform, WebinarJam The world’s 2nd largest online webinar provider striving to overtake Citrix’s #1 position – strong growth forecast. TEMASYS COMPANY CONFIDENTIAL 9

CUSTOMER SPOTLIGHT 
 Paktor USE CASE Paktor’s Goodnight social app delivers anonymous voice calling to iOS and Android devices. ▪ A 5-star rated social app available from Apple iTunes Store or Google Play. ▪ Strong growth in Taiwan, expanding into other Asian countries. TEMASYS COMPANY CONFIDENTIAL 10

CUSTOMER SPOTLIGHT 
 Tap to Speak Tap To Speak is a Software as a Service (SaaS) company based in Phoenix Arizona and Lodz Poland, that provides a web-based tool through which live event audiences can communicate with event leaders and speakers in real time. ▪ The Tap To Speak app turns any smartphone into a microphone. TEMASYS COMPANY CONFIDENTIAL 11

CUSTOMER SPOTLIGHT Big White Wall A safe online community of people who are anxious, down or not coping who support and help each other by sharing what’s troubling them, guided by trained professionals. ▪ Available 24/7, Big White Wall is completely anonymous so you can express yourself freely and openly. Professionally trained Wall Guides ensure the safety and anonymity of all members. TEMASYS COMPANY CONFIDENTIAL 12

WHAT IS WEBRTC TEMASYS COMPANY CONFIDENTIAL 13

BORN FROM GOOGLE TEMASYS COMPANY CONFIDENTIAL 14

COMPLETELY STANDARDS BASED TEMASYS COMPANY CONFIDENTIAL 15

BUILDING WEB TECH TEMASYS COMPANY CONFIDENTIAL 16

OK…SO WHAT IS IT TEMASYS COMPANY CONFIDENTIAL 17

TECHNOLOGY RICH ▪ Web APIs ▪ Transport Protocols ▪ Session Management with SDP ▪ RTP/RTCP/RTCP-FB and ▪ AV Codecs RTCP Mux ▪ G7.11 ▪ Bundle ▪ Opus ▪ Encryption and Security ▪ VP8/VP9 ▪ DTLS-SRTP ▪ H.264 ▪ Audio/video Jitter Buffers ▪ NAT Traversal Protocols ▪ Packet Loss Concealment ▪ STUN ▪ Local Audio Processing ▪ TURN ▪ ICE ▪ Audio Echo Canceller ▪ SCTP for Data/File Transfers ▪ Auto Gain Controls ▪ Noise Reduction TEMASYS COMPANY CONFIDENTIAL 18

WEBRTC CLIENT ARCHITECTURE TEMASYS COMPANY CONFIDENTIAL 19

WEB API WebRTC provides the basics ▪ GetUserMedia ▪ Access/Handling camera and microphone ▪ PeerConnection ▪ Session/capabilities exchange and sending/receiving media ▪ DataChannels ▪ Sending non-media between browsers TEMASYS COMPANY CONFIDENTIAL 20

OK…SO WHAT IS IT TEMASYS COMPANY CONFIDENTIAL 21

SO HOW DO I GET STARTED TEMASYS COMPANY CONFIDENTIAL 22

STEPS • 1. Get the Microphone and Camera – GetUserMedia() • 2. Create a signaling mechanism for two browsers to connect (WebSocket and JSON?) • 3. Create a PeerConnection ( RTCPeerConnection ) • 4. Creating/Sending/Receiving Offers/Answers of Media • RTCPeerConnection.createOffer() • RTCPeerConnection.createAnswer() • RTCPeerConnection.setLocalDescription() • RTCPeerConnection.setRemoteDescription() • RTCPeerConnection.onicecandidates() TEMASYS COMPANY CONFIDENTIAL 23

WEBRTC IS AN ENGINE TEMASYS COMPANY CONFIDENTIAL 24

WEBRTC NEEDS INFRASTRCUTURE TEMASYS COMPANY CONFIDENTIAL 25

BUILDING SUPPORTING INFRASTRUCTURE ▪ Define signaling protocol ▪ Common API Layers ▪ Create a signaling server ▪ Common Libraries ▪ Browser incompatibilities ▪ Dev Ops ▪ Mobile/Browser interoperability ▪ Redundancy ▪ STUN/TURN server for fw/nat ▪ Scaling ▪ Load Balancing traversal ▪ Media server ▪ HA ▪ Better bandwidth management ▪ Media/Call manipulation ▪ Recording TEMASYS COMPANY CONFIDENTIAL 26

APPROACH 1: BUILD FROM SCRATCH https://webrtc.org/start/ TEMASYS COMPANY CONFIDENTIAL 27

APPROACH 2: HYBRID WITH OPEN SOURCE TEMASYS COMPANY CONFIDENTIAL 28

APPROACH 3: USE A PLATFORM Web App Web Application UI • HTML/CSS • JavaScript • MVC Architecture Temasys Web SDK Native JavaScript Library Simple API Layer Rooms Peers Data Streams/Media ICE Events AdapterJS SocketIO IE/Safari Native WebRTC Plugin TEMASYS COMPANY CONFIDENTIAL 29

APPROACH 3: USE A PLATFORM Temasys Cloud Services (IaaS) Temasys Temasys Temasys Temasys Temasys Temasys API, Auth Temasys STUN/TURN MCU/SFU Recording BC SIP and Billing Analytics Temasys Signalling Temasys API and Console Web Client iOS Client Android Client Embedded Client “Whatever” Client Web Application Mobile Application Mobile Application Things Application “Unicorn Tears” App Temasys Temasys Temasys Temasys “Magic Beans” Web SDK iOS SDK Android SDK Linux SDK SDK (Beta) Native IE/Safari Native WebRTC Native WebRTC Native WebRTC Native WebRTC WebRTC Plugin 30 TEMASYS COMPANY CONFIDENTIAL

Jump Start Your Prototype! • Sign up for a Temasys account • Set up your first app key • Download our ready-to-use sample apps • Sub your app keys into the sample app config file placeholders https://github.com/Temasys TEMASYS COMPANY CONFIDENTIAL 31

THANK YOU “The coming year promises to be the beginning of a sea change in communications, the age of Communications Applications that have communications delivered directly in the application.” “WebRTC is rapidly becoming the dominant VoIP (voice and video) protocol. Communications within applications is changing the landscape of both communications and applications.” Phil Edholm 
 Communications Industry Expert Temasys: 80 Amoy Street #02-02 530 Lytton Avenue Singapore 069899 Palo Alto, CA 94301 TEMASYS COMPANY CONFIDENTIAL 32