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

▶
embed real time communication
SMART_READER_LITE
LIVE PREVIEW

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

Mar 09, 2023 357 likes •695 views

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

slide-1
SLIDE 1

Embed Real-Time Communication

Any App | Any Device | Any Scale

slide-2
SLIDE 2

Sherwin Sim

CTO

E: sherwin.sim@temasys.io W: www.temasys.io

Chad Hoke

CRO

E: chad.hoke@temasys.io W: www.temasys.io

slide-3
SLIDE 3

TEMASYS COMPANY CONFIDENTIAL

WHAT IS WEBRTC

3

slide-4
SLIDE 4

TEMASYS COMPANY CONFIDENTIAL

Sources: Transparency Market Research, 2017

THE MARKET

4

2016 USD $10.71 bn 2025 Estimated USD $81.52

slide-5
SLIDE 5

TEMASYS COMPANY CONFIDENTIAL

Sources: Disruptive Analysis, 2015 + Company Research

THE MARKET

5

6 Bn

  • No. of WebRTC

enabled devices by 2019 2 Bn Individuals using WebRTC by 2019 US$6B TAM Total Addressable Market

slide-6
SLIDE 6

TEMASYS COMPANY CONFIDENTIAL

FACEBOOK

6

Sources: Facebook.com, Dave Marcus April 2017

slide-7
SLIDE 7

TEMASYS COMPANY CONFIDENTIAL

GOOGLE

7

slide-8
SLIDE 8

TEMASYS COMPANY CONFIDENTIAL

SNAPCHAT

8

slide-9
SLIDE 9

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 SPOTLIGHT

Webinar Jam

USE CASE

9

slide-10
SLIDE 10

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

slide-11
SLIDE 11

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

slide-12
SLIDE 12

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

  • penly. Professionally trained Wall Guides ensure the

safety and anonymity of all members.

CUSTOMER SPOTLIGHT

Big White Wall

12

slide-13
SLIDE 13

TEMASYS COMPANY CONFIDENTIAL

WHAT IS WEBRTC

13

slide-14
SLIDE 14

TEMASYS COMPANY CONFIDENTIAL

BORN FROM GOOGLE

14

slide-15
SLIDE 15

TEMASYS COMPANY CONFIDENTIAL

COMPLETELY STANDARDS BASED

15

slide-16
SLIDE 16

TEMASYS COMPANY CONFIDENTIAL

BUILDING WEB TECH

16

slide-17
SLIDE 17

TEMASYS COMPANY CONFIDENTIAL

OK…SO WHAT IS IT

17

slide-18
SLIDE 18

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

slide-19
SLIDE 19

TEMASYS COMPANY CONFIDENTIAL

WEBRTC CLIENT ARCHITECTURE

19

slide-20
SLIDE 20

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

slide-21
SLIDE 21

TEMASYS COMPANY CONFIDENTIAL

OK…SO WHAT IS IT

21

slide-22
SLIDE 22

TEMASYS COMPANY CONFIDENTIAL

SO HOW DO I GET STARTED

22

slide-23
SLIDE 23

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

slide-24
SLIDE 24

TEMASYS COMPANY CONFIDENTIAL

WEBRTC IS AN ENGINE

24

slide-25
SLIDE 25

TEMASYS COMPANY CONFIDENTIAL

WEBRTC NEEDS INFRASTRCUTURE

25

slide-26
SLIDE 26

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

slide-27
SLIDE 27

TEMASYS COMPANY CONFIDENTIAL

APPROACH 1: BUILD FROM SCRATCH

27

https://webrtc.org/start/

slide-28
SLIDE 28

TEMASYS COMPANY CONFIDENTIAL

APPROACH 2: HYBRID WITH OPEN SOURCE

28

slide-29
SLIDE 29

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

slide-30
SLIDE 30

TEMASYS COMPANY CONFIDENTIAL

APPROACH 3: USE A PLATFORM

Web Client iOS Client

Web Application Temasys Web 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

slide-31
SLIDE 31

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

slide-32
SLIDE 32

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 Edholm
 Communications Industry Expert

Temasys:

80 Amoy Street #02-02 Singapore 069899 530 Lytton Avenue Palo Alto, CA 94301

32