Category: Uncategorized

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/

You can change all the CSS injecting some external CSS link to the chat as described in that post and also this one

However, we added the way to change the chat text size directly on client’s side: you can access that from the config button in text input bar:

Set a global radio for your chat

You can set a global webradio player for whole site. Just go to your chatadmin / config and specify a valid https resource for your radio

or set a radio per room !

You can now specify a webradio per room. Just go your chatadmin/room and specify (or leave blank) a web radio url for each room

Audio restrictions

• Your stream MUST be https
• autoPlay does not start automatically because of your browsers restructions : You can read why autoplay does not start here:
  https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

How to customize the radio look&feel ?

In fact the webradio is just a html <audio> element.
So it is quite limited to make some customizations. However we will add some better player soon like: https://www.mediaelementjs.com/

Where to find Radio streams ?

Google is your friend: You can easily find thousands of free radios
ex: http://dir.xiph.org/

But.. make sure they are playable inside the html5 <audio>element (mostly of time they should be .mp3 files)

How to start webcams muted ?

This is also a frequent question. You can now start webcam muted in a room. (go to your chatadmin ->rooms)

But you can also assign muted webcam per role.
(go to chatadmin->roles->advanced)

Ex: admin And DJ roles will have webcam no muted, whereas roles like guest and user will have their webcam muted

To run the Joomla plugin in full screen mode, you need to edit the plugin located in

/plugins/content/html5chat/html5chat.php

and change the content of $script by

    $script = "<style>
    #iframeChat {
        height: 100%;
        width: 100%;
        border: none;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 9999;
    }
    </style>";

    $script.= "<script src='https://html5-chat.com/joomla/$webmasterid/$encoded'></script>";
    $script.="<script>
        jQuery('#iframeChat').detach().appendTo('body');
    </script>";

You chat should then appear in FULL screen above all elements.