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 !

joomlaSite

Joomla update

The html5 Joomla plugin was updated.

It corrects bugs and adds the correct role mapping:

It handles now the default Joomla roles

  • Administrator
  • Author
  • Editor
  • Guest
  • Manager
  • Public
  • Publisher
  • Registered
  • Super Users

You can download it from: https://extensions.joomla.org/extension/html5-chat/

Installation process

  1. In Joomla top menu: Extensions->Manage->Install
  2.  Choose the tab “install from URL” and set the value to  https://html5-chat.com/joomla/html5chat.zip
  3. Go to menu Extensions->plugin and find html5chat (or search for html5chat)
  4. Enable plugin that  html5chat plugin (status check)
  5. click on html5chat plugin. You should then enter the webmasterid and Password
    enableJoomlaYou can get these data when you register the plugin at : https://html5-chat.com/register
  6. Create an article/page that will contain the chat. Inside that page, insert
    [html5chat width=”100%” height=”800px”]

You will now have the html5 chat inside that page article.

 

Oxwall and html5-chat integration

Official plugin

There is an official html5-chat plugin made by oxwall team (Skalfa LLC)

https://developers.oxwall.com/store/item/1554

which does the job.

How to make it full screen ?

This plugin embeds the chat into the 

<div class="owc_content">

and whose size can be too small for the chat. The idea would be to make it full screen (and just keep the header). For that you need to edit some files

in /ow_includes/config.php change the OW_DEV_MODE to false (this allows to empty cache), after the manipulation, you will set it back to true

define('OW_DEV_MODE', true);

in /ow_plugins/html5-chat-com/views/controllers/chat_index.html add these lines after {style}

{style}

.ow_content {
    position: absolute;
    top: 69px;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%!important;
}

div.ow_footer {
    display:none;
}

check it: if everything is ok, then set back the OW_DEV_MODE to false

define('OW_DEV_MODE', false);

 

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.

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:

 

Chat roulette mode

Chat roulette mode

The new chatroulette mode allows to pick a random webcam from all available public webcams and watch it.

This mode is similar to the concept of roulette chats available of the web.

How to activate roulette chat button on your site ?

As usual, go to your admin panel, choose chat config, then choose webcam tab.

and check the roulettechat option.

Only public webcams (opened as opened by members) can be watched in chatroulettemode.

webrtcConference

New webrtc servers : new webrtc technology

webrtc

New webrtc mediasoup servers technos

We finally dropped 2 webrtc technologies:

Kurento: the CPU usage was too high

Janus: too many “black cams”

and we have chosen mediaSoup which represents an excellent compromise of reliability and compatibility.

This allows us to keep CPU light and be compatible with ALL available browsers:

Chrome, firefox, Safari, IOS and Android.

We do not support Edge because Edge is end game and will be replaced by Chromium in 2019

Notice that for IOS, only Safari 12.2 and above will allow users to stream and watch streams

 

wowonder

html5 chat and wowonder script

How to integrate html5 chat with social wowonder script ?

Edit .htaccess and add that line

RewriteRule ^html5-chat$ index.php?link1=html5-chat [NC,QSA]

 

Edit index.php and add these lines

case 'html5-chat':
    include('sources/html5-chat.php');
    break;

 

create sources/html5-chat.php  :

 

<?php if (empty($wo['user'])) {
    header("Location: " . Wo_SeoLink('index.php?link1=welcome'));
    exit();
}
$webmasterid = YOUR_WEBMASTERID;
$password = 'YOUR_SCRIPT_CHAT_PASSWORD';
$user = array(
    'id'=>$wo['user']['user_id'],
    'username'=>$wo['user']['username'],
    'image'=>base64_encode($wo['user']['avatar']),
    'gender'=>$wo['user']['gender'],
    'role'=>($wo['user']['admin']==1)?'admin':'user',
    'password'=>$password
);
$encrypted = file_get_contents("https://html5-chat.com/protect/".base64_encode(json_encode($user)));
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chat</title>
</head>
<body>
    <script src="https://html5-chat.com/script/<?=$webmasterid?>/<?=$encrypted?>"></script>
</body>
</html>
<?php exit();?>

Just change these 2 parameters:

YOUR_WEBMASTERID : your script webmasterid

YOUR_SCRIPT_CHAT_PASSWORD : your script password

then navigate to : https://www.yoursite.com/html5-chat.php

Regards