Glance Screen Share allows an agent to show their desktop screen or view a customer’s screen for instant clarification. It can be used as a stand-alone service but in this application is invoked from within a Cobrowse session as needed.
Glance Agent Video offers one-way webcam video of an agent during a Screen Share session from within Cobrowse.
Visitor User Interface
When using the default visitor user interface, both Glance Screen Share and Agent Video are automatically displayed in the visitor browser. When using a custom visitor user interface, implement a listener for the Screen Share event. See Getting Started for more information on using the default vs. a custom visitor user interface.
When an agent chooses to share his or her screen or webcam video, a Screen Share event occurs. See Visitor Side Events for a description of the Screen Share event. Glance uses the standard screenshareView names: glance_screenshare and glance_agentvideo for Screen Share and Agent Video sessions respectively.
To support Screen Share and Agent Video with a custom user interface, add hidden iframes and with id=”glance_screenshare”and id=”glance_agentvideo” to the visitor’s page, and unhide the corresponding iframes when a”screenshare”event occurs.
The glance_agentvideo and glance_screenshare iframes must exist in the page before the agent initiates Agent Video or Screen Share. In addition, if the visitor navigates after Agent Video has already been turned on, the iframe must exist in the page before the visitor connects to the Cobrowse server. It is not possible to wait to create the iframe until the “screenshare” event fires.
The GLANCE.Cobrowse.VisitorUI object is defined when the default visitor user interface is used. This object exposes methods for displaying the default user interface. See Getting Started for more information on using the default vs. a custom visitor user interface.
The following methods are available on GLANCE.Cobrowse.Visitor.UI:
|showButton(show)||showButton(show) displays the cobrowse button if show is true. If show is false, it hides the button.|
|toggleButton()||toggleButton() toggles the display of the cobrowse button.|
|showTerms(termsParams)||showTerms(termsParams) shows a terms and conditions dialog. The dialog, which is customizable via the cobrowse button customization tool, has an Acceptand a Decline button. Clicking Accept will start a cobrowse session.termsParams is optional and can contain any of the same properties as startParams.
See startSession in the GLANCE.Cobrowse.Visitor section.
If using a custom UI (data-ui=”custom” in the script tag) then the customer supplied user interface script can conditionally modify the user interface according to which group a session is running in. The custom user interface script can use new api GLANCE.Cobrowse.Visitor.sessionGroupId(), which returns the groupid for the currently running session, if any.