WebRTC (Web Real-Time Communication) is an API definition drafted by the World Wide Web Consortium (W3C) that supports browser-to-browser applications for voice calling, video chat, and P2P file sharing without plugins. Web RTC is a young but is a promising & powerful technology. The possibilities are endless that includes HD audio, video, file sharing, screen sharing, conference application and more. www.2600hz.com

1. PRESENTED BY:
PETER DEFEBVRE
MAXIME ROUX
WEB RTC

2. #kazoocon14
Hosts
Peter Defebvre
• Erlang Engineer
• Working on Kazoo
Maxime Roux
• Front-End Engineer
• Working on Monster
UI & Kazoo UI

3. #kazoocon14
What is WebRTC?
WebRTC (Web Real-Time Communication) is an
API definition drafted by the World Wide Web
Consortium (W3C) that supports browser-to-browser
applications for voice calling, video
chat, and P2P file sharing without plugins.

4. #kazoocon14
A brief history of the web
BASIC
HTML
PLUGINS
BASIC
HTML
&
IMAGES
MORE
PLUGINS
WEB RTC
PNG
JPG
FLASH
REAL PLAYER
≈1993 ≈1996 ≈1998 2011

5. #kazoocon14
How Does This Relate
to Kazoo?

6. #kazoocon14
Kazoo + WebRTC?
How do we get WebRTC into Kazoo?
Two things are required:
- Back-end Server Support
- Front-end Browser Support

7. #kazoocon14
WebRTC on the
Back-End

8. #kazoocon14
WebRTC – Layers
Multiple layers of technology enable
communication between the browser
and the server
Let’s explore those

9. #kazoocon14
Transport Mechanism
TCP WEB SOCKET SIP RTP
WEB
BROWSER

10. #kazoocon14
Implementation in Kazoo
WEB RTC
FREESWITCH
KAMAILIO
SIP
WEBSOCKETS
SSL
RTP
FLASH
PLAYER
RTMP
RTP

11. #kazoocon14
WebRTC on the
Front-End
The kazoo.js library

12. #kazoocon14
Why do our own library?
Real Time Messaging Protocol
(Really Terrible Motherloving Phone)
• WebRTC supported on Firefox, Chrome & Opera
• RTMP supported on most browser
o Poor audio quality
o No echo cancellation
o Hard to support on the back-end
o Proprietary protocol (Adobe’s Open Public Protocol)

13. #kazoocon14
How does it work?
Two open source JavaScript libraries:
Flash-VideoIO
1. Checks browser compatibility with WebRTC
2. Loads only the right library
3. Provides common functions for both libraries

14. #kazoocon14
Initializing the library

15. #kazoocon14
Registering a device

16. #kazoocon14
Basic call actions

17. #kazoocon14
Demo
Go to:
http://userXXX.u.kazoocon.com/webphone/#help

18. #kazoocon14
Conclusion
• WebRTC is very much a cutting edge technology
• Vendors who integrate WebRTC will give users true “work
from any device” experience – phone, tablet, browser
• Limitless possibilities for video, conferences, sharing, social
media as well

19. Thank You!
#kazoocon14