I decided it was about time I started building something new with Websockets: I have not built anything using Websockets since RMI.js, and I wanted to play with this API a little bit more. The fact that this month the Mozilla Developer Network Dev Derby topic is Websockets is an additional incentive.
I am not going to unveil the implementation details quite yet since I am not done, but I would like to share here the first demo of a shared dashboard that takes advantage of Websockets to share stuff between clients across the network. A discovery component dynamically identifies clients that are part of the same group. Users can then drag a UI widget to other users’ dashboards.
The demo in the video below shows how it is possible to seamlessly transfer a video player widget from one dashboard to another just by using drag&drop: as soon as the player shows up into the destination dashboard it resumes playing the video from where it was left before the transfer was triggered.