WebRTC is pretty cool, allowing you to perform VoIP and video conferencing all within a browser. I thought it would be cool to demo some WebRTC code here leveraging getUserMedia, an API that began as part of HTML5 and was split off into the W3C WebRTC specification suite. It allows JavaScript access to a device's cameras and microphones to enable in-browser VoIP and video-conferencing. Further, with HTML5 it's easy to apply cool video filters (think Instagram) on-the-fly while in a video conference.
So without further adeiu, let's try "Self View" Camera on your WebRTC-enabled browser - Google Chrome, Opera, and Firefox (nightly build only) all support WebRTC, though not Internet Explorer (yet). Open your WebRTC-enabled browser and click here to try viewing your camera for this "self view" demo test: http://blog.tmcnet.com/blog/tom-keating/webrtctest.html
You'll see a live video feed of your default webcam, like mine shown here:
Here's the very short source code to get this demo to work:
<!doctype html>
<html>
<head>
<title>getUserMedia() Self View Video test</title>
<script type="text/javascript">
window.onload = function () {
setTimeout(function () {
var attrs = {"audio": true, "video": true, "toString": function() { return "audio, video";}};
navigator.webkitGetUserMedia(attrs, function (stream) {
document.getElementsByTagName("video")[0].setAttribute("src", webkitURL.createObjectURL(stream));
var pc = new PeerConnection();
if (stream) {
pc.addStream(stream);
}
});
}, 2000);
};
</script>
</head>
<body>
<video style="width: 800px; height: 600px;" autoplay>
</body>
</html>
Now wouldn't it be cool to try a self camera view on your Apple iPhone or iPad camera using the above code? Alas, iOS Safari doesn't support WebRTC (yet). Ah, but the Ericsson folks released a WebRTC browser for iOS that you can download from the App Store here.
Now, after installing Bowser, launch Bowser and click this same hyperlink: http://blog.tmcnet.com/blog/tom-keating/webrtctest.html
You will now see your iPhone/iPad's camera outputted to your browser! Mobile WebRTC for the win! I said 2013 is the Year of WebRTC and I wasn't kidding. Here's a screenshot of it in action:
It may not look like much since this is a static photo, but trust me, you will see live video within your Bowser browser coming from your Apple's camera. Is that cool or what? It isn't a stretch to see this as an Apple FaceTime or Microsoft / Skype killer.
Ok, enough "self view" camera action - you want to demo two-way video using WebRTC, don't you? Well, head on over to https://apprtc.appspot.com/ from two WebRTC browsers that have cameras. Actually, you'll head to https://apprtc.appspot.com/ one time and the site will generate a random ID, like this: https://apprtc.appspot.com/?r=24771704 You will then use this URL for the second browser to join the conference. Currently, this demo only supports 2-party conferencing, but still a nice demonstration.
But wait, it gets better. I just found a website called browsermeeting.com that uses WebRTC and allows for multiple video participants AND it allows you to share files. This is less a demo than a real live production environment, that has hosted 1776 rooms, 4883 participants, and 672 hours of conferencing as of 1/21/2013. BrowserMeeting.com is built on XSockets.NET and is a product created by Team XSockets.NET and their affiliates. Here's a screeshot of a two-way conference, but I did test a 3-way which worked:
I like how Browser Meeting simply asks you to create a unique "room name", which can be your own name of course, making it very easy for others to join your meeting room.
One final example of WebRTC I'll give comes from Plivo, who built an open bridge that's basically a Proof of Concept for WebRTC letting people make their first WebRTC call. You can try it yourself here: http://webrtc.plivo.com/ You and a friend can both join and talk to each other via WebRTC to check out the sound quality, connection speeds, etc. Other people may be on too since it's just a big open bridge right now, similar to a party line.
You should also check out bistri and twelephone. bistri is pretty interesting because it lets you link with Facebook, Google, Windows Live, Yahoo, Jabber/XMPP, and Вконтакте. It'll pull all your contacts and their presence status and display it on their website allowing you to chat, or make a voice or video call. twelephone is similar to bistri, except it uses Twitter for authentication. Hope you enjoy these WebRTC demos -- and production WebRTC solutions!
Update:
Be sure to check out the WebRTC Conference & Expo which will be in Atlanta, George in June.
Update 2:
Also check out Veckon, which offers multi-party WebRTC conferencing. It generates a unique URL per conference. If you want to see CSS filter effects (X-Ray, B&W, Sepia, Blur, Hulk Green, etc.) applied to a WebRTC live camera, head over here.
android apple asterisk at&t blackberry cell phone cisco dell digium e911 facebook fcc google google talk gps im ip-pbx ipad iphone ipod itexpo ITEXPO lync microsoft mobile phone open source outage phone review sip skype sony unified communications verizon video video conferencing voip vonage wireless xbox 360
- Apple (280)
- Bittorrent (2)
- Call Center and CRM (48)
- Computer Hardware (183)
- Computer Software (71)
- Gadgets (650)
- Google (225)
- Home Entertainment (263)
- Internet (173)
- Linux (111)
- Microsoft (376)
- MovableType (48)
- News (187)
- Personal and Humor (118)
- Politics (9)
- Reviews (246)
- Security (2)
- Social Networking (42)
- Sports/Outdoor Technology (9)
- Tablets (32)
- Technology and Science (355)
- Unified Communications (471)
- VoIP (2285)
- Wireless (584)
- p2p (20)
- March 2014
- February 2014
- January 2014
- December 2013
- November 2013
- October 2013
- September 2013
- August 2013
- July 2013
- June 2013
- May 2013
- April 2013
- March 2013
- February 2013
- January 2013
- December 2012
- November 2012
- October 2012
- September 2012
- August 2012
- July 2012
- June 2012
- May 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
- January 2006
- December 2005
- November 2005
- October 2005
- September 2005
- August 2005
- July 2005
- June 2005
- May 2005
- April 2005
- March 2005
- February 2005
- January 2005
- December 2004
- November 2004
- October 2004
- September 2004
- August 2004
- July 2004
- June 2004
- May 2004
- April 2004
- March 2004
Featured Videos