INGATE

From The Sip Trunking Experts

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 SIP Trunking Home's Homepage ]

    Loading
    Subscribe here for your FREE
    SIP TRUNKING enewslettter.

    Featured Partner


    Featured Whitepapers

    SIP Security for the Enterprise
    Voice over IP (VoIP) is incorporated into a variety of computer networks, both public and private, and used for everyday transactions and communications among carriers, businesses, government agencies...

    Making A Broadband Purchase Decision
    Businesses today have many options for broadband connectivity. Clarifying your particular business needs prior to selecting a broadband provider will ensure an optimal match of broadband service to your requirements.

    Voice-Optimized Network Delivers Premier Call Experience
    Customers equate call quality with business quality. Real-time communication, interpersonal interaction, and the cordial tone of a call center representative can create a positive impression of your business that no email can match.

    Featured Case Studies

    Business Telecom Expenses Reduced 50%
    A small to medium sized company in the midwest was interested in migrating to IP Communications, but in today's economy, they were hesitant to upgrade their communication system due to their perception that the cost would outweigh the benefits.

    Multi-State Company Cuts Telecom Costs 50%
    A multi-site, multi-state company with extensive monthly long distance fees and toll-free charges did not have adequate broadband for Broadvox SIP Trunking requirements, nor did they have a SIP enabled telephone system.

    Discover Leisure Connects Remote Users to its IP-PBX
    Discover Leisure is one of the largest resellers of caravans and motor homes in the UK. With 15 branch of?ces all over the country, the company spent a great deal of money every month just on internal phone calls.

    Featured eBOOKS

    Internet+: The Way Toward Global Unified Communication
    Connecting the telephony of the enterprise PBX or Unified Communications (UC) system using SIP trunks instead of conventional telephone lines has been very successful in recent years.

    What is SIP Trunking? Edition 2
    SIP trunking is becoming more of a focus for service providers. One key issue many service providers face when deploying SIP trunks is NAT, or Network Address Translation, traversal.

    What is SIP Trunking? Edition 1
    A vast resource for information about all things SIP - including SIP, security, VoIP, SIP trunking and Unified Communications.

    Featured Videos

    Broadvox VAR Testimonial VAR 1:
    Part 1 of the VAR (Value Added Reseller) Partner Program Testimonials for Broadvox...

    E-SBCs AS The Demarcation Point:
    Ingate's Steve Johnson talks to Erik Linask about the role session border controller plays as the demarcation point at...

    Demystifying DPI
    How can deep packet inspection protect your SIP traffic as well as your entire network?

    Featured Resources

    Partner Program Overview:
    Over 4,000 VARs, Master Agents, Solution Providers, and Independent IT Professionals trust Broadvox. We offer customized services and solutions to fit seamlessly into any company's business model. And when you partner with Broadvox, every member of our team stands behind you and your customers 100%...

    SIP Trunk UC Summit

    What's New

    Presenting the New Ingate/Intertex Website:
    Internet+ is an extended Internet access allowing high quality SIP (Session Initiation Protocol) based real-time person-to-person communication, everywhere and for any application. It applies to both fixed and mobile networks ...

    Featured Blogs

    Featured Webinars

    Secure SIP Trunking:
    What You Need to Know

    Successfully Deploying Enterprise SIP Trunking:
    Tools and Techniques for Overcoming Common Roadblocks

    Featured Podcasts

    Getting the Most Out of Your SIP Trunks:
    Ingate's Steve Johnson and TMC's Erik Linask discuss how best practices forgetting the most out of SIP Trunking services and common pitfalls to avoid.

    Featured Datasheets

    Ingate SIParator E-SBCs
    Adopting SIP is a simple process with the Ingate SIParator, the secure enterprise session border controller (E-SBC). The SIParator makes secure SIP communications - including VoIP,SIP trunking and more - possible while working seamlessly with your existing network firewall.

    Ingate Firewalls
    Everyone is talking about enterprise usage of VoIP, instant messaging and other types of realtime communications including presence and conferencing.

    SIP Trunk Solutions for Service Providers
    The award-winning Ingate Firewall and Ingate SIParator deliver a high quality, reliable SIP trunk connection between the customer's IP-PBX and the service provider network, and solve interoperability issues to simplify deployments and support for remote diagnosis of reported issues.