SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
DEMYSTIFIED
Anant Narayanan, Tim Terriberry
Warsaw
September 8, 2012
WHAT?
•

A set of technologies to enable real time communication in web pages
through a simple JavaScript API

•

You need three things for this to work:
Access to the webcam & microphone

Peer to peer networking

Media encoding and playback
GETUSERMEDIA
•

Web camera and microphone access with a simple API that integrates
well with other web elements like <audio> and <video>
GETUSERMEDIA
•

Integration with <video> and <canvas> opens up many possibilities!
PEERCONNECTION
•

Allows creating a peer to peer channel for audio, video and data

•

High-level API, the grimy details of connectivity checks and NAT
traversal is (mostly!) hidden
DATA CHANNELS
•

Like WebSockets, but directly from one peer to another!

•

Both reliable (like TCP) and unreliable (and UDP) modes available
MEDIA
•

VP8 for Video and Opus for Audio, just like <audio> & <video>

•

Opus - a high quality audio codec that’s great for realtime speech,
music and local playback

•

You don’t (necessarily) have to worry about encoding or decoding,
PeerConnection will automatically select the most appropriate codec
usable on both ends.

•

Integration with the Audio Data API for manipulation coming soon!
ROADMAP
•

getUserMedia available in FF17 (behind a pref), targeting FF18 for
turning it on by default

•

Targeting PeerConnection for FF18, currently available on alder for
experimental purposes

•

Current focus is on shipping a usable, “1.0” version of both the above

https://wiki.mozilla.org/Media/WebRTC
WE NEED YOU!
•

Developers: Tons of blocker bugs that need to be worked on, for both
getUserMedia, PeerConnection and other WebRTC related efforts
•
•

•

hg.mozilla.org/projects/alder - build just like mozilla-central
Write demos that use getUserMedia and/or PeerConnection

Designers: We need creative ideas and mockups for the UI that should
be presented to the user
•

•

On device access, permission grant, during use, and more...

Everybody: Tutorials, Documentation and Evangelism!
Q&A
#MEDIA
IRC.MOZILLA.ORG
DEV-MEDIA@LISTS.MOZILLA.ORG

Más contenido relacionado

Destacado

Destacado (15)

Innovating with Mozilla Labs
Innovating with Mozilla LabsInnovating with Mozilla Labs
Innovating with Mozilla Labs
 
about:labs
about:labsabout:labs
about:labs
 
πP
πPπP
πP
 
Building Web Applications with MochiKit and Dojo
Building Web Applications with MochiKit and DojoBuilding Web Applications with MochiKit and Dojo
Building Web Applications with MochiKit and Dojo
 
Next Generation Browser Add-Ons
Next Generation Browser Add-OnsNext Generation Browser Add-Ons
Next Generation Browser Add-Ons
 
Mozilla Prism
Mozilla PrismMozilla Prism
Mozilla Prism
 
Error Handling in WebRTC
Error Handling in WebRTCError Handling in WebRTC
Error Handling in WebRTC
 
WebRTC: An Overview
WebRTC: An OverviewWebRTC: An Overview
WebRTC: An Overview
 
Message Passing vs. Data Synchronization
Message Passing vs. Data SynchronizationMessage Passing vs. Data Synchronization
Message Passing vs. Data Synchronization
 
WebRTC: A Practical Introduction
WebRTC: A Practical IntroductionWebRTC: A Practical Introduction
WebRTC: A Practical Introduction
 
Glendix: The Why and the How
Glendix: The Why and the HowGlendix: The Why and the How
Glendix: The Why and the How
 
An Overview of Distributed Debugging
An Overview of Distributed DebuggingAn Overview of Distributed Debugging
An Overview of Distributed Debugging
 
A Brief Incursion into Botnet Detection
A Brief Incursion into Botnet DetectionA Brief Incursion into Botnet Detection
A Brief Incursion into Botnet Detection
 
Firebase: Tales from the Trenches
Firebase: Tales from the TrenchesFirebase: Tales from the Trenches
Firebase: Tales from the Trenches
 
Distributed File Systems: An Overview
Distributed File Systems: An OverviewDistributed File Systems: An Overview
Distributed File Systems: An Overview
 

Similar a WebRTC Demystified

WVIZ Desktop Videoconferencing 03
WVIZ Desktop Videoconferencing 03WVIZ Desktop Videoconferencing 03
WVIZ Desktop Videoconferencing 03
Videoguy
 
Video Streaming
Video StreamingVideo Streaming
Video Streaming
Videoguy
 
Web & Apps Design for Mobile Devices
Web & Apps Design for Mobile DevicesWeb & Apps Design for Mobile Devices
Web & Apps Design for Mobile Devices
lerichard
 

Similar a WebRTC Demystified (20)

WebRTC
WebRTCWebRTC
WebRTC
 
Web casting
Web castingWeb casting
Web casting
 
Introduction to WebRTC
Introduction to WebRTCIntroduction to WebRTC
Introduction to WebRTC
 
WebRTC - Brings Real-Time to the Web
WebRTC - Brings Real-Time to the WebWebRTC - Brings Real-Time to the Web
WebRTC - Brings Real-Time to the Web
 
KazooCon 2014 - WebRTC
KazooCon 2014 - WebRTCKazooCon 2014 - WebRTC
KazooCon 2014 - WebRTC
 
WebRTC: Bring real-time to the web - Barcamp Saigon 2012
WebRTC: Bring real-time to the web - Barcamp Saigon 2012WebRTC: Bring real-time to the web - Barcamp Saigon 2012
WebRTC: Bring real-time to the web - Barcamp Saigon 2012
 
