private webcam

Webcam inside window private chat

When you choose chat type: window, your private chat will open in individual draggable, resizeable windows.

Now you can start an exclusive webcam video chat inside that individual windows: you just need to check the option: “Private tab window has webcam” inside your chatadmin / config / webcam panel

Webcam inside private chat window

Notice that this webcam is EXCLUSIVE to an user: other users will not be able to watch at you and also, you cannot open many individuals webcams at the same time.

ordering

How to sort users by role ?

It is now possible to sort user by role.
ex: you need admin to be displayed before moderators, then users then guests.

In your config panel, choose config, under tab “users” you can now choose: sorting by role-power

Sorting users by role-power

Then you just need to click the role sorting button in your chat and users will be ordered by their roles.

Notice that you can define what role should be displayed in priority: roles have “power” property (you can find that in roles in you chat panel). Ex: admin has role of 9 (high priority) and guest has role of 0 (low priority). You can change these priorities by editing the power field.

Sorting by role button on the chat
user Info

Add user info

User info icon and data

You can now enable info window modal (show profile of user) in html5 chat.
Steps:

  1. Enable that in your config : chatadmin/config/users
  2. A new info button will appear in users list userList
  3. If you click on that button, you will get the user info
    userInfo

Description Field

Notice that there is a new fields added to user’s properties called “description“. This is a field user can fill when he registers the chat, or you can also pass it as JWT parameter
To enable that field, you need to to to /chatadmin/config/users management and enable “Should user provide small description when register 

volume2

Display Volume on cams

You can now have a visual volume indicator inside any webcam.

To enable that feature, go to chatadmin/config/webcam and set
Display user volume

The volume will be displayed inside the webcam and inside the userlist

Volume indicator…

You can also display an effect on video (red border) when volume is detected (when user speaks or streams sound): you have to check this propetry:

Add red border on webcam when volume detected (addEffectOnVolumeDetection) in chatadmin/config/webcam

Red border effect on volume detection.
chamaelon

Integrate HTML5 chat with chameleon software online

Here is the step to integrate html5 chat with https://www.chameleonsoftwareonline.com/

Create html5chat.php on root and paste there this code:

<?php
if (empty($_GET['cmd']) || $_GET['cmd'] != 'lang')
    $area = "login";
include("./_include/core/main_start.php");
include("./_include/current/menu_section.class.php");
$_GET['display'] = get_param('display', User::displayProfile());
$where = ' u.user_id = ' . to_sql(guid(), 'Number');
$webmasterid = xxxxx;
$password = "yyyyyy";
$id = $GLOBALS['g_user']['user_id'];
$avatars = glob("_files/photo/" . $id . "_*_m.jpg");
$avatar = (count($avatars)) ? "//{$_SERVER['SERVER_NAME']}/" . $avatars[0] : '';
$gender = ($GLOBALS['g_user']['gender'] == 'M') ? 'male' : 'couple';
$myuser = array(
    'username'  => $GLOBALS['g_user']['name'],
    'password'  => $password,
    'gender'    => $gender,
    'role'      => $GLOBALS['g_user']['role'],
    'image'     => $avatar,
    'profile'   => "//{$_SERVER['SERVER_NAME']}/users_online.php?display=profile&uid=$id&offset=1"
);
$json = json_encode($myuser);
$encoded = file_get_contents("https://jwt.html5-chat.com/protect/" . base64_encode($json));
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Webcam Chat</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <script src="https://html5-chat.com/script/<?=$webmasterid?>/<?= $encoded ?>"></script>
</body>
</html>

Replace xxxx and yyyy by your webmasterid and your html5-chat password account.

signup

How to incite a guest user to register ?

There is a new interesting feature in html5 chat to improve your registration rate. You can now disconnect a role from the chat after N seconds and redirect him to an Url

We think of course about the guets role, than will be disconnected from the chat after N m minutes and will be redirected to the registration page.

You can do that now in roles: there are 2 new properties in your chatadmin / roles panel -> Ads and messages tab

disconnectAfterNSeconds : ex: for 3 minutes, set 180 (180 seconds = 3 minutes)

redirectAfterDisconnection (put full http path like: https://www.rezocoquin.com)

wall layout

The “Wall” layout

We have added a new layout called “wall“.

This layout allows to add camera in the top of the chat with a wrapping feature: when there is no more space for a cam, the new cam goes to the bottom, creating a “wall”.

This layout allows to watch many cams simultaneously without having to scroll or split views.

The WALL layout.

To change the layout of the chat, simply go to your chatadmin panel and choose the layout panel.

The wall layer can be useful for conferences when you need to watch at all participants at the same time.