If you are looking to enable ScreenMeet's Live video chat product with Cobrowse. Here are the following steps to enable setup. On your website server please create a new url for the combined Cobrowse and Live chat experience and use the following template.<pre><code class="language-xml">&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;script src="https://cobrowse.screenmeet.com/videoAssist.js"&gt;&lt;/script&gt;
 &lt;link rel="stylesheet" href="https://cobrowse.screenmeet.com/videoAssist.css" type="text/css" /&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id="screenMeetLiveContainer"&gt;
 &lt;div id="screenMeetLiveContainerHeader"&gt;&lt;/div&gt;
 &lt;iframe id="screenMeetLivePortal" allow="camera *;microphone *"&gt;&lt;/iframe&gt;
 &lt;/div&gt;
 &lt;iframe id="screenMeetCobrowseContainer" src=""&gt;&lt;/iframe&gt;
 &lt;iframe
 id="cbSessionCarrier"
 width="1"
 height="1"
 style="display: none"
 referrerpolicy="origin"
 src="https://edge.screenmeet.com/v3/cobrowse/multidomain"
 &gt;&lt;/iframe&gt;
 &lt;div id="screenMeetClickMask"&gt;&lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>&nbsp;Once you have created that url, i.e &nbsp;<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.example.com/assist.html">https://www.example.com/assist</a> , go to the ScreenMeet console as an Admin for your organization and edit the organization -&gt; Cobrowse settings. In the Cobrowse settings, change the Combined Session Url to point to the new url and then click Save Configuration. <h4> Customization</h4>The template given is mostly a bare html page with just enough elements to accomplish combined Cobrowsing plus persistent Live chat. There are a few elements in the live chat integration which can be stylized. In the template we include a css file which has the necessary styles for these elements but one could pick and choose. Please read the provided css file for reasonable defaults.<pre><code class="language-xml">
https://cobrowse.screenmeet.com/videoAssist.css</code></pre><h4> Essential Elements</h4>Element's with these id's are required by the Cobrowse implementation to host a combined Cobrowse plus Live experience. If they are not present on the page then it will likely break the experience.<ul><li>screenMeetCobrowseContainer - This iframe is where the Cobrowse session is placed. It ideally should occupy the majority of the screen, but it certainly could be trimmed to add room for other controls, links, or branding.</li></ul> <ul><li>screenMeetLiveContainer - This is the floating control for the Live video chat. It is the most customizable element in terms of style. It is important that it is positioned absolute and has a positive z-index so that it may float over the Cobrowse interface. It's height, width, and starting position are configurable with css. The ScreenMeet Live product does have a minimum size require of at least 325px by 325px;</li></ul> <ul><li>screenMeetLiveContainerHeader - This is the draggable header which appears over the Live video chat. It's color, shape, and size are configurable with css.</li></ul> <ul><li>closeLiveButton - This button is added dynamically to the ScreenMeetLiveContainerHeader. It is a div element which you can style with this css selector: .cb-video__close. cb-video__close--custom</li></ul><pre><code class="language-css">.cb-video__close {
 width: 30px;
 height: 30px;
 margin-right: 10px;
 background-image: url('https://cobrowse.screenmeet.com/icons/close.svg');
 background-repeat: no-repeat;
 background-size: cover;
}