WVIZ Desktop Videoconferencing 03
WVIZ Desktop Videoconferencing 03WVIZ Desktop Videoconferencing 03
WVIZ Desktop Videoconferencing 03
 
2600hz WebRTC Meetup at WeWork, San Francisco, CA
2600hz WebRTC Meetup at WeWork, San Francisco, CA2600hz WebRTC Meetup at WeWork, San Francisco, CA
2600hz WebRTC Meetup at WeWork, San Francisco, CA
 
7 reasons why video conferencing world will never
7 reasons why video conferencing world will never7 reasons why video conferencing world will never
7 reasons why video conferencing world will never
 
Abekas Mira Production Server
Abekas Mira Production ServerAbekas Mira Production Server
Abekas Mira Production Server
 
Video Streaming
Video StreamingVideo Streaming
Video Streaming
 
WebRTC Overview by Dan Burnett
WebRTC Overview by Dan BurnettWebRTC Overview by Dan Burnett
WebRTC Overview by Dan Burnett
 
Webrtc in Real world
Webrtc in Real world Webrtc in Real world
Webrtc in Real world
 
Web & Apps Design for Mobile Devices
Web & Apps Design for Mobile DevicesWeb & Apps Design for Mobile Devices
Web & Apps Design for Mobile Devices
 
The Purpose of Cloud-technology for Video Production
The Purpose of Cloud-technology for Video ProductionThe Purpose of Cloud-technology for Video Production
The Purpose of Cloud-technology for Video Production
 
Edge Of The Web
Edge Of The WebEdge Of The Web
Edge Of The Web
 
Encoding Video for Microsoft Silverlight
Encoding Video for Microsoft SilverlightEncoding Video for Microsoft Silverlight
Encoding Video for Microsoft Silverlight
 
minor-project-1.ppt
minor-project-1.pptminor-project-1.ppt
minor-project-1.ppt
 
WEEK 1
WEEK 1WEEK 1
WEEK 1
 
Introduction to Video Conferencing
Introduction to Video ConferencingIntroduction to Video Conferencing
Introduction to Video Conferencing
 

Más de Anant Narayanan

Más de Anant Narayanan (10)

Enterprise Scale Knowledge Graphs
Enterprise Scale Knowledge GraphsEnterprise Scale Knowledge Graphs
Enterprise Scale Knowledge Graphs
 
Building an Intelligent Assistant
Building an Intelligent AssistantBuilding an Intelligent Assistant
Building an Intelligent Assistant
 
WebRTC: User Security & Privacy
WebRTC: User Security & PrivacyWebRTC: User Security & Privacy
WebRTC: User Security & Privacy
 
Firefox Architecture Overview
Firefox Architecture OverviewFirefox Architecture Overview
Firefox Architecture Overview
 
Mozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the BrowserMozilla Weave: Integrating Services into the Browser
Mozilla Weave: Integrating Services into the Browser
 
Making Gentoo Tick
Making Gentoo TickMaking Gentoo Tick
Making Gentoo Tick
 
Introduction to XPConnect
Introduction to XPConnectIntroduction to XPConnect
Introduction to XPConnect
 
Unix++: Plan 9 from Bell Labs
Unix++: Plan 9 from Bell LabsUnix++: Plan 9 from Bell Labs
Unix++: Plan 9 from Bell Labs
 
Introducing Plan9 from Bell Labs
Introducing Plan9 from Bell LabsIntroducing Plan9 from Bell Labs
Introducing Plan9 from Bell Labs
 
Extending Python with ctypes
Extending Python with ctypesExtending Python with ctypes
Extending Python with ctypes
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 

WebRTC Demystified

  • 1. DEMYSTIFIED Anant Narayanan, Tim Terriberry Warsaw September 8, 2012
  • 2. WHAT? • A set of technologies to enable real time communication in web pages through a simple JavaScript API • You need three things for this to work: Access to the webcam & microphone Peer to peer networking Media encoding and playback
  • 3. GETUSERMEDIA • Web camera and microphone access with a simple API that integrates well with other web elements like <audio> and <video>
  • 4. GETUSERMEDIA • Integration with <video> and <canvas> opens up many possibilities!
  • 5. PEERCONNECTION • Allows creating a peer to peer channel for audio, video and data • High-level API, the grimy details of connectivity checks and NAT traversal is (mostly!) hidden
  • 6. DATA CHANNELS • Like WebSockets, but directly from one peer to another! • Both reliable (like TCP) and unreliable (and UDP) modes available
  • 7. MEDIA • VP8 for Video and Opus for Audio, just like <audio> & <video> • Opus - a high quality audio codec that’s great for realtime speech, music and local playback • You don’t (necessarily) have to worry about encoding or decoding, PeerConnection will automatically select the most appropriate codec usable on both ends. • Integration with the Audio Data API for manipulation coming soon!
  • 8. ROADMAP • getUserMedia available in FF17 (behind a pref), targeting FF18 for turning it on by default • Targeting PeerConnection for FF18, currently available on alder for experimental purposes • Current focus is on shipping a usable, “1.0” version of both the above https://wiki.mozilla.org/Media/WebRTC
  • 9. WE NEED YOU! • Developers: Tons of blocker bugs that need to be worked on, for both getUserMedia, PeerConnection and other WebRTC related efforts • • • hg.mozilla.org/projects/alder - build just like mozilla-central Write demos that use getUserMedia and/or PeerConnection Designers: We need creative ideas and mockups for the UI that should be presented to the user • • On device access, permission grant, during use, and more... Everybody: Tutorials, Documentation and Evangelism!