Remote whiteboard

Introduction

This demo shows how to use a device with a touchscreen to “draw” on the screen of another device, using only off-the-shelf Web technologies.

Instructions

Load the whiteboard on a device, typically a regular computer browser
Load the whiteboard writer on a device with a touch screen (for convenience, that page is available at http://kwz.me/pu)
Draw on the the second device and watch your drawing appear on the first screen

Here is what running this demo looks like, in video:

Under the hood

The drawing on the second device are captured using Touch Events, sent to a proxy server built using node.js, and then dispatched to the first device via Server-Sent events.

The drawings are rendered on a HTML5’s canvas element.

The touch-enabled canvas was developed by Mike Taylr, Tim Branyen, Paul Irish and Boris Smus.

The code for this demonstration is available on github.

Dominique Hazael-Massieux (@dontcallmedom)