.cb-video__open {
 height: 20px;
 width: 30px;
 margin-right: 10px;
 background-image: url('https://cobrowse.screenmeet.com/icons/camera.svg');
 background-repeat: no-repeat;
 background-size: cover;
}
</code></pre> <ul><li>openLiveButton - When the live video element has been closed by the user they may rejoin the session by clicking this. It is a div element which you can style with this css selector: .cb-video__open .cb-video__open--custom</li></ul> <ul><li>screenMeetLivePortal - This iframe hosts the ScreenMeet Live video chart url generated.</li></ul> <ul><li>screenMeetClickMask - This is a very particular element which is present in the page to prevent the user drag events from falling through to Cobrowse iframe below and disrupting the user from repositioning the live chat. During a drag event it blocks all pointer-events. If you customize the styles of the screenMeetLiveContainer make sure that the z-index of this element is smaller so that dragging and dropping is not interrupted.&nbsp; This is the default and recommend styling for it.&nbsp;</li></ul><pre><code class="language-css">#screenMeetClickMask {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 50;
 box-sizing: border-box;
 pointer-events: none;
}
</code></pre> <h4>Events</h4>When starting and ending a cobrowse plus video chat session the client will be redirected to the combined session assist page, and returned to their current context after the cobrowse session has ended. However, if a page has an active "beforeunload" listener which prompts the user to prevent them from navigating away then the cobrowse plus video chat experience is broken. To prevent this broken behavior it is necessary to add some additional code to the page to register handlers for cobrowse events. Here are some examples, Callbacks have wider browser support including IE 11, promises are somewhat nicer to work with. The event for redirect will include the destination url. If the callback is not called, or an error is put into the first argument of the callback <pre><code class="language-javascript">window.Cobrowse.modal.commandQueue.push(() =&gt; {
 window.Cobrowse.modal.eventManager.addEventCallback('redirect', (event, callback) =&gt; {
 //disable beforeunload handlers
 window.removeEventListener("beforeunload", yourUnloadHandler);
 callback(null, true);
 })
})</code></pre>Or if you prefer a promise based workflow.<pre><code class="language-javascript">window.Cobrowse.modal.commandQueue.push(() =&gt; {
 &nbsp;window.Cobrowse.modal.eventManager.addEventListener('redirect', async (event) =&gt; {
 //disable beforeunload handlers
 window.removeEventListener("beforeunload", yourUnloadHandler);
 return true
 })
})</code></pre><pre><code class="language-typescript">type CBEvent = {
 kind: string;
};
type CBListener = &lt;T extends CBEvent&gt;(event: T) =&gt; Promise&lt;void&gt;;

type CBCallback = &lt;T extends CBEvent&gt;(event: T, cb: (err: Error | null | undefined, success?: any) =&gt; void) =&gt; void;

type CBRedirectEvent = {
 kind: "cbRedirect";
 url: string;
}

interface Window {
 Cobrowse: {
 modal?: {
 eventManager: {
 addEventCallback(eventName: string, handler: CBCallback): void;
 addEventListener(eventName: string, listener: CBListener): void;
 }
 }
 }
}
</code></pre><h4>CSS</h4><pre><code class="language-css">body {
 margin: 0px;
 background-color: black;
}

#screenMeetLiveContainer {
 box-sizing: border-box;
 position: absolute;
 background-color: black;
 z-index: 100;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.6);
 transition-property: width, height, top, left, transform;
 transition-duration: .5s;
 width: 350px;
 height: 420px;
}

#screenMeetLiveContainer.cb-videoclosed {
 height: 60px;
 width: 90px;
}

.cameraIconFlexbox {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 width: 90px;
 height: 60px;
}

@media only screen and (max-width: 500px) {
 #screenMeetLiveContainer.cb-videomaximized {
 transform: scale(.65, .65);
 transform-origin: 0% 0%;
 }
}

@media only screen and (max-width: 500px) {
 .start-position.cb-videomaximized {
 left: 10px;
 top: calc(100% - 285px);
 }
}

.start-position {
 left: 10px;
 bottom: 10px;
}

.cb-videominimized {
 height: 100px;
 width: 100px;
}



#screenMeetLiveContainerHeader {
 box-sizing: border-box;
 background-color: #334759;
 cursor: move;
 width: 100%;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 padding: 8px;
}

#screenMeetLivePortal {
 box-sizing: border-box;
 width: 100%;
 margin: 0px;
 background-color: black;
 position: absolute;
 border: 0px;
 height: 380px;
}

.cb-videominimized #screenMeetLivePortal, #screenMeetLiveContainer.cb-videominimized {
 height: 100px;
 width: 100px;
}

#screenMeetCobrowseContainer {
 margin: 0px;
 width: 100%;
 height: 100%;
 position: absolute;
 border: 0px;
}

#screenMeetClickMask {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 50;
 box-sizing: border-box;
 pointer-events: none;
}

