how i built a webrtc enabled website in 20 minutes!

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

Upload: paul-richards

Post on 08-Jul-2015

791 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

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.