phpsocial

html5 chat and phpsocial integration

admin 1 Comment

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

Registered and guest users together !

admin 1 Comment

We have added a new mixed mode to enter the chat.
For now you could Both mode

  • guest : any one can connect to chat and only have to provide the username and the gender
  • user : before an user connects, user must register and provide his data such gender, email, password

We have now a new mode, a mixed mode, that allows to enter as user (providing registered username and password), but also as guest.

mixed mode
mixed mode

How to activate the mixed mode ?

go your chatadmin, chat config, then choose one of the 3 selections in “Enter chat mode” input select.

Note: This of course is useless if you use the jwt authentification, since in JWT, you can explicitly assign an username, gender and role.

Mobile

Html5 chat: better mobile support

admin 1 Comment

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…

 

Chat HTML5 is FLEX

admin Leave a comment

Why using FLEX ?

We changed the CSS layout to FLEX instead of using old layout techniques like floating, margins, paddings.

Q) What does it change for me ?

A) Nothing.

Q) So what’s the point ?

A) Using Flex layout allows us to make the layout .. more flexible

Q) I still don’t understand what’s the point !

A) It will allow many different layout like for conferences, webinars.
Ex: you want the user’s list to be on the LEFT side,  Just add 1 line of CSS  and that’s all

#chatContainer {
   order:2
}

 

if you don’t know how to change the CSS of your layout, please refer to that post

 

rest

REST API for HTML5 chat (updated)

admin 6 Comments

New HTML5 features REST API available (updated Nov 2020)

These features are only for SUBSCRIBED ussers.

-> Log in into your chatadmin / developers panel to get your REST API URL.

We are adding new REST interfaces that allow users to get some informations about their chat.

The pattern is:

https://YOUR_REST_API_LINK:2083/{action}/{webmasterid}/{token}

For now we added these REST APIs:

getNumberUsers: allows to get the number of users in all rooms in chat!

This example is for : webmasterid = 1 token = 999

https://YOUR_REST_API_LINK:2083/getNumberUsers/1/999

getUsers : get all users in all rooms in chat

This example is for : webmasterid = 1 token = 999

https://YOUR_REST_API_LINK:2083/getUsers/1/999

getPerformers : get all performers in a namespace webmasterid (performers = users whose role = ‘performer’)

This example is for : webmasterid = 1 token = 999

https://YOUR_REST_API_LINK:2083/getPerformers/1/999

getOnlinePerformers : get all online performers in a namespace webmasterid (performers = users whose role = ‘performer’)

This example is for : webmasterid = 1 token = 999

https://YOUR_REST_API_LINK:2083/getOnlinePerformers /1/999

getUserStatus: get the status of userid in a namespace webmasterid  (returns: “online” or “offline”  or “busy”)

This example is for : webmasterid = 1 userid= 300

https://YOUR_REST_API_LINK:2083/getUserStatus/1/300

getUsersInRoom: get all users in a room roomid of namespace webmasterid

This example is for : webmasterid = 1 roomid = 50

https://YOUR_REST_API_LINK:2083/getUsersInRoom/1/50/token

getNumberUsersInRoom: return the number of users of a room roomid in namespace webmasterid

This example is for : webmasterid = 1 roomid = 50, token=999

https://YOUR_REST_API_LINK:2083/getNumberUsersInRoom/1/50/999

How to use that in php for instance: (we suppose your YOUR_REST_API_LINK is https://chat.html5-chat.com which can be DIFFERENT on your website: connect to chatadmin -> developers  to get yours)

$numberOfUsers = file_get_contents("https://chat.html5-chat.com:2083/getNumberUsers/1/50/999");

getRooms: return your chat rooms.

This example is for : webmasterid = 1, token=999

https://YOUR_REST_API_LINK:2083/getRooms/1/999

How to use that in php for instance: (we suppose your YOUR_REST_API_LINK is https://chat.html5-chat.com which can be DIFFERENT on your website: connect to chatadmin -> developers  to get yours)

$rooms = json_decode(file_get_contents("https://chat.html5-chat.com:2083/getRooms/1/999"));
print_r($rooms)
award

Promote users in real time and assign roles per room

admin Leave a comment

Promote users in real time and assign roles per room

you can assign roles per user AND per room and you can even do that in real time and be permanent or temporary.

roles-usersWhat you need to know

  1. be sure guest users are disabled. (You cannot assign to guest users since they are temporary users !)
  2. Be sure in your role, you configure the 2 fields:
    “canPromote”: this fields gives the opportunity to that role to assign roles in real time (ex: admin and moderator can promote by default. Other roles should not be able to promote)
    “canBePromoted”: only these roles are eligible to be promoted (ex: admin user should not be promoted : it has already the highest possible rank !)
  3. You can now set a role to a specific user :
    – you can do that within your chatadmin , in users panel
    – You can do that in real time: click on user : you will get the contextual menu. Choose “Promote user” menu item.
    you will get the modal Box that allows to choose the user to be promoted and the list of available roles.promoteUser2promoteUser
ladiesOnly

Ladies welcome

admin Leave a comment

Allow specific room entrance by gender

ladiesHTml5 chat new features allows now to restrict the entrance to a specific room by gender.

Scenario: you want to restrict a room “ladies only”. You can do that thanks to the rooms panel in your chatadmin.

Select the gender (or leave to no restrictions) :

only these genders will have the permission to access that particular room.

 

 

css3

Customize your design

admin 3 Comments

How to customize HTML5 chat design ?

Many users do write to us asking if we can send them the CSS file so they can modify it.

An answer is NO: the CSS file is Global and stored on our servers. So people think they are unable to change the design of the chat, which of course is untrue.

The CSS allows to override the existing CSS. So instead of change the CSS, you need to ADD your own to OVERRIDE the exiting.
And here is how to do that:

  1. As usual go to your chatadmin and choose the config  -> design tab:
  2. You will find the property : “Link to external CSS to customize your chat”
  3. you will insert the LINK to your OWN css : It must be http, like
    http://myownsite.com/myCustomizedCss.css
  4.  in your myCustomizedCss you will override the existing CSS
    If for instance you want the send Button to be red, you will create something like

 

#send-msg-btn {
background-color: red;
}

That will over ride the existing CSS for the #send-msg-btn

 

and as result, you will get a red send button.

HTML5 chat and JOOMLA: new html5chat joomla plugin

admin 5 Comments

! WARNING ! A new update of Joomla plugin can be found here !

You can now easily integrate html5 chat into your joomla

The joomla plugin can be downloaded from this link

Here is how to make it run in 2 minutes:

HTML5 allows you to easily add a webcam video chat into your JOOMLA page.

###How to use it:
1) register free on https://html5-chat.com/register

2) install the plugin and setup the password and webmasterid parameters you got when registered.

3) add a new article and insert a shortcode like

          [html5chat width="100%" height="800px"]

You will get your chat with 100%, 800px dimensions with authenticated user (username, role)

 

jail

New feature: jail (or mute) an user

admin Leave a comment

New feature: Jail an user

In roles, you can now set up who can jail an user.
Jailing an user is making him mute: he will be able to enter the chat, but will not be able to interact on the site: he will be simply a spectator of the chat.

You can jail an user for N minutes. You can also choose to warn an user when he’s jailed.