WebRTC Solutions Industry News

TMCNet:  WebRTC Test Demo Fun

[January 21, 2013]

WebRTC Test Demo Fun

Originally posted on VoIP & Gadgets Blog, here: http://blog.tmcnet.com/blog/tom-keating/webrtc/webrtc-test-demo-fun.asp.

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:
google-chrome-webrtc-test-demo.png

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. dancing

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! applause I said 2013 is the Year of WebRTC and I wasn't kidding. Here's a screenshot of it in action:
webrtc-test-apple-ios-browser.PNG
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 a href="http://blog.tmcnet.com/blog/tom-keating/voip/skype-vs-facebook---how-webrtc-will-turn-friends-into-enemies.asp">Microsoft / Skype killer.


Ok, enough "self view" camera action - you want to demo two-way video using WebRTC, don't you Well heard 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:
browsermeeting-webrtc.PNG

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.

Tags: , , , , , , , , , , , , , Related tags: , , , , ,

Related Entries
  • 2013 - The Year of WebRTC - Jan 09, 2013
    bistri-chrome-webrtc.png
  • Apple iOS vs. Google Android - Dec 28, 2010
    google-android-vs-apple-ios.jpg
  • Facebook Testing Free VoIP calling in Messenger app - Jan 03, 2013
    facebook-messenger-voip-messages.PNG
  • Windows 8 Tablets Will Beat Apple & Android - Dec 05, 2012
    samsung-smart-pc-700t-keyboard-separate.png
  • WebRTC - Mobile Communications Game Changer or Flash in the Pan - Sep 24, 2012
  • Google's Chrome Team Reveals WebRTC Roadmap - Apr 18, 2012
    chrome.png
  • Winter Wake-up App Wakes You Up Earlier If It Snows - Dec 29, 2011
    winter-wake-up-app.jpg
  • Impressive SkyDrive App for iPhone & Windows Phone Released - Dec 14, 2011
    skydrive-folder-thumbnail-previews.jpg
  • Samsung Mocks Apple Fanboys in Hilarious Galaxy S II Ad - Nov 23, 2011
    samsung-mocking-apple-fanboys.jpg
  • Adobe Surrenders Mobile Flash - Steve Jobs FTW, Users FTL! - Nov 09, 2011
    no-youtube-for-you-iphone.jpg
  • TrackBacks | Comments | Tag with del.icio.us | VoIP & Gadgets Blog Home | Permalink: WebRTC Test Demo Fun



    [ Back To WebRTC Solutions's Homepage ]

    FOLLOW US

    Featured Podcasts

    Delivering First Class Communications With WebRTC

    This webcast captures a recent discussion about WebRTC between Jim Donovan, Director of Product Management at Oracle and Larry Hettick, Editorial Director and Senior Research Fellow at Webtorials. The topics cover WebRTC reliability, interoperability, and security--looking at how Oracle addresses these issues.

    Oracle in Enterprise Communications

    Most in the industry have heard of the acquisition of Acme Packet by Oracle. What you may not know is that Oracle has a number of telecommunications products including a UC suite, WebRTC Session Controller, and Operations monitoring tools. Oracle is pursuing both the enterprise and service provider.

    Featured Whitepapers

    ConnectCare & Unified Contact Manager

    SPAN's ConnectCare is a WebRTC-based telemedicine app, which allows consumers to easily and instantly avail clinical healthcare from the providers, regardless of their location. This app is extremely useful to healthcare providers, patients and their caregivers alike.

    WebRTC Security Concerns

    This whitepaper covers two of the most relevant topics in communications industry today: WebRTC and security. We will introduce the problem of security in WebRTC including those traditional VoIP attacks that are going to be present in WebRTC services. Later we will mention ad-hoc WebRTC attacks and protection mechanisms, to close with an overview of identity management solutions.

    Migrating Real Time Communications Services to the Web

    In the Internet age, businesses that own fixed and mobile communication networks, including traditional Communications Service Providers (CSPs) of all kinds, are being challenged with some tough questions: How do we stay relevant to our customers?

    Delivering Enterprise-Class Communications with WebRTC

    WebRTC is an emerging industry standard for enabling Web browsers with real-time communications capabilities. It enables enterprises to enhance Web sites, empower BYOD users, and improve video collaboration and on-line meetings, to name but a few examples.

    WebRTC Report Extract Reprint

    This document examines the growing important of WebRTC, both generally and for telecom service providers. It considers the expanding range of use-cases, the multiple layers of interoperability likely to be desired by telcos, and some implications in terms of network integration and mobility.

    WEBRTC SOLUTIONS PAPERS, SLIDES, COLLATERAL

    Robust Enterprise Grade WebRTC Systems and Services


    The emerging WebRTC standard has become one of the industry's hottest topics – and with good reason. Being able to "communications enable the web" has Communications Service Providers as well as Enterprises busily making plans for deployment. But, as these plans unfold, reality is starting to intrude on those plans. Our expectations of telephony services are much higher than web browsing. We expect the phone to connect instantly, operate with minimal disruption, and work seamless across any network, anywhere, at any time. There is also an understanding that phone service is inherently secure. With WebRTC, the expectation is for these applications to behave in the same manner.

    This session looks at the user experience and expectations of a WebRTC Enterprise service. It will also cover how a WebRTC enterprise handles security, reliability, and interoperability within browsers and networks.

    ORACLE COMMUNICATIONS WEBRTC SESSION CONTROLLER

    The Oracle Communications WebRTC Session Controller enables communications service providers (CSPs) and enterprises to offer WebRTC services – from virtually any device, across virtually any network – with carrier-grade reliability and security.

    Sales Presentation: Oracle Communications WebRTC Session Controller

    Agenda:
    - WebRTC Market and Opportunities
    - WebRTC Challenges
    - Oracle Communication WebRTC Session   Controller
    - Summary

    ORACLE COMMUNICATIONS WEBRTC SESSION CONTROLLER SOLUTION

    Communication Service Provider (CSP) voice service revenues continue to face pressure due to shifts in communication preferences and competition from non-traditional service providers. Voice communications are now often embedded into applications outside the domain of traditional telephony voice usage. CSPs have been challenged to effectively leverage and monetize new web-oriented communications technologies.