CSS customize your html5 chat

We added a CSS for HTML5 chat so you can customize every DOM element on your chat.

Go to your chat admin, choose the CSS editor.

cssEditor

 

How to use the CSS editor ?

Click on Select DOM checkbox, then click on any element on your chat.

You can change the CSS of that element such as : font, text, Border, Paddings & Margins, Position, Background and Additional css.

Once the rule is set, press the save css button to save the css

 

How to customize all your texts (or translations) ?

How to use your own texts (or translate it the way you want) ?

We just added a new “translation” feature into your /chatadmin panel.

You can now change ANY texts you want, the way you want: so it is easy to add new langage support or change the translations we provide.

(this feature is available only for registered users)

How to proceed ?

  • go to you chatadmin
  • Choose translation tab
  • Enter your OWN text instead of the one we have
  • In case you make some errors, you can still revert back to our translations and start again
    Make sure you don’t mess with specials chars such as “%” : %s is used to be replaced by dynamic content
  • translate
    translate

Vp8 and H264 codec which one should I use ?

Html5 chat supports now H264 and vp8 codecs

For now, we only used H264 to support Safari.

Unfortunately H264 is very old codec  and has some big drawbacks:

  • bigger bandwidth consumption
  • lower quality
  • lower reliability

Vp8 has all qualities except.. it is not supported on Safari.

You can choose the codec selection form the config/webcam chatadmin panel

What about Microsoft Edge ?

Forget Edge compatibility for now, since Edge will be based on Chromium from early 2019 and thus will have vp8

Notice that we will add new vp9 soon that will increase quality of video. Of course Vp9 is not supported by safari.

Notice that soon, all majors browsers should adopt AV1, that will end the war between all these codecs.

How should broadcast behave ?

New broadcast features

You can now decide how the broadcast behaves. The broadcast feature allows to chatter to broadcast his webcam stream to all users.

You can enable the broadcast feature per gender (gender panel) or per roles (roles panel)

Th default behaviour when an user was broadcasting his stream was to open automatically his webcam for all connected users.

You can now choose between 3 different behaviours

  1. opens: this is the default behaviour and as described above, it opens webcam panel for all connected users
  2. chat warn: you will receive the notification that an user streams his webcam inside the chat panel
  3. notification warn: you will receive the notification that an user streams his webcam inside a small popup

You can also specify the JS function to be called when broadcasts starts and ends:

jsCallBackStartBroadcast: function name to be called when broadcast starts

jsCallBackStopBroadcast: function name to be called when broadcast ends

 

New feature: add you RSS as ticker marquee

RSS news as Marquee

It is now possible to add RSS news:

Go to your chatadmin and you find RSS panel into your news management section.

 

rss

You RSS needs to be standard formatted. That means it needs to have these XML tags inside:

titledescriptionlinkpubDate

You can also assign if your RSS feed will be only for one room or for all rooms.

The rss feed content will scroll just above your input text chat.

 

Black screen webcam issue ?

How to check the black cams connectivity ?

Many of html5-chat users do complain about “black” webcams.

Problem is that this issue can have multiple causes:

  • server streaming problem
  • streamer do not stream his webcam or stream an no existing webcam
  • streamer uses a no webrtc browser (ex: a Samsung browser)
  • streamer does not have enough bandwidth to stream his webcam
  • player does not have enough bandwidth to watch the stream
  • player uses a no webrtc browser
  • network router or firewall problem that do not allow the stream to be broadcasted or played

There is a simple way to determine what’s wrong: start your own webcam then double click on it, you should see your OWN webcam playing.

If you see your own webcam, then everything is fine. If you cannot see it, then obviously there is a problem and you can open a support ticket.

 

 

new feature: video and audio messages

Recording audio and video

We just added new audio recording feature.

The recording video feature was already present, but it was hard to find. We added snapshots messages directly into the main toolbar

So it is easy to access.

You have now choice to record either video messages (video + audio) either audio only. Recording audio and video is limited to 30 seconds.

 

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.