My favorites | Sign in
Project Home Source
Search
for
HTML5WebRTCVideoApplication  
Showcase how to use the new HTML5 WebRTC Video Application
HTML5, WebRTC, SIPOverWebSockets
Updated Aug 25, 2014 by jean.der...@telestax.com

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 Firefox and Opera supports it so far but some plugins exists to enable it on IE and Safari) 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 WebRTComm for establishing the Call Sessions through SIP Over WebSockets.

The Server Side

WebRTComm 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 36+ and Firefox 22+

WebRTC is enabled by default in Google Chrome, FireFox and Opera, so no specific setup is required, however since the release of Mobicents SIP Servlets 2.1.547, so make sure to use our latest releases from https://mobicents.ci.cloudbees.com/job/Mobicents-SipServlets-Release/lastSuccessfulBuild/artifact/

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 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 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 bob). Then it's like SKype. Type the name of your buddy in the input field (Add Room) and click on the + sign. Then click on the buddy you just added and start chatting or calling You can follow instructions at http://www.telestax.com/livechat-and-video-call-with-restcomm/

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

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)?
Comment by pandeha...@gmail.com, Jul 24, 2014

Hi

I am using mobicents webrtc and it is working fine with my camera.However i want to use my local video,stream and send .How can we use local video with mobicents .is there any such example ?


Sign in to add a comment
Powered by Google Project Hosting