Home / Media and Real Time

Media and Real Time JavaScript Projects

Video calls, screen recording, live drawing with friends and music that moves on screen used to need plugins or native apps. Now the browser handles them with WebRTC, MediaRecorder, WebCodecs, Web Audio and WebGPU. These nine projects are the most fun in the collection, and they make great portfolio pieces because people can try them in seconds.

Video Call App JavaScript project preview

032. Video Call App

A peer to peer video call between two browsers
Screen Recorder JavaScript project preview

033. Screen Recorder

Record your screen with your voice and your face in the corner
Browser Video Editor JavaScript project preview

034. Browser Video Editor

Trim a clip, add a filter and a title, and export an MP4
Collaborative Whiteboard JavaScript project preview

035. Collaborative Whiteboard

A shared drawing board with live cursors
Music Visualizer JavaScript project preview

036. Music Visualizer

Turn music into moving bars, waves and a glowing ring
WebGPU Particle Playground JavaScript project preview

037. WebGPU Particle Playground

Up to a million glowing particles that follow your mouse
Image Compressor JavaScript project preview

038. Image Compressor

Shrink photos in bulk without uploading them
Live Chat App JavaScript project preview

039. Live Chat App

A real time chat with rooms and typing indicators
Online Code Playground JavaScript project preview

040. Online Code Playground

A CodePen style editor with live preview and share links