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

Wix and html5 chat

wixHow to integrate html5-chat into Wix ?

 

Wix a a very popular CMS hosted system used by millions of websites.
It is very easy to manage for people who do not have any computer knowledge.

Problem is, you cannot integrate html5-chat into wix: The reason for that limitation is that Wix does not allow neither to insert html code nor Js into his pages, or more precisely, it creates a sandbox iframe to embed the html or JS.

Problem of that iframe, is that this iframes does not have rights to access webcam : now days moderne browsers needs special permissions on iframe to access features as webcam, micro or geolocation.

The only way to have its own html5 chat on wix platform is to create an external link (target=”_blank”) that points to our chat:

<a href ="https://html5-chat.com/chat/yourWebmasterid" target="_blank">My own chat</a>

We hope Wix will chnage that soon.

 

Push to talk feature

(Updated) feature: Push to Talk

TalkieWe have rewritten the “Push to talk” feature of html5 chat.

The push to talk feature looks like the talkie-walkie system: there can be only one speaker at one time.

When speaker takes the hand, no other people can speak until the first speaker releases the hand. your chatadmin can determine which role can take the hand, how long he can keep the hand and what is the release time he needs to wait until he can speak again : these rules created to prevent abuses.

When a speaker takes the hand, he broadcast his video and audio to all users, in the similar way that the broadcast system.

We also put a checkbox for push to talk feature, so users can check this box to keep the hand (and avoid keep on pressing the mouse which can be finger tiring)

The push to talk buttons are situated on the left bottom part of the chat, near the input text chat.

pushtotalk