Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo

How I built a WebRTC enabled website in 20 minutes!

•Download as PPTX, PDF•
•
Paul Richards
Paul Richards

Interested in WebRTC? Check out how we used Google's WebRTC Source code to create a fun video conferencing WebRTC platform.

Related slideshows

Fundamentals of HTML5
Fundamentals of HTML5Fundamentals of HTML5
Fundamentals of HTML5
 
October OpenNTF Webinar - What we like about Domino/Notes 12, recommended new...
October OpenNTF Webinar - What we like about Domino/Notes 12, recommended new...October OpenNTF Webinar - What we like about Domino/Notes 12, recommended new...
October OpenNTF Webinar - What we like about Domino/Notes 12, recommended new...
 
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014
 
1 of 20
Working with WebRTC How to set up your own video conferencing service
WebRTC.Org provides FAQ for this process…
Do I need to be a programmer to use WebRTC? • Yes, to built WebRTC into a software application programming skills are required • However, JavaScript API’s that Call WebRTC in the browser will only require typical web development skills!
What you need… • Your own Web Server (GoDaddy, Host Gator...) • Basic HTML Experience • JavaScript Experience • A internet connection • A webcam for testing
Step 1: Get the Source Code from the Google Chrome GitHub
Here is the link https://github.com/Goo gleChrome/webrtc/tree/ master/samples/web/co ntent/apprtc
Let’s look inside HTML
HTML HTML
CSS CSS
JavaScript JavaScript
Step 2: Check out what you just got.. For an example of what you get to play with • Basic User Demo • WebRTC SnapShots • Choose Camera Resolution • Choose Camera and Microphone • Face Tracking • A Google Hangout Video Chat Client!
Step 3: Customize your SetUp • The Demo JavaScript available from WebRTC.Org will allow you connect multiple web browsers using “Real Time Communications” • It’s all open source so you can customize in any way you like
See what we did here?
Step 4: Upload/Host • Upload your customized version of the WebRTC Demo System to your web server • Make sure you webserver support php5 or later
Step 5: Launch a Video Call • You should be able to put together the WebRTC Demo source code and make a video conferencing call using WebRTC
Check out our example of a customized Version here… www.MeetFree.US
Reduce your Carbon Footprint with Online Video Conferencing
How I built a WebRTC enabled website in 20 minutes!
Ready to get started? Click here to learn more about Conference Room Systems
Still have questions? Contact us: 800-486-5276 Our sales team is here to help before and after the sale.

More Related Content

How I built a WebRTC enabled website in 20 minutes!

  • 1. Working with WebRTC How to set up your own video conferencing service
  • 2. WebRTC.Org provides FAQ for this process…
  • 3. Do I need to be a programmer to use WebRTC? • Yes, to built WebRTC into a software application programming skills are required • However, JavaScript API’s that Call WebRTC in the browser will only require typical web development skills!
  • 4. What you need… • Your own Web Server (GoDaddy, Host Gator...) • Basic HTML Experience • JavaScript Experience • A internet connection • A webcam for testing
  • 5. Step 1: Get the Source Code from the Google Chrome GitHub
  • 6. Here is the link https://github.com/Goo gleChrome/webrtc/tree/ master/samples/web/co ntent/apprtc
  • 11. Step 2: Check out what you just got.. For an example of what you get to play with • Basic User Demo • WebRTC SnapShots • Choose Camera Resolution • Choose Camera and Microphone • Face Tracking • A Google Hangout Video Chat Client!
  • 12. Step 3: Customize your SetUp • The Demo JavaScript available from WebRTC.Org will allow you connect multiple web browsers using “Real Time Communications” • It’s all open source so you can customize in any way you like
  • 13. See what we did here?
  • 14. Step 4: Upload/Host • Upload your customized version of the WebRTC Demo System to your web server • Make sure you webserver support php5 or later
  • 15. Step 5: Launch a Video Call • You should be able to put together the WebRTC Demo source code and make a video conferencing call using WebRTC
  • 16. Check out our example of a customized Version here… www.MeetFree.US
  • 17. Reduce your Carbon Footprint with Online Video Conferencing
  • 19. Ready to get started? Click here to learn more about Conference Room Systems
  • 20. Still have questions? Contact us: 800-486-5276 Our sales team is here to help before and after the sale.