avatars

Avatar upload

It is now possible to upload avatar for guest roles.

This is a new feature: guests are not authenticated users: it was impossible to associate an avatar to a no permanent user whose id changes all the time.

Thanks to fingerprinting, we generate now an unique permanent id for guest and avatars are correctly associated to that id.

You can test that new feature on your own chat

Messenger mode

Html5 chat has now a new mode : the “messenger” mode

What is the messenger mode chat like ?

The messenger mode like has these features:

  • it embeds inside an existing website
  • the page is not exclusive to the chat. In fact chats inserts inside the page
  • it is one to one chat only, with exclusive video/audio calls when you can choose users between list of connected users and users who already sent you messages: it works with online and offline users
  • when user or you change the page, all chats are restores. So it is suitable with any websites, including websites that are not Single Application Pages

How to set up the messenger mode on my site ?

Go to chat admin and choose “Messenger mode”

Make sure you add the script to ANY page where you want the script to be present. A good technique is to use a common page to all you site like inside footer.php

<script src='https://html5-chat.com/script/webmasterid/token'></script>

Replace webmasterid and token by your webmasterid and your token. You can find that inside your chatadmin panel

How to pass user parameters to the chat ?

If you just use the script like, you user is not identified by the chat: he will need to input his username and will be assigned a random id and random avatar.
If you want to specify an username, id and avatar, you need to pass some extra parameters to the script. Use JWT to encode these parameters and pass them to the chat as shown in this sample:

<?php
$json = json_encode(array(
        'id'        =>xxx,
        'username'  =>'yourUsername',
        'password'  =>'password of your html5-chat account',
        'avatar'    =>'https://html5-chat.com/img/malecostume.svg'
));
$encoded = file_get_contents("https://jwt.html5-chat.com/protect/".base64_encode($json));
?>
 <script src='https://html5-chat.com/script/webmasterid/$encoded '></script> 
  • xxx is an unique id user
  • username : is an unique username for user
  • password: is your html5 chat password account
  • avatar is the url of the user avatar

You should test the demo, with 2 browsers.

template chat

Chat templates

Since html5-chat is growing and has new extra features every day, it becomes difficult to understand and have a global view of all features and options he offers: in order to simplify the usage of the chat, we decided to create ready to go chat templates

What are chat templates ?

Templates are ready to go configurations of the chat so you can quickly start with a ready to go chat feature. This allows you to avoid to configure the chat to make the chat work for you

What are the chat templates available ?

For now we have 3 ready to go templates:

  1. tabAndWindow:
    This is a classical multi users chat where new private chats are in separated tabs and where webcams open in drag-gable windows
  2. roulette
    This is a chat roulette mode. It picks up randomly an available user and plays his webcam. It is based on the chatroulette concept
  3. Shoutbox:
    A simple text only chat. It is based on the concept of shoutbox where people can quickly writes text messages.

Where to set up a chat template ?

You have to login into your chatadmin as usual and choose the right template. Be careful: This action will overwrite all configuration of your actual chat. This can also be a good way to reset or restore a messed configuration chat and start with a clean configuration.

New templates will be added continuously.

How to add a web radio to your chat ?

What is a web radio ?

A web radio (also called internet radio), is a streaming service that allows you to broadcast your own radio through the web. Now days, it is very easy to start a free web radio over the web.

One of the most popular software to start a web radio is shoutcast

How to add it to your html5 chat ?

Once you have created your own radio, you will probably get an http links such as: http://mywebsite.com:8040/stream

Just copy and paste that link into your config panel, under webradio input text. A small audio player should then appear at the bottom of the chat.

audio radio player in the bottom of the chat

Generate screen shot of url in the chat

What is a screenshot preview ?

New feature: when sending an URL, it is now possible to generate a screenshot of the url : it means a picture of the url so users can preview the url before they decide to enter it.

This feature is only available for paid members of the chat.

How to activate it ?

You just need to go to your chatadmin panel and it will be present in the config panel.

How does it work ?

You just the screenshotUrl option and next time you will send an url, the chat will generate a screenshot of that url.

So when an user clicks on an url, he will get a modal popup before that previews the site, before he navigates to that url

Better chat news management

We have improved the news management system. You can set the time of the day when the news will be displayed.

news 1: between 12:30pm and 14:30pm
news 2: between 16:30pm and 18:30pm

You can also setup the frequency in minutes of each news
ex : news 1 will be displayed every 5 minutes.

Modal important news

For important news, you can also set up a modal news that will be displayed in a modal window when you enter the chat. This news will be displayed only once (ex: to announce an important event)

be displayed in a modal window when you enter the chat. This news will be displayed only once (ex: to announce an important event)

You can find these features as usually in your chatadmin panel

Better news announcement in chat
invitation

Invite user to watch my webcam

webcam photo

In chatadmin -> roles, you must check : “Can invite other users to watch his cam

User will be then able to send invitations to other users to watch his webcam.

User will be sent an invitation with 3 choices:

  1. accept: it will open the webcam
  2. deny: it will close the invitation
  3. mute: you will mute that user: this user will not be able to send you requests any more

By default, guest users cannot invite users to watch cam. And of course your webcam must be opened to onvite other users to watch at it !

Receive text chat from roles

Enable to disable receiving text chat by role

You can now filter what role can receive text chat from what role.

This is suitable for scenarios such as conference or shows:

users can only receive text chat from performers but not from other users.

To enable this features, go to roles in your chatadmin panel and unselect/select roles you need:

 

 

Audio only

Audio chat

New feature for html5-chat: audio only.

You can now choose between audio and video (default) and audio only.

To enable audio only mode, go to your chatadmin panel -> config ->webcam and choose audio only in the selection list as shown below:

audioOnlyConfig

This allow to run the chat as audio only and chat will not have access to your webcam.

You can now disable webcam as well

Besides in audio+video mode, you can now disable your webcam and keep audio only.

Switch off the camera with the camera toggle switch button: