{"id":103,"date":"2018-01-02T11:40:04","date_gmt":"2018-01-02T11:40:04","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=103"},"modified":"2018-01-03T20:54:19","modified_gmt":"2018-01-03T20:54:19","slug":"html5-boonex-how-to-integrate-webcam-chat-with-boonex","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-boonex-how-to-integrate-webcam-chat-with-boonex\/","title":{"rendered":"html5 + boonex: how to integrate webcam chat with boonex ?"},"content":{"rendered":"<h3>Here is a sample code on how to add html5-chat into boonex in full screen<\/h3>\n<p>&nbsp;<\/p>\n<pre class=\"prettyprint\">&lt;?php\r\nrequire_once( 'inc\/header.inc.php' );\r\nrequire_once( BX_DIRECTORY_PATH_INC . 'design.inc.php' );\r\nrequire_once( BX_DIRECTORY_PATH_INC . 'profiles.inc.php' );\r\nbx_import('BxDolModuleDb');\r\n\r\nfunction getUser() {\r\n    $iUserId = getLoggedId();\r\n    if (!$iUserId) {\r\n        header('Location:\/');\r\n        exit;\r\n    }\r\n    $data = getProfileInfo($iUserId);\r\n    bx_import('BxDolMemberInfo');\r\n    $sThumbSetting = getParam('sys_member_info_thumb_icon');\r\n    $o = BxDolMemberInfo::getObjectInstance($sThumbSetting);\r\n    $sThumbUrl = $o ? $o-&gt;get($data) : '';\r\n    $bThumb = !empty($sThumbUrl);\r\n\r\n    $role = ($data['Role'] == 3) ? 'Administrator' : 'Member';\r\n    $gender = ($data['Sex'] == '') ? '--' : $data['Sex'];\r\n    if(empty($sThumbUrl)) {\r\n        $avatar = \"Avatar is not available\";\r\n    } else {\r\n        $avatar = $sThumbUrl;\r\n    }\r\n    if ($data['NickName']=='admin') {\r\n        $data['NickName'] = 'admin ';\r\n    }\r\n    return array('id'=&gt;$iUserId, 'username'=&gt;$data['NickName'], 'gender'=&gt;$gender, 'avatar'=&gt;$avatar, 'role'=&gt;$role);\r\n}\r\n?&gt;\r\n&lt;!doctype html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;title&gt;Webcam chat&lt;\/title&gt;\r\n    &lt;style&gt;\r\n        html,boby {\r\n            width: 100%;\r\n        }\r\n        #html5ChatContainer {\r\n            width: 100%;\r\n            position: fixed;\r\n            height:100%;\r\n        }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;?php\r\n$user = getUser();\r\n?&gt;\r\n&lt;script src='&lt;?=sprintf('https:\/\/html5-chat.com\/script\/1819\/5a3a6189ec749\/%s\/%s\/%s', $user['username'], $user['gender'], base64_encode($user['avatar']));?&gt;'&gt;&lt;\/script&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Here is a sample code on how to add html5-chat into boonex in full screen &nbsp; &lt;?php require_once( &#8216;inc\/header.inc.php&#8217; ); require_once( BX_DIRECTORY_PATH_INC . &#8216;design.inc.php&#8217; ); require_once( BX_DIRECTORY_PATH_INC . &#8216;profiles.inc.php&#8217; ); bx_import(&#8216;BxDolModuleDb&#8217;); function getUser() { $iUserId = getLoggedId(); if (!$iUserId) { header(&#8216;Location:\/&#8217;); exit; } $data = getProfileInfo($iUserId); bx_import(&#8216;BxDolMemberInfo&#8217;); $sThumbSetting = getParam(&#8216;sys_member_info_thumb_icon&#8217;); $o = BxDolMemberInfo::getObjectInstance($sThumbSetting); $sThumbUrl = [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-cms"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":1,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/103\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}