My favorites | Sign in
Project Home Wiki Issues Source
Search
for
HTML5WebRTCVideoApplication  
Showcase how to use the new HTML5 WebRTC Video Application
HTML5, WebRTC, SIPOverWebSockets
Updated Jul 11, 2013 by jean.deruelle

Introduction

Mobicents SIP Servlets is bringing realtime communications (voice & video) to your Browser using HTML5 WebRTC and SIP Over WebSockets ! See the Video of the Demo !

The Mobicents HTML5 WebRTC Client allows you to make video calls from/to any Web Browser supporting WebRTC, (only Google Chrome supports it so far but all major browsers should support it in the next 6 months) as well as SIP Endpoints.

Technology

Client Side

The Client Side of the application was built using Twitter Boostrap for the UI, jQuery for the javascript interactions and JAIN SIP JS for establishing the Call Sessions through SIP Over WebSockets.

The Server Side

JAIN SIP JS communicates with Mobicents SIP Servlets JAIN SIP Stack which supports SIP Over WebSockets. The Server Side Application is a standard simple Back To Back User Agent that handles the SIP Over WebSockets Transport transparently and can bridge to any SIP EndPoint

Requirements

Google Chrome 23+ and FireFox 22+

WebRTC is enabled by default in Google Chrome 23+ and in FireFox 22+, so no specific setup is required, however since the release of Mobicents SIP Servlets 2.0.0.FINAL, Google Chrome WebRTC APIs have evolved and had non backward compatible changes to the WebRTC APIs that occurred between version 22 and 26 (at the time of latest update), so make sure to use our latest SNAPSHOT release from https://mobicents.ci.cloudbees.com/job/Mobicents-SipServlets-Release/lastSuccessfulBuild/artifact/

Google Chrome 22

With the default Mobicents HTML5 WebRTC Client shipped with MSS 2.0.0.Final release, you have to use Google Chrome 22+.

In chrome://flags , Enable PeerConnection, Enable Media Source API on <video> elements, Enable Encrypted Media Extensions on <video> elements features and restart the browser.

Running the Example

Install the latest version of Mobicents SIP Servlets and start it, see our User Guide.

Be aware that you need to start Mobicents SIP Servlets 2.0.0.Final+ on a network interface so that it is accessible from the network :

  • For JBoss AS 7, use $JBOSS_HOME/bin./standalone.sh -c standalone-sip.xml -b <ip_address>
  • For Tomcat 7, modify the $CATALINA_HOME/conf/server.xml and change the connectors' IP Address attribute to your network IP Address

Once the Server is up and running, got to http://<ip_address>:8080/websockets-sip-servlet/MobicentsWebRTCPhone/MobicentsWebRTCPhoneView.html from one computer and register with the default name, then go to the same URL from the browser of a different computer (make sure the Requirements Section above is completed as well) and register with a different user name (by example telestax2) then click on the Call button to call the first computer

Note: the Application also contains SipML5 to test interoperability with other HTML5 WebRTC Clients

Screenshots and Live Demo

Live Video Call

Live Video Call from Brazil at Mobicents Summit 2012 in Rio with the Orange Labs team, the research and innovation centre of France Telecom-Orange, in France

Screenshots

Comment by sachin19...@gmail.com, Feb 25, 2013

Hi,

I am working on an application which can call a sip phone(say xlite) from web browser using HTML5 over websockets. I need to support the following sip messages : PUBLISH, SUBSCRIBE, NOTIFY. Are these messages supported by Mobicent HTML5Webrtc application?
Regards Sachin

Comment by direct2r...@gmail.com, Mar 12, 2013

Hello,

I am trying to test the videoconferencing application(as shown in the demo) in CHROME 25.I have downloaded mss-2.0.0.FINAL-jboss-as-7.1.2.Final and also checked out example source from sipservlets repository with this command: git clone https://code.google.com/p/sipservlets/ . Then from the command prompt I have build(using Maven) websocket-b2bua source .It generates websockets-sip-servlet-2.1.0-SNAPSHOT.war which I deployed in deployments directory of jboss(before that I manually deleted existing websockets-sip-servlet.war).But when I tried to test the application using two chrome 25 browser in different machines it is generating java script error.After successful registration when I call other user it gives the following Java script error.
MobicentsWebRTCPhone:call(): catched exception:Error: TypeMismatchError?: DOM Exception 17

What is the possible cause? Is it for CHROME 25. Please help.

Comment by bha...@gmail.com, Apr 8, 2014
Can we transfer file using WEBRTC like video (HTML5WebRTCVideoApplication)?

Sign in to add a comment
Powered by Google Project Hosting