html5 chat ready for payperview solution

This is now possible to build a payperview solution using html5 chat

ex: expert chat, erotic chat where users do pay per minute spent

For that we created role called “performer“, added new API REST like and added type of chat called “conference

New API RESTs: 

getOnlinePerformers 

getPerformers 

getUserStatus

 

These API will allow to create easily a payperview solution like:

Scenario:

  • you get list of connected online performers
  • you choose a performer to chat with
  • you are in a public chat with performer.
  • You ask for a private chat with performer, if performer accepts, credits are going down

We will provide soon a complete configuration for a full payperview solution.

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

supportThis 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.

 

 

 

phpsocial

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;
}
Mobile

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…

 

theme

New material design themes

Blue and red material design themes

themesHtml5 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