New help support system

New html5 chat help system

For better support and help request, we have add a new button “Support” available in your chatadmin panel

This button will open a new support area.

That way, we will get a better thread view of your problems with a whole history and we will stop asking you for your webmasterid account

Hope that will be useful for you.

This help system is still in BETA version.

 

 

 

html5 chat and phpsocial integration

PHP social is a cool social “facebook” like script.  It is not free but has a moderated price of 49$.

We suppose we want to get a chat page in full screen, auto loggedon and called “chat”.

(You need to be registered and loggedon on netswing.fr to test it)

ex: https://www.netswing.fr/chat

How can we integrate HTML5-chat into php social ?

Step1 : edit .htaccess and add this line

RewriteRule ^chat/?$        index.php?a=chat          [NC]

Step2 : edit config.php and add

'chat'        => 'chat',

Step3: download this script: chat , unzip it and edit it and change the 2 lines: webmasterid and password

$webmasterid = xxx;
$password = 'xxxx';

Step4: FTP upload chat.php to /sources folder

Step5: Test that your chat works fine on https://www.netswing.fr/chat

 

Here is the source of chat.php 


<?php
function PageMain() {
/*
* Change these 2 parameters and put your webmasterid and your chat password here
*/
$webmasterid = 'xxxxx'; // your webmasterid number
$password = 'yyyyy'; // your chat password
//

global $TMPL, $LNG, $CONF, $db, $user, $settings, $plugins;
if(!isset($user) || !isset($user['idu']) ) {
header("Location: ".$CONF['url']."/index.php?a=welcome");
}

$json = json_encode(array('id'=>$user['idu'], 'username'=>$user['username'], 'image'=>$CONF['url'].permalink('/thumb.php?t=a&w=112&h=112&src='.$user['image']),
'gender'=>($user['gender'] == 1) ? 'male' : 'female', 'role'=>'user', 'profile'=>$CONF['url']. '/profile/'.$user['username'], 'password'=>$password));
$encoded = file_get_contents("https://jwt.html5-chat.com/protect/".base64_encode($json));
ob_start();?>
<script src="https://jwt.html5-chat.com/script/<?=$webmasterid?>/<?=$encoded?>"></script>
<?php
$script = ob_get_clean();
echo $script;
exit;
}

Html5 chat: better mobile support

For a long time, HTML5 “mobile compatible” was just a marketing directive because we did not focus enough on the mobile version and we just made mobile and responsive tests without really focusing on real user experience. That was a mistake.

It was of course compatible with mobile, but interface was not really user friendly. We believe now that mobile is future of Internet and we decided to improve the user experience with mobile devices:

  • better layout
  • keyboard auto hides after sending message
  • H264 for ios and android so both iphones and Androids are able to send streams and watch streams
  • speed optimisation
  • Many CSS fixing for readability (change size, paddings, margins)
  • Synch uploading of photos to avoid bugs on Iphone while uploading

And much more…

 

New material design themes

Blue and red material design themes

Html5 has now 2 new themes based on material design

Blue and red (that complete the dark and the default light theme)

You can switch between themes in chatadmin panel.

More themes are coming. If you need to customize CSS, you can inject your own CSS and over write the existing theme in

“Link to external CSS to customize your chat ” in your /chatadmin config.

 

 

Display info about user in the chat: how to do that ?

We recently added new feature: display info about user inside the chat.

Go to your admin panel and choose chat config->users management.

Then enter the script you want to be executed when right click on user inside the text input “Add context menu ‘userInfo'”

ex: enter there

bootbox.alert(‘Custom javascript about <b>{username}</b><br>You can redirect to your own script or url with parameter: username’);

when user right click on an user, it will show the context menu “user Info”. If user clicks on that item, the javascript bootbox.alert(..) will be executed.

 

Notice that you have a dynamic field called {username} where you get the username. This is useful to make an ajax call and retrieve data about the user or open an url such as userInfo.php?username=username

Quiz plugin for HTML5 chat.

Now you can easily add a quiz game directly to your html5.

Fo your your admin panel 

Then assign a quiz to a room and set the start date and end date.

 

Finally add questions.

You can also add visual questions: for that use the FlickR plugin we created:

and type in a keyword (ex: Einstein)

Then choose the adequate image to your quiz

 

Once the quiz created, it will start automatically on the defined date and stop at the defined date. A random question will be chosen between those created. First user to correctly answer to the question will win.