Silent mute

We have added a new tool for muting people called “silent mute“. It is an option you can find in your chatadmin / security panel. It adds an extra feature to the classical “Jail user” : the jailed user will not know that he was jailed and his messages will be seen to him as sent.

However he will be the only one user to receive them. The purpose of “silent mute” tool is to fake the jailed user so he thinks everything works fine : when an user is banned or jailed, mostly of time he tries to find a way to un-ban himself (use a VPN, take a new IP, create a new account)

message

Add an info message per role

We have added a new feature: messageWhenEntersChat per role

The goal of that feature is to add some welcome messages such as : “You are using the chat as guest. Please register to get more features“. This message can be a HTML message. This message is to inform user about his role restrictions or rights.

copyPaste

Paste image into chat

We have added a new feature: you can now paste images (shortcut : CTRL+V) directly into the chat (from the chat input)

This is the same action as choosing an image and uploading it.
You can find that new features in your chatadmin / roles. By default it is enabled for admin, moderator and dj roles.

If you want to disabled that for a role, set timeBeforePasteImageAgain to 0 or set that to number (in milliseconds)

ex: 5000 = users can paste image again after 5 seconds (5000ms = 5s)

Text effects

We have added new text effects per role:

You can now enable or disable per role text effects : go to roles and check “Can use extra CSS for fonts

Once checked, on your chat you will have a new icon in the text bar

When you click that Text effects button, you will get a new modal window:

text effects

When you can choose Neon, Gradient and also change the font name.

Notice that you can still combine that with Bold, Italic or Underlined effects and also with the color picker

Now, you can send some special text effects such as:

Type of of chat in Mobile

We have added a new feature to HTML5 chat that allows to change the type of of chat for mobile: if you use draggable webcam or draggable windows on desktop version, you will notice that for mobile, this is not really user friendly : draggable cams take a lot of space and prevents you to open more than 1 webcam at once.

We have added 1 new tab that regroups 3 different properties for mobile:

My webcam is draggable : should be set to false: that way the cam is small and stays docked into the users list

Type of chat : we recommend wall or vertical wall or zoom: that way cams does not take too much space

Private text opens in new windows: we recommend to set to False : that way private chats will open in tabs and you will have more space

mobile css
New mobile tab
youtubeSEarch

Using youtube Search API

You can now enable Youtube Search API to add youtube searching.

First you need to get your personal youtube API key from : https://developers.google.com/youtube/v3/getting-started

Once you got that key (ex: AIzaSyBsdbcJ1YhvG64t9n541CqOHcXiXXXXXX), you can update your chat config and set that key.

Now, anytime you press the youtube button, you will be prompted to enter the search keyword.

Input search modal
Youtube search
Results of the youtube search.

Intergration with youdate.website

Youdate.website is a small CRM for dating written with Yii framework

Here is a quick way to integrate html5-chat with youdate





<?php
require(__DIR__ . '/application/bootstrap.php');
require(__DIR__ . '/application/vendor/autoload.php');
require(__DIR__ . '/application/environment.php');
require(__DIR__ . '/application/vendor/yiisoft/yii2/Yii.php');
require(__DIR__ . '/application/controllers/PhotoController.php');
$config = require(__DIR__ . '/application/config/web.php');
$application = new yii\web\Application($config);
$user = Yii::$app->user;
if (!$user) {
   exit();
}
$username = Yii::$app->user->identity->profile->name;
$photo_id = Yii::$app->user->identity->profile->photo_id;
$sex = Yii::$app->user->identity->profile->sex;
$role = Yii::$app->user->identity->profile->status;
$photo = (new \yii\db\Query())
->select(['id', 'source'])
->from('photo')
->where(['id' => $photo_id])
->one();
$image = ($photo) ? "http://yoursitehere.com/content/photos/{$photo['source']}" : '';
$webmasterid = XXXXXXX;
$gender = 'male';
switch ($sex) {
   case 2:
      $gender = 'female';
      break;
   case 11:
      $gender = 'couple';
      break;
   case 12:
      $gender = 'trans';
      break;
}
$myuser = [
   'username' => $username,
   'gender' => $gender,
   'role' => 'user',
   'image' => base64_encode($image),
   'password' => 'YourHTML5ChatPassword',
];
$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>
      body, html, #chatContainer {
         width: 100%;
         height: 100%;
      }
   </style>
</head>
<body>
<div id="chatContainer">
   <script src="https://html5-chat.com/script/<?= $webmasterid ?>/<?= $encoded ?>"></script>
</div>
</body>
</html>
background image

Custom backgrounds

We have added a new feature: custom backgrounds.

You can now add your OWN backgrounds images so your chatter can change themselves the look&feel of your chat.

To add that your own backgrounds images: go to chatadmin panel.

You will find the new background button block. You just have to upload your own backgrounds there.

Chatters will be able to switch between these uploaded backgrounds in the chat (chat settings button).

background photo

html5 with Drupal7

This is very similar to Drupa8/9 plugin

you can download it from this link

Create a new field called “gender”

go to : configuration->Account setting, Managed field

Add new field called “gender” (list text)

and put them values : male female

Install the plugin

Go to structures/blocks

and enable Content / html5chat

then edit the chat parameters with your own html5 chat account data

Restrict that block to chat page

Create a new page

and set the URL alias as chat

Congratulations: you just created your html5-chat inside yoursite.com/chat page