Meeting Room

LiveSmart Video Chat main facility is a video chat between an agent and one or more attendees. The agent role can be performed by tutor, doctor, support personnel, real estate agent, car reseller, registered user in a social media, etc
In order a call to be performed, both parties need to be online in one room. You can generate rooms for your customers in a couple of ways:
- Add a code snippet to your browser pages, so a contact button appears and informs your visitors that you are online;
- Generate a room from the agent page. You can add room ID, visitor name (if you are expecting someone to come), password if you want this room to be protected and agent name;
- Make the link to be dynamically generated by your system;

When both parties are available, visitor will see the following screen: Visitor
From here he can start chatting, make a video or audio only call, transfer a file or do a screen share.
From the agent side, there is an additional icon for starting a whiteboard session*: Whiteboard * This settings needs to be enabled in the configuration file. Whiteboard is also available for visitors as a configuration. For more details see the Whiteboard section

Contact Button

The contact button is the way your customers can request a video call or a simple chat session. It is also a presence indicator showing if you are online. You can check the detailed instructions on how to set a button in your site here.

Another way to contact someone is to send him a visitor link. It can be generated from the Agent page and can contain different information.

Video/Audio Calls

Agent or visitor can start video or audio only call to the remote party by clicking the relevant button. Depending on the browser and the clicked button a note will pop with a prompt for the user to allow camera and/or microphone. The other party will see something like:
incoming call
Or if you have enabled the chat view so it is always visible in video, whitboard and broadcasting: incoming call
and too can accept the call with video or audio only. When the call is established the user can mute/unmute audio, start/stop camera and start a screenshare session. If recording is enabled, he can record the meeting.
buttons

Screen Sharing

You are able to share the whole screen, separate application or a browser tab if your browser is Chrome 72+, Firefox 52+ or MS Edge 17+. Older Chrome browsers are prompted to use a plugin. Screensharing session can start from the chat or in-call screen:
screen share

Whiteboard

Whiteboard feature allows you to show your visitors some drawings, diagrams, images and PDF files. It needs to be enabled from the config file. Also anonymous mode is allowed where visitors can take part. It can be started from chat screen by clicking on the Whiteboard icon. You can do this while in call.
whiteboard
Allowed whiteboard actions:
whiteboard

Recording

You can record your video or audio only call. It should be enabled from the config file. There are several options:
- download - when the recording finishes, the recorded file is directly downloaded. Otherwise a link to the file is prompted;
- saveServer - if is set to true, the files are saved in a folder in the backend (/server/recordings);
- autoStart - if is set to true, the recording is automatically started when the call is established;

There is a recording indicator in the attendee side:
recording

Broadcast

This feature requires the broadcast server to be running. More information about how to run it is here.
There is one or more broadcaster and many viewers. This is a perfect tool for online lecturers and enterprises.
From agent.html you can generate links for the broadcaster - it will open in new tab and the viewer link will be stored in the clipboard. There can be more than one broadcaster - just use the broadcast URL from another device.
Check here how you can generate broadcasting URL.

Entry Form

You can gather information from your visitor by enabling the entry form feature. You can enable the following options:
- enabled - true/false, default is false;
- required - true/false, if set to true all fields are mandatory. Default is false;
- private - true/false, set the form to have password field. If the admin has set a pass for this room, the pass field is mandatory. Default is false;
- showEmail - true/false, show or not email field. Default is false;
- showAvatar - true/false, show or not field for inputing avatar URL. Default is false;

pass protected

Admin panel

The admin panel has a backend information about the agents, users, rooms and chat history.
You need PHP >5.6 and MySQL on your server. Then in /server/connect.php update the necessary credentials. In order the necessary tables to be created, execute the SQL files one by one: dump.sql, additions_1.0.11.sql, additions_1.0.16.sql and additions_1.0.17.sql
Check here with demo/demo. The client page for the demo agent is here.


Agent Page

This is the place where you can track your site visitors and see who is requesting a session with you. Also you are able to generate custom room for a definite user. You can specify a time period, duration of the meeting, visitor name, host name, room ID and if the room should be password protected. The save button is saving each generated room in a DB if available.
You can have as much agents as you wish and define their own agent page, so they track visitors for a specific room. This can be done by changing the roomId parameter in the agent.html. If your agent needs to monitor a specific scope and not be limited by a room, you should specify this in the agentId parameter in the agent.html sample page.

With Visitor and Agent Short URLs you can set a readable URLs of your rooms. Here is described how to enable this feature. Thus your room may have the following URL format: https://domain.com/shortname, agent page
When you enter the first time the agent page, there will be a prompt asking you for a notification permission. Granting it will guarantee you that if someone is requesting a call and you are not on the browser tab, it will inform you.
notification

Check here how agent page and relevant client page work.

WordPress Plugin

You can download WordPress plugin to assist you adding the contact button to your site and preview the visitors, rooms, users and agents.
There is a demo of WP Admin where you can check how the installed plugin will look into the WP admin. Username and password are demo/demo. This page WP page has the installed shortcode.

Offline Form

When you are not available LiveSmart allows your customer to reach you in two ways:
- By sending an email. You have to add data-offline_email="YOUR CONTACT EMAIL" to the code snippet of the button. When the visitor clicks on the button, a form appears and he will be able to send you his inquiry.
Offline form
- By redirecting to your contact page. If you have a contact page, you can redirect your visitor to it, when he clicks on the button. Add data-offline_page="YOUR CONTACT PAGE" to the code snippet of the button.

Possible Usage Scenarios

- Healthcare consultation. Here the agents are the healthcare coordinators who can schedule meetings for the patients for a definite time period and save them. Doctor can record the meeting;
- Educational. The whiteboard or broadcast features are specially designed for this kind of users. Attendees can join audio only and watch the tutor who can speak, draw on whiteboard and screen share ;
- Support. Hosts can be support personnel, where they can have own agent page and track different group of topics;
- Resellers, real estates, car, different auctions. The responsive design allows communication between an agent that is in the field and a customer from his desktop. The switch between front and back camera is very useful, when you want to show the visitor something specific;
- Real time streaming. Can be used for different type of shows, live performances, etc.;
- Social media Just for chat and entertainment;
- Where ever peer to peer video is needed!