How I built a WebRTC enabled website in 20 minutes!

20
Working with WebRTC How to set up your own video conferencing service

description

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

Transcript of How I built a WebRTC enabled website in 20 minutes!

Page 1: How I built a WebRTC enabled website in 20 minutes!

Working with WebRTC

How to set up your own video

conferencing service

Page 2: How I built a WebRTC enabled website in 20 minutes!

WebRTC.Org provides FAQ for this process…

Page 3: How I built a WebRTC enabled website in 20 minutes!

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!

Page 4: How I built a WebRTC enabled website in 20 minutes!

What you need…

• Your own Web Server (GoDaddy, Host Gator...)

• Basic HTML Experience

• JavaScript Experience

• A internet connection

• A webcam for testing

Page 5: How I built a WebRTC enabled website in 20 minutes!

Step 1: Get the Source Codefrom the Google Chrome GitHub

Page 6: How I built a WebRTC enabled website in 20 minutes!

Here is the link

https://github.com/GoogleChrome/webrtc/tree/master/samples/web/co

ntent/apprtc

Page 7: How I built a WebRTC enabled website in 20 minutes!

Let’s look inside

HTML

Page 8: How I built a WebRTC enabled website in 20 minutes!

HTML

HTML

Page 9: How I built a WebRTC enabled website in 20 minutes!

CSS

CSS

Page 10: How I built a WebRTC enabled website in 20 minutes!

JavaScript

JavaScript

Page 11: How I built a WebRTC enabled website in 20 minutes!

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!

Page 12: How I built a WebRTC enabled website in 20 minutes!

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

Page 13: How I built a WebRTC enabled website in 20 minutes!

See what we did here?

Page 14: How I built a WebRTC enabled website in 20 minutes!

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

Page 15: How I built a WebRTC enabled website in 20 minutes!

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

Page 16: How I built a WebRTC enabled website in 20 minutes!

Check out our example of a customized Version here…

www.MeetFree.US

Page 17: How I built a WebRTC enabled website in 20 minutes!

Reduce your Carbon Footprint with Online Video Conferencing

Page 18: How I built a WebRTC enabled website in 20 minutes!
Page 19: How I built a WebRTC enabled website in 20 minutes!

Ready to get started?

Click here to learn more about Conference Room Systems

Page 20: How I built a WebRTC enabled website in 20 minutes!

Still have questions?

Contact us:800-486-5276

Our sales team is here to help before and after the sale.