torebicycle.blogg.se

This is very useful for handling the 'signal' events that the simple-peer library will emit. This library helps your users connect to the server over a real-time socket connection so that both the browser and the server can push data to each other immediately. You can use any server language for this, but Node.js has the advantage of being JavaScript which we’re already using on the frontend. Node.js - You’ll need a server-side component to send signaling data between peers to help them get connected over WebRTC. Simple-peer - Easiest library for getting started with WebRTC data channels Web Canvas API - provides a means for drawing graphics via JavaScript and the HTML element We recommend you use the following technologies: And you can use WebTorrent to make the file transfers of images and videos work efficiently.įor an example of what this whiteboard would look like when finished, take a look at this video demonstration from Feross, the founder of WebTorrent.

We recommend you use WebRTC to connect all users of the whiteboard together. Additionally, if a user drops an image or video into the whiteboard, it should show up on the whiteboard for all the participants. Users who visit the site should be able to draw on the whiteboard and all the other users should be able to see what has been drawn immediately. Your task is to build a real-time whiteboard app. We’re going to provide no guidance, but just give you an idea for a project to build. WebTorrent Workshop 00 - Build a real-time whiteboard with file sharing support