Drupal8/9 and html5-chat

Here is a quick guide on how to install html5-chat with Drupal8/9

Create a gender user field in configuration / Account Settings


Add a new field

called gender

Add values like: male, female, couple

Download and install the plugin for Drupal8/9

install plugin for drupal

Go to structure – > block layout

structure / block layout

Go to content, click on Place bloc, search for htmlchat and click place block in the modal window

step3

fill the data:

  • webmasterid
  • token
  • password
  • height

You will find ALL these data from your chatadmin panel


Go to the Pages vertical tab and enter /chat

that means that the page named “chat” will contain your html5-chat

Go to content-> add content

Add new content

and choose “Basic page”

Enter a title for the basic page and enter /chat in URL ALIAS

And that’s ALL. Save all (clear cache from Configuration->performance) and go to yoursite.com/chat and your html5-chat chat will appear there !

All done ! congratuilations !

How to add html5-chat into Vbulletin ?

Vbulletin is a very popular forum system for your website.
Here are the steps to integrate Html5-cjat into vbulletin

<?php
session_start();
require_once('./global.php'); 
$user = array(
   'id'      =>$vbulletin->userinfo['userid'],
   'username' =>$vbulletin->userinfo['username'],
   'gender'   =>strtolower($vbulletin->userinfo['field5']),
   'country'  =>$vbulletin->userinfo['field2'],
   'birthday' =>$vbulletin->userinfo['birthday'],
   'role'    =>$vbulletin->userinfo['usergroupid'],
);
//die($user['role']);
if ($vbulletin->userinfo['avatarrevision']>0) {
   $user['image'] = "https://exbb.redclouds.com/customavatars/avatar".$vbulletin->userinfo['userid']."_".$vbulletin->userinfo['avatarrevision'].".gif";
}

$encoded = file_get_contents("https://jwt.html5-chat.com/protect/".base64_encode($json));

you inject that encoded string into your JS script

<script src="https://html5-chat.com/script/<?=webmasterid?>/<?=$encoded?>"></script>

And that’s ALL. You can read more about full JWT integration:
https://html5-chat.com/blog/jwt-a-quicker-and-simpler-version-using-the-html5-service/

delete room

Dynamic rooms management (updated)

We have added 3 new rules for dynamic rooms. Dynamic rooms are real time created rooms by users (you can enable them in your chatadmin roles panel: can create room)

In your chatadmin config/Chat, you can find now a new select box “When a dynamic room is deleted ?” that has 3 possibles states

  1. creatorLeavesRoom
    The dynamic room is deleted as soon as its creator leaves the room (even if there are people in that room).
  2. noMorePeopleInRoom
    This room is deleted when there is no more people in the dynamic room
  3. creatorLeavesRoomAndNomMorePeopleInRoom
    This room is deleted when creator leaves the room AND there is no more people in this room.
  4. creatorLeavesChatAndNoMorePeopleInRoom
    This room is deleted when creator leaves the chat AND there is no more people in this room.

Notice that a dynamic room can be deleted directly in the chat.
You can define who can delete dynamic room from chatadmin roles:

canDeleteRoom : this role can delete ANY dynamic role (should be reserved to admins or moderators)

candeleteHisRoom : this room can delete only his own room

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