Zoomtopia is here. Unlock the transformative power of generative AI, helping you connect, collaborate, and Work Happy with AI Companion.
Register nowEmpowering you to increase productivity, improve team effectiveness, and enhance skills.
Learn moreKeep your Zoom app up to date to access the latest features.
Download Center Download the Zoom appDownload hi-res images and animations to elevate your next Zoom meeting.
Browse Backgrounds Zoom Virtual BackgroundsEmpowering you to increase productivity, improve team effectiveness, and enhance skills.
Zoom AI Companion2023-01-20 01:56 AM
I've been trying to get the button trigger on our website to start a video call with an agent, using the provided sample with no luck. The coded is added to our footer widget and the button is showing floating in the bottom right corner. The "your_id" and "your_api_key" is using our entryID SDK on our website.
Is there something wrong with the implementation?
<!DOCTYPE html>
<!-- other page elements -->
<div id="create">create video</div>
<script data-entry-id="your_id" data-apikey="your_api_key" src="https://us01ccistatic.zoom.us/us01cci/web-sdk/video-client.js"></script>
<!-- The script source is the video client JS SDK for Contact Center.
Get this from the code copied from the flow. -->
<script>
(() => {
const dom = document.getElementById('create')
dom.addEventListener('click', async () => {
const entryId = "your_id" /* Get from the code copied from
your flow */
const videoClient = new VideoClient({
});
await videoClient.init({
entryId,
name: 'name' /* optional field, omit if not using, null value
not accepted */
});
videoClient.startVideo()
videoClient.on('video-end', () => {
console.log('video ended') /* Add any actions to perform when the
video ends, for example, print to
console log */
videoClient.on('video-start', () => {
// Do something when the video ends (such as make an API call)
})
})
})
})()
</script>
<!-- other page elements -->
</html>