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

Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

  • Upload
    others

  • View
    18

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

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

Page 2: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

Sherwin SimCTOE: [email protected]: www.temasys.io

Chad HokeCROE: [email protected]: www.temasys.io

Page 3: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

WHAT IS WEBRTC

3

Page 4: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

Sources: Transparency Market Research, 2017

THE MARKET

4

2016USD $10.71 bn

2025Estimated

USD $81.52

Page 5: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

Sources: Disruptive Analysis, 2015 + Company Research

THE MARKET

5

6 BnNo. of WebRTC enabled devices

by 2019

2 BnIndividuals using

WebRTC by 2019

US$6BTAMTotal

Addressable Market

Page 6: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

FACEBOOK

6

Sources: Facebook.com, Dave Marcus April 2017

Page 7: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

GOOGLE

7

Page 8: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

SNAPCHAT

8

Page 9: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

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.

CUSTOMER SPOTLIGHTWebinar Jam USE CASE

9

Page 10: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

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.

CUSTOMER SPOTLIGHT

Paktor USE CASE

10

Page 11: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

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.

CUSTOMER SPOTLIGHT

Tap to Speak

11

Page 12: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

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.

CUSTOMER SPOTLIGHTBig White Wall

12

Page 13: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

WHAT IS WEBRTC

13

Page 14: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

BORN FROM GOOGLE

14

Page 15: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

COMPLETELY STANDARDS BASED

15

Page 16: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

BUILDING WEB TECH

16

Page 17: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

OK…SO WHAT IS IT

17

Page 18: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

▪ Web APIs▪ Session Management with SDP ▪ AV Codecs▪ G7.11▪ Opus▪ VP8/VP9▪ H.264

▪ NAT Traversal Protocols▪ STUN▪ TURN▪ ICE

▪ SCTP for Data/File Transfers

TECHNOLOGY RICH

18

▪ Transport Protocols▪ RTP/RTCP/RTCP-FB and

RTCP Mux▪ Bundle

▪ Encryption and Security▪ DTLS-SRTP

▪ Audio/video Jitter Buffers▪ Packet Loss Concealment▪ Local Audio Processing▪ Audio Echo Canceller▪ Auto Gain Controls▪ Noise Reduction

Page 19: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

WEBRTC CLIENT ARCHITECTURE

19

Page 20: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

▪ GetUserMedia▪ Access/Handling camera and microphone

▪ PeerConnection▪ Session/capabilities exchange and sending/receiving media

▪ DataChannels▪ Sending non-media between browsers

WEB API

20

WebRTC provides the basics

Page 21: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

OK…SO WHAT IS IT

21

Page 22: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

SO HOW DO I GET STARTED

22

Page 23: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

• 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()

STEPS

23

Page 24: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

WEBRTC IS AN ENGINE

24

Page 25: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

WEBRTC NEEDS INFRASTRCUTURE

25

Page 26: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

▪ Define signaling protocol▪ Create a signaling server▪ Browser incompatibilities▪ Mobile/Browser interoperability▪ STUN/TURN server for fw/nat

traversal▪ Media server▪ Better bandwidth management▪ Media/Call manipulation▪ Recording

BUILDING SUPPORTING INFRASTRUCTURE

26

▪ Common API Layers▪ Common Libraries▪ Dev Ops▪ Redundancy▪ Scaling▪ Load Balancing▪ HA

Page 27: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

APPROACH 1: BUILD FROM SCRATCH

27

https://webrtc.org/start/

Page 28: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

APPROACH 2: HYBRID WITH OPEN SOURCE

28

Page 29: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

APPROACH 3: USE A PLATFORM

29

Web Application UI • HTML/CSS • JavaScript • MVC Architecture

Temasys Web SDK Native JavaScript Library

Native WebRTC IE/Safari Plugin

Web App

Simple API Layer

Rooms Peers

ICE

Streams/Media Data

Events

AdapterJS SocketIO

Page 30: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

APPROACH 3: USE A PLATFORM

Web Client iOS Client

Web Application

TemasysWeb SDK

Mobile Application

Temasys iOS SDK

Native WebRTC

Temasys Cloud Services (IaaS)

Temasys STUN/TURN

Temasys Signalling

Native WebRTC

Android Client

Mobile Application

Temasys Android SDK

Native WebRTC

Temasys API, Auth and Billing

Temasys MCU/SFU

Temasys Recording

Temasys SIP

Temasys Analytics

Temasys API and Console

IE/Safari Plugin

Embedded Client

Things Application

Temasys Linux SDK

(Beta)

Native WebRTC

30

“Whatever” Client

“Unicorn Tears” App

“Magic Beans”SDK

Native WebRTC

Temasys BC

Page 31: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL 31

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

Page 32: Embed Real-Time Communication - edgeatx.org · WebRTC Android Client Mobile Application Temasys Android SDK Native WebRTC Temasys API, Auth and Billing Temasys MCU/SFU Temasys Recording

TEMASYS COMPANY CONFIDENTIAL

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 EdholmCommunications Industry Expert

Temasys: 80 Amoy Street #02-02 Singapore 069899

530 Lytton Avenue Palo Alto, CA 94301

32