Co-browsing

Source code

Year

2025

Role

Design & Development

Multi-user video meeting in the browswer

Co-browsing is a Chrome extension that uses PeerJS and WebSocket to connect multiple users. When a user is connected, they will stream the screen around their mouse to other users. Likewise, a user can see other users' screens through tiny windows. The window will follow each user's mouse and always display the area around it.

The idea is that multiple people can browse the internet while seeing what each other is looking at concurrently.

Skills I used

Demonstration

On the technical side, the extension uses TaskVision and webcam to generate a face cutout of the user. The face is streamed together with the screen. The display of other user's screens and faces are drawn on a HTML Canvas. Therefore, the streamings can be used and overlayed on top of any websites.

Each user can customize their displayed name and color of the border in the pop-up of the extension. Their mouse position is also broadcasted to all useres. The mouse positions are used to crop the displayed area of each user.

Next

An animated scenes of kois swimming in a pond

Creative Computing Collection

Live website

About

3D, 2D, interactive sites, and all the fun stuff