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

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)