LiveSmart Team

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 30 total)
  • Author
    Posts
  • in reply to: Speech to Text and Translate #999
    LiveSmart Team
    Keymaster

    This is a demo page, where you can see how LiveSmart Server Video voice to text and translation module works. This functionality works only with desktop and mobile Chrome browsers.

    In order the demo to work, and there is no echo and overload, you should do this on different devices and not close one to another.
    1. Choose the agent language from the list

    and open the agent link
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form
    When the meeting starts, you need to enable speech recognition and translate from the icon:
    entry form

    2. Choose the attendee language from the list

    Click this attendee link to copy it in the clipboard and send it to a new device so there is no echo. The attendee should see subtitles in his language while the agent is speaking. His voice on the other hand will be translated to the agent language.

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: User Guide #956
    LiveSmart Team
    Keymaster

    Meeting Room

    LiveSmart Server Video is a video chat between an organizer and one or more (theoretically unlimited number) attendees. The organizer 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:
    – Generate a room from the Dashboard page. You can add room ID, visitor name (if you are expecting someone to come), protect the room password if you want this room to be protected and organizer name;
    – Make the link to be dynamically generated by your system;
    When you enter a meeting the first time and if attendee names are not defined, you will be prompted to provide a name. After that you need to grant permissions for camera and/or microphone.

    entry form

    When the meeting starts attendees can chat, toggle video or audio, draw on the whiteboard, transfer a file, do a screen share or take a snapshot* of the other party video screen. Also the organizer can perform attendee management like mute, block, respond to raised hands.

    rooms

    From the inline meeting settings an organizer can choose video/input and output devices. From the second tab, you can go full screen (the whole window), raise a hand, manage the participants and lock the room. Third tab is for recording. Here you can start/stop or pause a recording. Next is the option to start broadcasting a video from YouTube. Last one is a Share button, from where you can scan a QR code, copy the URL of the meeting or send it directly to an email.

    Participants

    From the inline video session window an organizer can mute an attendee. Also all the participants can take snapshots or go fullscreen.

    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+.

    Whiteboard

    Whiteboard feature allows you to show your visitors some drawings, diagrams, images or links. It is enabled by default . You can disable it from the dashboard.
    It can be started from chat screen by clicking on the Whiteboard icon. You can do this while in call.

    whiteboard

    Recording

    You can record your whole screen from the Settings button -> Recordings

    Broadcast

    There is one or more broadcaster and many viewers. This is a perfect tool for online lecturers and enterprises.

    From the dashboard you can start a meeting and check “Attendees will start audio and video disabled” in the Room management section.

    Dashboard panel

    The admin panel has a backend information about the organizers, rooms, locales and configuration.

    Check here with demo/demo.

    In the Page management you are able to generate custom room. 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.

    Localization

    From the Dashboard panel you can assign and change as many as you need localizations.

    Go to Locales section and in the field type the name of the locale. It can be any string helping your to identify it later – es_ES, Spanish, SP. Choose the Spanish locale from the list and fill in relevant values.

    locales

    Now you need to assign a new configuration with the new locale. Go to Configuration section and add a new configuration with some name to help you identify this is for the new locale. Of course you can assign the new locale to any existing configuration.

    locales

    Then from the Room management you can edit, add new or start directly a new room by assigning the configuration with the Spanish locale to it.

    locales

    Speech-to-text, Text-to-speech and Translate

    LSV offers the possibility to transcribe voice to text, or the speech recognition module. It can be enabled from Configuration section of your Dashboard. The default language of the speech recognition is English. All the list of available languages can be seen here.
    In addition to the speech recognition, there is a possibility to translate the transcribed text. You need to have a Google API key. In this tutorial is described how to get it.
    After you get the key, it needs to be set in transcribe.apiKey: API_KEY. The organizer language should be set in transcribe.language and the visitor in transcribe.languageTo.

    While typing a chat message your attendee will receive voice. This functionality can be combined with the translation module. For example, you speak in Spanish, your attendee will receive subtitled message and voice in English. Text to speech, together with the speech to text and the translation modules provide the ultimate facility for multilanguage video session tool.

    Another option of the transcription module is to use voice commands. This can be enabled from the configuration section of Dashboard. Available commands are: ‘share room’, ‘new room’, ‘exit the room’, ‘start the audio’, ‘stop the audio’, ‘start the video’, ‘stop the video’, ‘start the screen’, ‘stop the screen’, ‘open the chat’, ‘send chat message’, ‘close the chat’, ‘open the whiteboard’, ‘close the whiteboard’, ‘start the recording’, ‘pause the recording’, ‘resume the recording’, ‘stop the recording’, ‘open the settings’, ‘close the settings’, ‘open a file’, ‘close a file’, ‘swap the camera’, ‘raise the hand’, ‘lower the hand’, ‘open email’, ‘stop the voice recognition’.

    in reply to: Broadcasting Demo #947
    LiveSmart Team
    Keymaster

    In this demo the organizer of the meeting (teacher, tutor, streamer) starts with camera and microphone on, but his attendees are muted and video is disabled. They can take part in the meeting with video and/or audio by raising a hand. The meeting organizer can mute/unmute participants, allow/disallow video from the setting options, or allow the top right corner. Also to enter the meeting is required the host admission approval.

    1. Open the organizer link.

    entry form

    2. Click on the viewer link to copy it in the clipboard and send it to a new device or open in incognito tab and receive live streaming.

    From the visitor side, you can share screen, raise a hand to request to speak in the conference and participate in the common chat.
    Broadcast visitor

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.
    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you need assistance or facing problems with the demo, please do check the contact options.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: Scheduling Demo (Healthcare Solution) #945
    LiveSmart Team
    Keymaster

    In this demo you can check how the scheduling feature works.

    Choose a date and meeting duration from the form below. You may define doctor and/or patient names and if the room is protected with a password.

    When you click on the Generate link button a new page will open – this is the doctor link.

    entry form

    The patient link is remembered in your clipboard, so you can open it in another tab or send to another device or computer.

    Date: Duration:
    Host: Visitor:
    Room: Password:

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.
    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you need assistance or facing problems with the demo, please do check the contact options.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: LiveSmart Server Video Installation #942
    LiveSmart Team
    Keymaster

    Requirements

    • TCP ports 80 and 443 are accessible;
    • ports 9002 for TCP and 40000-40100 for both TCP/UDP are available;
    • A hostname (such as sfu.example.com) for setup of a SSL certificate;
    • IPV4 and IPV6 addres;
    • Node.js at least v12;
    • python3-pip DEB package, build-essential DEB package and python version >= 3.6 with PIP;
    • gcc and g++ >= 4.9 or clang (with C++11 support);
    • cc and c++ commands (symlinks) pointing to the corresponding gcc/g++ or clang/clang++ executables;
    • PHP/MySQL recommended;
    • Ubuntu or Debian recommended;

    More for server requirements can be found here.

    Installation Manual

    LiveSmart Server Video can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    Features in the current release (1.0.7):

    • WoWonder integration and streaming;
    • Enhanced private messaging;
    • Improved waiting room;
    • Virtual background (still in beta);
    • Added active meetings in Dashboard;
    • Bug fixes and UI changes;

    For manual update, you can check the list with changed files and insructions here.

    Installation of LiveSmart Server Video is easy and straightforward and done in several easy steps:

    • Edit app/src/config.js file. Fill in sslCrt and sslKey with your own certificate and key paths. Also in the bottom for announcedIp replace getLocalIp() with your server public IP;
    • In the root folder execute npm install, npm install -g pm2 and then pm2 start app/src/Server.js
    • You LiveSmart is now available at https://yourdomain:9002. In order to use it without the port number at the end, add these lines to your Apache config file for your domain and restart it:

      ProxyRequests off
      SSLProxyEngine on
      SSLProxyVerify none
      SSLProxyCheckPeerCN off
      SSLProxyCheckPeerName off
      SSLProxyCheckPeerExpire off
      ProxyPreserveHost On
      <Location "/">
      Order allow,deny
      Allow from all
      ProxyPass https://localhost:9002/
      ProxyPassReverse https://localhost:9002/
      </Location>
      <Location "/dash">
      ProxyPass "!"
      Order allow,deny
      Allow from all
      </Location>
      <Location "/server">
      ProxyPass "!"
      Order allow,deny
      Allow from all
      </Location>

      or if you are using nginx webserver:

      location / {
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-NginX-Proxy true;
      proxy_pass https://localhost:9002/;
      proxy_ssl_session_reuse off;
      proxy_set_header Host $http_host;
      proxy_cache_bypass $http_upgrade;
      proxy_redirect off;
      }
      location /dash {

      }
      location /server {


      }

      The public folder of the webserver should point to public folder of the product.

    • (Optional for PHP/MySQL usage) Edit public/server/connect.php and put there your DB details. Execute the public/server/dump.sql file for your selected database;
    • Go to https://yourdomain/dash, login with admin/admin and activate your LiveSmart instance;

    in reply to: LiveSmart Products Comparison #935
    LiveSmart Team
    Keymaster

    LiveSmart Products

    Both products are intended for for video session chats between two or more attendees. They differ in terms of used technologies and the number of attendees that can be handled in a meeting.
    LiveSmart Server Video is a server side technology, which requires more complex installation, requires better infrastructure and some administration knowledge, but can handle theoretically unlimited attendees in a meeting.
    LiveSmart Video Chat is a light weight peer-to-peer tool, with less requirements, simple server, but can handle max 4-5 attendees in a video meeting and 30-40 in a broadcasting session.

    LiveSmart Server Video LiveSmart Video Chat
    Attendees SFU server side topology. Theoretically allows unlimited attendees. Mesh topology. Attendees in a video conference are limited up to five in a room. Broadcasting is up to 30-40 attendees.
    Installation and requirements Requires more serious infrastructure, own domain or subdomain. More about requirements can be found here. Easy and straightforward installation, can be installed together with other websites. Requirements.
    TURN/STUN installation Not required Required
    Online scheduling Yes Yes
    File transfer Yes Yes
    Recording, save on server and autostart options Yes Yes
    Waiting room, where attendee can adjust video and audio settings Yes Yes
    Whiteboard Yes Yes
    Online lessons Yes Yes
    Private rooms Yes Yes
    Speech recognition, text to speech, translation Yes. Demo is available here Yes. Demo is available here
    Snapshot Yes Yes
    Stream a video Yes, from YouTube Yes, from a local file
    User friendly URL shortener Yes Yes
    Switch camera Yes Yes
    Localization Yes Yes
    Admission room Yes Yes
    Users and user login Yes Yes
    Chat history Yes Yes
    Social login No Yes
    Virtual background Yes Yes
    Chat engagement No Yes
    Presence button No Yes
    Integrations Yes, with WoWonder and WonderTag Integration with WoWonder, WonderTag theme, PlayTube Platform, DocTreat theme and LatePoint. For more info, visit this Integration guide.
    Video logs No Yes
    Offline form No Yes
    Chrome Assistant No Yes
    WordPress Plugin No Yes
    in reply to: LiveSmart Server Video Demo #927
    LiveSmart Team
    Keymaster

    This is a demo page, where you can see how LiveSmart Server Video works with default settings.

    1. Open the organizer link;
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form

    2. Click on the corresponding visitor link so it is copied in the clipboard then send it to a new device or open in incognito tab.

    3. After the visitor enters the room, both attendees will be able to do a video call and the organizer to share his screen. Both parties can share screen, share files, participate in whiteboard. Organizer can control video/audio of attendees and remove and attendee.

    conference room

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you need assistance or facing problems with the demo, please do check the contact options.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: Virtual Background Demo #907
    LiveSmart Team
    Keymaster

    In this demo you can test virtual backgrounds.

    1. Open the organizer link;
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form

    2. Click on the corresponding visitor link so it is copied in the clipboard then send it to a new device or open in incognito tab.

    3. After the visitor enters the room, both attendees will be able to do a video call. From the virtual background icon virtual background icon you can can blur your background or choose a fancy image for a background wallpaper.
    Virtual background
    Also you can choose any of the backgrounds images, located in img/virtual folder:
    Virtual background

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you see “Waiting for the other party to join” label, make sure both links are opened.

    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: Text to Speech Demo #895
    LiveSmart Team
    Keymaster

    Here you can check how your chat messages will be received as voice messages to your attendee. This functionality can be also combined with translation module. For example you speak Spanish and your attendee will receive voice in English.

    1. Open this agent link
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form
    2. Click this attendee link to copy it in the clipboard and send it to a new device.

    Then open your chat and start typing in English, so your attendee can receive voice messages.

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you see “Waiting for the other party to join” label, make sure both links are opened.

    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: LiveSmart Google Chrome Assistant #865
    LiveSmart Team
    Keymaster

    Overview

    LiveSmart Google Chrome Assistant is a Chrome extension that is helping your agents to contact their visitors and is removing the necessity of being logged in the Dashboard panel.

    Installation

    There are two ways of installing the Assistant for your agents. Before going to any of the installation procedures, open the manifest file extensions/assistant/chrome/manifest.json and change https://YOUR_DOMAIN https://YOUR_DOMAIN:9001/ with your LiveSmart site location and LiveSmart server endpoint. The endpoint can be seen in config/config.json file in your main folder. For example if your LiveSmart is located here https://mydomain.com/video and your endpoint is https://mydomain.com:9001, your need to change the manifest like this
    "content_security_policy": "script-src 'self' 'unsafe-eval' https://mydomain.com https://mydomain.com:9001/; object-src 'self'",
    Then you can do the installation in any of these:

    1. Add extension directly

    1.1. Open Chrome and type chrome://extensions/ in the address bar.
    1.2. Click on Load unpacked button and choose the folder, where your extension is, for example in extensions/assistant/chrome

    2. Add the extension in Google store

    2.1. Follow this tutorial
    2.2. You can check how the assistant is published for the demo site here.
    2.3. After some time the Google team will approve the extension and it will appear in the store, so agents can download and install it.

    Usage

    After the extension is loaded, you should get a notification to fill in Server URL.

    Google Chrome Assistant
    Using the example from above fill in here https://mydomain.com/video
    Google Chrome Assistant
    After the correct information is filled in, the agent can login with his credentials:
    Google Chrome Assistant
    Following mark will appear in the Chrome bar. If it is not visible, it is available under extension mark and can be pinned it.
    Google Chrome Assistant
    After the agent is logged in, the dashboard can be accessed by clicking on the Assistant icon in the Chrome bar:
    Google Chrome Assistant
    When a visitor requests a video session, the following notification will pop in. Agent can accept or decline the request:
    Google Chrome Assistant

    in reply to: Features #854
    LiveSmart Team
    Keymaster

    LiveSmart features

    Feature Demo and usage
    Live video Basic demo with screen sharing, snapshot, picture-in-picture and file transfer
    Whiteboard and recording Demo with included recording option and whiteboard
    Online scheduling Health-care solution. Schedule meetings on definite timeframe. Meeting is automatically stopped at the end and there is a timer showing the remaining time.
    Admission room Admission demo. In order attendee to enter the meeting, the organizer should admit him in.
    Online lessons Broadcasting demo. Ideal for online classes. There can be one presenter and up to 30-40 attendees.
    Private rooms Demo with private access. If you want to protect your room. Here is described how to do this.
    Social login Attendee login with Facebook or Google
    Speech recognition Speech recognition demo. Speak and the other party will receive text.
    Text to speech Text to speech demo. Type in your chat and your attendee will receive voice messages. This functionality can be combined with translation module.
    Speech to text & translation Translation demo. Speech to text and translation. It requires Google API key and is available for Chrome.
    Virtual background Virtual background demo demonstrates you how you can blur your background or choose a fancy wallpaper.
    Stream a video Demo. Make a video file and broadcast it.
    Chat engagement Chat engagement. Agents from the Dashboard can engage visitors of the site by starting a chat session with them.
    Demo with presence button Dashboard login with demo/demo and open in a new device or incognito tab the visitor button
    Integrations Integration with WoWonder, WonderTag theme, PlayTube Platform, DocTreat theme and LatePoint. For more info, visit this Integration guide.
    Video logs Gather all video related events – start/stop video, attendee join/leave, start/stop screenshare, start/stop recording. Available in the Dashboard
    Offline form If your agent is not available, the visitor can anyway send an email. For demo visit Contact options and if the Start Video Chat button is red, click on it.
    URL shortener Make user friendly URLs for your agents and visitors. Login to Dashboard with demo/demo, go to Room management and create a room with predefined short URLs
    Switch camera Switch between front and back camera of your mobile.
    Localization For more information about how to do the localization of LiveSmart, visit this guide.
    Chrome Assistant Chrome extension that is helping agents to contact their visitors and is removing the necessity of being logged in the Dashboard panel
    WordPress Plugin Install this plugin to add easily the presence button to your WP pages and posts;
    in reply to: Activate #838
    LiveSmart Team
    Keymaster

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    From here you can obtain activation token. Please fill in your purchase code in the form below.

    Purchase code

    in reply to: Demo #809
    LiveSmart Team
    Keymaster

    This is a demo page, where you can see how LiveSmart Video Chat works with default settings.

    1. Open the organizer link;
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form

    2. Click on the corresponding visitor link so it is copied in the clipboard then send it to a new device or open in incognito tab.

    3. After the visitor enters the room, both attendees will be able to do a video call and the organizer to share his screen. Both parties can send files from the chat panel. To see how whiteboard and recording work, please visit the Recording Demo.

    conference room

    Check the video how to use this demo

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you see “Waiting for the other party to join” label, make sure both links are opened.

    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: Demo with Social Login #757
    LiveSmart Team
    Keymaster

    This is a demo page, where you can see how LiveSmart Video Chat with social login form works.

    1. Open the organizer link;
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    video

    2. Click this attendee link to copy it in the clipboard and send it to a new device or open in incognito tab.
    video

    3. You can continue to video meeting after login with your Facebook or Google account. Recording feature is available for Chrome or Firefox browser. When the call is established, you can click on the Recording icon to start record the meeting. Once you stop the recording, a preview link is available.

    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.
    permission dialog

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you see “Waiting for the other party to join” label, make sure both links are opened.

    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

    in reply to: Admission Demo #719
    LiveSmart Team
    Keymaster

    In this demo you will see how admission facility works. Also the meeting is scheduled to end in 4 minutes after the meeting starts.
    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    1. Open this organizer link;
    You will see the initial entry form. By providing a common name, you can enter the room as room owner.

    entry form

    2. Click this attendee link to copy it in the clipboard and send it to a new device or open in incognito tab.

    3. After the visitor enters the room, the agent will be prompted to admit the visitor in the room. Meeting duration is set to 4 minutes.

    conference room
    WARNING! Please note that you have to allow your browser to access camera and/or microphone in order the video chat to work.

    permissions

    In order to reduce the echo if you are on the same machine, you can mute microphone or lower the volume. For optimal demo results it is good to use two different devices.

    If you see “Waiting for the other party to join” label, make sure both links are opened.

    If you need assistance or facing problems with the demo, please do check the contact options or visit our support forum.

    LiveSmart can be legally purchased only from CodeCanyon. If you have obtained the software from another source, you face the risk of it not working properly, or to have inclusions that may harm your system.

Viewing 15 posts - 1 through 15 (of 30 total)