Collaborative Whiteboard
  • iOS : Objective-C
  • Android
  • Web
  • Electron
  • Windows
  • macOS
  • Overview
  • SDK downloads
  • Demo app
  • Sample codes
  • Development guide
  • Quick starts
  • Use cases
  • Error codes
  • Server APIs
  • Documentation
  • Collaborative Whiteboard
  • Overview

Overview

Last updated:2022-03-22 13:06

1 Introduction

The ZEGO whiteboard service (ZegoWhiteboard) provides online whiteboards for real-time multi-user interactions and collaborations. Users in the same room can write and draw on the same whiteboard to collaborate and exchange ideas in real time. With a rich set of whiteboard tools, real-time stroke synchronization, and precise synchronization between whiteboard and real-time audio/video, ZegoWhiteboard takes the online whiteboard experience to the next level.

/Pics/WhiteboardView/Collaborative_Whiteboard_en.png

2 Supported platforms

ZEGO provides easy-to-integrate whiteboard SDKs (as a plug-in of the ZEGO Express-Video SDK) for all major platforms.

Platform Compatibility SDK
iOS iOS 8 or later Download SDK
Android Android 5.0 or later Download SDK
Windows (Win32) Windows 7 or later Download SDK
Windows (Electron) Windows 7 or later Download SDK
macOS (Objective-C) macOS 10.10 or later Download SDK
macOS (Electron) macOS 10.10 or later Download SDK
Web For details, see Web SDK compatibility Download SDK

To try out the ZegoWhiteboard demo apps for these platforms, see Demo apps.

3 Advantages

3.1 Comprehensive platform coverage

Comprehensive coverage of major platforms and development frameworks, including iOS, Android, Windows, macOS, and Web.

3.2 A rich set of whiteboard tools

ZegoWhiteboard SDK provides a rich set of whiteboard tools, including paintbrush, laser pointer, text tool, shape tools (lines, rectangles, circles, ellipses), and eraser.

3.3 Precise synchronization between whiteboard and real-time audio/video

When users use a whiteboard in an audio/video call or live streaming session, the whiteboard content and real-time audio/video streams are delivered to all participants in precise synchronization, so users won't have any whiteboard-audio/video out-of-sync issues.

3.4 Advanced real-time collaboration algorithm

ZEGO has developed an intelligent multi-user real-time conflict resolution algorithm, which can support hundreds of people to interact and collaborate efficiently (drawing, editing, etc.) on the same whiteboard.

3.5 Network acceleration for international collaborations

ZEGO provides global network acceleration to support international collaborations, improving real-time communications and collaboration experience with reduced transmission latency and packet loss.

4 Whiteboard features and tools

Feature Description
Select Select one or more objects on the whiteboard, including drawing primitives, text, lines, and shapes.
Click Click on animated PPTs to trigger animations.
Drag Drag the canvas.
Paintbrush Draw with a variety of stroke width and color options.
Laser pointer Temporarily highlight objects on the whiteboard with a small red dot (currently not supported on mobile browsers).
Text tool Text input with a variety of font and text color options.
Shape tools Draw straight lines and hollow shapes like rectangles, circles, and ellipse, with a variety of stroke width and color options.
Eraser Erase any selected objects on the whiteboard, including drawing primitives, text, lines, and shapes.
Clear Clear the entire whiteboard in one click.
Undo Undo the last operation.
Redo Redo the last undone operation.
Whiteboard page turning and scrolling Turn to the previous page, next page, and scroll up and down on a whiteboard page.
Whiteboard zooming Zoom in and out on the whiteboard locally and synchronously, with a zooming ratio of 100%-300%.
Single-object movement Move one selected object.
Multi-object movement Move multiple selected objects at the same time.
Color selection Select the color of paintbrushes, rectangles, circles, etc.
Stroke width selection Select the stroke width of paintbrushes, rectangles, circles, etc.
Text size selection Select the font size of the text.
Text format selection Select the text formatting options: italics, bold.
Insert images Insert images onto the whiteboard. Supported image formats: PNG, JPG, and JPEG.
Custom shape tools Customize shape tools as needed.
Background image Set a whiteboard background image. Supported image formats: PNG, JPG, and JPEG.
Whiteboard information Whiteboard ID, whiteboard type, whiteboard page number, whiteboard width and height, sharing permissions, etc.
Synchronization between whiteboard operation and real-time audio/video Keep whiteboard operation in synchronization with audio and video.
Real-time stroke synchronization Synchronize the drawing pen stroke to all users in the room in real time.
Whiteboard recording and playback Record all operations on the whiteboard canvas, and play back whiteboard recordings when needed.
Adaptive whiteboard size The size of the whiteboard adapts automatically to the size of the parent container.
Handwriting effect Draw with handwriting style pen strokes.
Permission control

Set up operations permissions on whiteboards and graphic primitives :

  • Whiteboard: scroll and zoom operations.
  • Graphic primitives: create, edit, move, delete and clear operations.
Page Directory