Use the whiteboard

Introduction

In ZEGOCLOUD UIKits, adding a whiteboard allows you to express, and exchange ideas with others by drawing, and adding images on the whiteboard.

The whiteboard now is compatible with Call Kit and Video Conference Kit, and with this feature configured, the page looks like this:

How do I enable the whiteboard?

1. Download the Whiteboard plugin.

   • Method 1: Directly import in HTML
   Untitled

   <!--add whiteboard plugins before UIKits SDK -->
   <script src="https://unpkg.com/zego-superboard-web@2.15.3/index.js"></script>
   <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt/zego-uikit-prebuilt.js"></script>
   

   1

   Copied!
   • Method 2: Using NPM
   Untitled

   # install plugin
   npm i zego-superboard-web@2.15.3 --save
   

   1

   Copied!
   Untitled

   // import plugin
    import { ZegoSuperBoardManager } from "zego-superboard-web";
   

   1

   Copied!

2. Configure the plugin in the joinRoom method.

   Untitled

    zp.addPlugins({ZegoSuperBoardManager});
   

   1

   Copied!