Requirements
The XCALLY Motion server uses the following TCP ports:
- 443
The tested as compatible browsers are:
- Google Chrome (recommended 30+)
- Firefox (recommended 27+)
General Architecture and Features
The XCALLY Motion VIDAOO Video Web application architecture is designed to provide:
- Smart Video Routing Management to your Customer Care Agents, according to Queue distribution and Skills
- Strong security
- Easy configuration
How it works
There are two scenarios in which the solution VIDAOO can be used:
SCENARIO 1
The Customers can engage a Video Communication Session with the Agent using a simple Web browser button (on PC, Mobile, Kiosk, etc.), like in the following example:
In order to activate the Web browser button, follow these steps:
Create the Web Browser Button
Activate the web project
Check and edit parameters
Authenticate on VIDAOO
Connect XCALLY to VIDAOO
Create an Openchannel Account
Associate the Agents to the Openchannel Account
Track the videocall route
Create a Webhook automation
Notify Agents of incoming Videocall
Create the Web Browser Button
Activate the web project
The web button is able to connect the website and VIDAOO using a web project, through the API. In order to create the web button on the specific website, you need to edit your website code.
- Download the web project Vidaoo-contact form:
The project is based on:
HTML (HyperText Markup Language)- standard markup language for documents designed to be displayed in a web browser.
Java- high-level, class-based, object-oriented programming language that is designed to have as few implementation dependencies as possible.
CSS (Cascading Style Sheets)- style sheet language used for describing the presentation of a document written in a markup language such as HTML.
PHP- server side scripting language embedded in HTML, used for programming dynamic web pages.
- Drag the Vidaoo-contact form project into the domain directory (a server host supporting HTML and PHP is needed)
Check and edit parameters
The PHP file is responsible for making the API request. For the purpose of successfully activating the request, check the parameters in the PHP directory.
- In particular, you have the possibility to edit the string $data, setting various fields of the meeting session. For example:
- 'topic' is the topic of the meeting (i.e. MY_WEBSITE), which appears also in the video call session and in VIDAOO reports.
- 'metadata' are video call data in JSON format useful for VIDAOO automations.
Authenticate on VIDAOO
The API links the website to the VIDAOO solution, to which we must have access. So, you need to authenticate your account VIDAOO on the web project, inserting your API KEY.
- Login into VIDAOO
- Create a role with customized permissions (i.e. you can create the "Clicktocall" role only to generate and manage meetings)
- Create a user, associating the customized role (i.e. you can create a user "Clicktocall" dedicated to the web project)
- Generate the token connected to the new user, clicking on the key button and then create the API token
- Copy the token
- Move to the Vidaoo-contact form web project
- Paste the token in the PHP directory string 'X-APIKEY', in order to have your authentication done
AGENT
STEP 2 - The Agents belonging to the OmniChannel dedicated Video Service Queue receive the video request on XCALLY Motion Omni Desktop interface
STEP 3 - When one of the Agents accepts the interaction inside it he/she finds the video session link to click.
STEP 4 - After clicking the session is established and the conversation starts:
SCENARIO 2
The VIDAOO Session can be activated by the Agent with a Customer during a Chat interaction.
Clicking on Start Video Call a web link to join a video call is generated.
- The VIDAOO link is shown to the Agent (in the interaction form):
- Simultaneously, the Customer receives the VIDAOO link and is invited to participate:
Please note:
- The Vidaoo feature is available only if the Administrator has configured the Video option for the specific Chat Website.
- The number of available sessions set for your Account on Vidaoo must not be exceeded.
Video call Overview
When entering the VIDAOO meeting following Scenario 1 or Scenario 2, the video call can be managed in a very simple and intuitive way.
Below, a brief overview of the video call is presented. Click here for further reading.
CUSTOMER
The Customer can use the buttons on the screen in order to:
disable/enable Video | |
disable/enable Audio | |
switch to full-screen | |
many more custom buttons can be displayed! |
At the end of the conversation, the customer can press eave or end the video meeting.
to lAGENT
The Agent can use the buttons on the screen in order to:
disable/enable Video | |
disable/enable Audio | |
switch to full-screen | |
enable/disable screen sharing | |
Start/Stop recording the video | |
Snap a picture from the video | |
many more custom buttons can be displayed! |
At the end of the conversation, the Agent can press eave or end the video meeting.
to l