Another version of the WebRTC overview, with materials on designing WebRTC into enterprise and edu sites for community, tech support, customer service, and social media.

1. How WebRTC Will Impact Web
Design

2. 2
> Web Real-Time Communications
> New standard that allows browser
to be endpoint for communications
> ―Allows developers to add real-
time voice calls, video chats and
file sharing to their web apps
without the need for plug-ins.‖ –
TechCrunch
> Javascript, open sourced by
Google
WebRTC
What It Is, Exactly

3. 3 Communications at Web Speed
Nothing short of a communications revolution

4. 4
> A softphone in a browser
> Complexity reduction
> Real-time everywhere
> $2 trillion industry re-invented
> Skype, but better, based on standards
The Vision of WebRTC
Approaching reality at Web speed

5. 5 Browser Support
Heading Towards Adoption
Chrome
• Desktop: Full support
• Mobile: Coming soon
Firefox / Firefox Mobile
• Desktop: Full support and interop with
Chrome
• Mobile: Announced (Android)
Safari
• Apple focused on Face Time walled garden
and H.264
• Third party plugin: e.g. webrtc4all
• iOS is closed and prevents third party
browsers from accessing certain functions
Opera
• Mobile: Available (Android)
IE
• Via ChromeFrame plugin
• Microsoft chose a proprietary path

6. 6
Features
• Codecs
• Encryption
• NAT
traversal
• Bandwidth
mgmt
Signaling
• SIP
• XMPP
• Proprietary
How Does It Work?
Simple, its (almost) all in the browser
WebSockets
WebSockets

7. 7 Basic Diagram
Putting the pieces together

8. 8
> Voice
• Opus (royalty free, open
source)
> Video
• Google and Mozilla and W3C
favor VP8 (patent free and
open source)
• Microsoft, Cisco, Apple favor
H.264 (requires a license)
> Microsoft
• Remember RTAudio and
RTVideo?
Ongoing Fight over Codecs and Patents
WebRTC attempts to set a new standard for open source and royalty free codecs

9. 9
> Email, such as Outlook,
Zimbra
> CRM, such as Salesforce
> Not just voice/video, but
screen-sharing, right in the
app
> Communications-enablement
becomes the standard for web
apps, especially at work
Communications-Enabling Web Apps
Adding Voice, Video, Screen Share, and Chat capabilities

10. 10
Unite Zimbra first version
• Initiate calls (click-to-call)
• Presence integration
• Unified messaging / call history
• Conference management
• Corporate address book
• Calendar free / busy
Unite Zimbra second version
• Voice / video in the browser
• Screen sharing from the Zimbra
UI
• Integrated chat / group chat
VMware Zimbra Communications Enabled
WebRTC brings voice / video / screen sharing right into the Zimbra
browser UI

11. 11
> Fresh Tilled Soil created Video
Chat Widget for websites
> Twelephone-WebRTC-based
service to use your Twitter handle
as your phone #, but works only
in browser
> BananaBread game: peer-to-
peer, multiplayer WebRTC
technology
> CubeSlam: play face-to-face with
friends
Some Cool Experiments
Applications in Social Media, eCommerce, Gaming, more!

12. ―A Million Touchpoints‖:
Changing the Function of
Websites Forever

13. 13
> Websites become a key
customer service function
• Yes, a function
> Scores, on large sites, hundreds
of endpoints where a call can—
and will—originate
> Forget click-to-chat on sites, the
website is the customer service,
and sometimes sales, hub
Changing What Websites Can Do
Never Further from Brochureware

14. 14
> WebRTC will be integrated the
way social needs to be now
> Part of the evolution to website as
applications
> Once it’s accepted, will need to
plan for WebRTC as a key part of
any serious enterprise or
consumer-facing website
Changing Websites’ Function
Sites Become More Interactive In A Way Social Leads

15. 15
> eCommerce
> EDU sites
> eLearning: Any site can enable real-time learning with
voice, chat, and video
> Social Media: With applications like Twelephone, social
media becomes a true endpoint in the customer service
chain
> Community
Impacts Many Functions
WebRTC Creates Thousands of Touchpoints Across A Site

16. Designing the WebRTC-
Enabled Site

17. 17
> Add where it will benefit
> Think about how WebRTC can enhance the:
• User experience
• Lead generation and sales process
• Customer support experience
• Community
> Add in functionality in areas where it will have significant
impact, given the internal needs to support real-time
communications
Reasons to Add WebRTC
Improve Functionality, UX, Stickiness

18. 18
> Need to be Designed Thoughtfully
> Where are we putting real-time on our
site?
• Where does it make sense, in terms of
functionality, to have voice? Chat? Video?
• Tempting to be a kid in a candy store
• Too many different functions, and it can
become cumbersome to manage
Questions to Ask at the Start of a Project
Designing WebRTC Into a Site Creates Great New Capabilities

19. 19
> Many orgs are still not handling social media correctly,
and now WebRTC is social cubed
> Does this need to tie into the phone system?
> Who is responsible within the organization for
managing the inbound and outbound
communications?
• PR?
• Customer service?
• Sales?
• All of the above?
• What gets routed where?
Is the Organization Ready?
And how to get clients ready for WebRTC

20. 20
> Connect to phone system
• SIP
> Social media
> Customer service
• Call center
• Email
> Ensure pieces are in place, backend will support it, and
responsibilities identified before a project kicks off
Planning Integration
Making WebRTC Work with the Rest of Organizational Infrastructure

21. 21
> Consumer adoption first lead the way, pushing the
envelope and leading other applications
> Will start to drive enterprise demand
> Applications to customer service and social the greatest
> Consumer sites with service focus
> Organizations will need to know when, how to apply to be
effective
What Next for WebRTC?
Some predictions