.cb-video__close {
 width: 24px;
 height: 24px;
 margin-left: 5px;
 background-image: url('https://cobrowse.screenmeet.com/icons/close_icon.svg');
 background-repeat: no-repeat;
 background-size: cover;
 cursor: pointer;
}

.cb-video__minimize {
 width: 24px;
 height: 24px;
 background-image: url('https://cobrowse.screenmeet.com/icons/min_icon.svg');
 background-repeat: no-repeat;
 background-size: cover;
 cursor: pointer;
}


.cb-video__open {
 height: 30px;
 width: 45px;
 margin-right: 20px;
 background-image: url('https://cobrowse.screenmeet.com/icons/camera.svg');
 background-repeat: no-repeat;
 background-size: cover;
 cursor: pointer;
}

.cb-videooverlay {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: 0;
 z-index: 400;
 cursor: pointer;
}

.cb-videomaximized .cb-videooverlay {
 pointer-events: none;
 margin-top: 48px;
}

.cb-videominimized .cb-videooverlay {
 pointer-events: auto;
}



.header-title {
 margin-right: auto;
 margin-left: 5px;
 font-family: sans-serif;
 color: white;
}</code></pre>

CoBrowse Video Chat Integration

Video Chat Integration

Getting Application from ServiceNow Store

Using your Azure Blob for ScreenMeet File Storage

Minimal Cobrowse Script

Frequently Asked Questions

Timeout Settings

July

Remote Control

IP Access Control Feature

Live Release Notes Q2 2024

Cobrowse Settings

CoBrowse Release Notes Q2 23

Connecting to Mac devices

Connecting to a Device Using Beam

Windows Tools

Starting a session

CoBrowse Release Notes Q1 22

Remote Support Release Notes Q4 24

Clipboard

Release Summer 21 (1.14)

Virtual Agent Integration w/ ScreenMeet

Android SDK Quickstart

Security

Remote Support Release Notes Q3 23

Replay Settings

Custom Copy

CoBrowse Deployments

AI Summary History

Integration Signing Key

Microsoft D365 Release Notes Q4 2022

Replay Release Notes Q2 24

October

Live Settings

ScreenMeet Console Customers

Hosting a Desktop Session

Remote Support Release Notes Q2 23

Creating a Replay Recording

AI Assist Overview

Included Reports and how to add them into Dashboards

Custom Domain

Networking Configuration

AI Summarization

Remote Support

Overview

Remote Support Settings

CoBrowse Release Notes Q2 24

Sign in to console.screenmeet.com

Multiple Domain and Subdomain support

February

File Transfer Settings

Exporting ScreenMeet + Salesforce data to third party visualization tools

Beam Release Notes Q1 24

Regional Geo-Fencing

Custom Branding

AI Assist

Configure API service

Beam Release Notes Q3 23

Joining & Completing a Live Plus session

Egress IP Addresses

Custom URL

Starting a Session from within Salesforce

Settings and Policies

Requirements

How To Install ScreenMeet in Your Genesys Instance

Localization

Configuring Environment Variables

Reviewing a Session

August

Remote Support Release Notes Q1 23

Live Release Notes Q2 22

Release Summer 2020 (1.9)

Device Requirements

System Information

Create Multiple Sessions

ServiceNow Release Notes Q4 24

403 Forbidden while making API request

Manage Beam Group Permission Set

ScreenMeet Platform Release Notes Q3 23

Remote Support Release Notes - Q1 22

Screen Annotation

Creating a Session

Custom Background

Remote Support Release Notes Q2 24

AI Summary Studio

Instructions to Person at End Point Device

Beam Client: Installation, Deployment, and Configuration Guide

Beam Groups: Setup, Settings, and Access Management

Component settings

Customer initiated sessions with a chatbot

ScreenMeet 2024 Release Notes

Package Installation Error - Case-Case Layout: feedLayout is not supported for this layout

Developer Notes (3.0.11)

Starting a Session from Dynamics

ScreenMeet Platform Release Notes Q1 23

Remote Support Release Notes Q2 22