Restcomm MayDay Web

Mobicents :: Parent pom for 2.x releases

License

License

GroupId

GroupId

org.mobicents
ArtifactId

ArtifactId

mayday-web
Last Version

Last Version

1.0.7
Release Date

Release Date

Type

Type

war
Description

Description

Restcomm MayDay Web
Mobicents :: Parent pom for 2.x releases
Project URL

Project URL

https://github.com/RestComm/Restcomm-MayDay-web
Source Code Management

Source Code Management

https://github.com/RestComm/Restcomm-MayDay-web

Download mayday-web

How to add to project

<!-- https://jarcasting.com/artifacts/org.mobicents/mayday-web/ -->
<dependency>
    <groupId>org.mobicents</groupId>
    <artifactId>mayday-web</artifactId>
    <version>1.0.7</version>
    <type>war</type>
</dependency>
// https://jarcasting.com/artifacts/org.mobicents/mayday-web/
implementation 'org.mobicents:mayday-web:1.0.7'
// https://jarcasting.com/artifacts/org.mobicents/mayday-web/
implementation ("org.mobicents:mayday-web:1.0.7")
'org.mobicents:mayday-web:war:1.0.7'
<dependency org="org.mobicents" name="mayday-web" rev="1.0.7">
  <artifact name="mayday-web" type="war" />
</dependency>
@Grapes(
@Grab(group='org.mobicents', module='mayday-web', version='1.0.7')
)
libraryDependencies += "org.mobicents" % "mayday-web" % "1.0.7"
[org.mobicents/mayday-web "1.0.7"]

Dependencies

test (1)

Group / Artifact Type Version
junit : junit jar 3.8.1

Project Modules

There are no modules declared in this project.

Try Restcomm Cloud NOW for FREE! https://www.restcomm.com/sign-up/ Zero download and install required.

All Restcomm docs and downloads are now available at https://www.restcomm.com.

RestComm - MayDay Web Application Deployment and Configuration

Mayday application, like the popular Amazon’s feature in their Kindle Fire Tablets is a remote support and instant helpline. The application is implemented by SPAN on iOS and Android using Telestax’s Restcomm SDK for WebRTC.

Prerequisites

  • Restcomm Communications Platform

  • Tomcat 7 and above

Restcomm

Install the latest Restcomm Docker image locally (i.e. $ docker pull mobicents/restcomm to get it from docker hub). For more information please check http://www.telestax.com/rapid-webrtc-application-development-with-restcomm-and-docker/ and https://github.com/RestComm/Restcomm-Docker#restcomm-docker-image. If you aren’t familiar with docker you can have a quick intro here https://www.docker.com/

To build and deploy RestComm MayDay web Client into Tomcat server

  1. Run the tomcat in HTTPS mode (without this Chrome will not establish WebRTC call).

  2. Run the Maven build as package this will generate MayDay.war (in target folder)

  3. Copy the MayDay.war into <TOMACT-HOME>/webapps folder

  4. Run the startup.bat or startup.sh

  5. Open the Chrome browser

    • Agent Page - https:// IP:HTTPS_PORT /MayDay/Agent-Login.html

    • Customer Page - https:// IP:HTTPS_PORT /MayDay/Cust-Login.html

  6. Use Customer as "alice" and Agent as "test"

About MayDay Widget

A simple Mayday Widget is provided

  • Which is used to initiate Mayday Video, Audio, Chat and PDF file sharing.

  • The Video can be dragged anywhere and can fit to any web page.

PDF File Sharing

Agent can share the PDF file with the customer over WebRTC Data Channel.

Co-Browsing

This feature enables agent can see customer screen and do the annotation on the customer screen.

MayDay Web Application Features and Call flow

1: Login as Customer

https://IP:HTTPS_PORT/MayDay/Cust-Login.html - Login as "alice" and password as "1234"

2: Login as Agent-

https://IP:HTTPS_PORT/MayDay/Agent-Login.html - Login as "test" and password as "1234"

3: Customer Screen - Click on MayDay Widget

MayDay Widget Options

 

4: Customer Screen - To initiate video call click on the video button which will established call with agent.

Customer call

 

5: Agent Screen - Incoming call.

Agent InComming Call

 

6: Customer Screen – To establish chat between Customer and Agent

Custoemr Chat

 

7: Agent Screen – Chat

Agent Chat

 

8: Agent Screen – Click on the PDF button on Widget – which populate slide window and drag and drop the PDF file, which agent want to share PDF with customer. Navigate the PDF file by clicking the navigation buttons.

Agent PDF Share

 

9: Customer Screen – PDF file

Custoemr PDF

 

10: Agent Screen – Agent can request for Co-Browsing by clicking Customer Screen side button and click on link “Request For Co-Browsing”

Agent co browsing

 

11: Customer Screen – Accept the Co-Browsing request from the Agent.

Customer Co browsing request

 

12: Agent Screen – After the request accepted from the customer, agent can see customer screen.

AGent CO browsing shared screen

 

13: Agent Screen – Agent can enable the annotation and do the marking on customer screen.

AGent Annotation

 

14: Customer Screen – Marking done by the agent, customer can see and customer also marking the same thing shown at agent side.

Customer annotation
org.mobicents

Restcomm

The World's #1 Open Source Full Stack Communications Platform as a Service (CPaaS). Programmable Voice, Video and SMS/MMS.

Versions

Version
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2