Not TestedTesting not done, may not work properly

Media Web API Demonstrations

Browser-native interactive demonstrations for Media. 100% client-side execution — zero external JS libraries required.

10 Demonstrations

Enumerate connected audio inputs, webcams, and speaker hardware devices.

Capture live camera video streams using navigator.mediaDevices.getUserMedia.

Capture live microphone audio streams.

Record live media streams (audio/video) into WebM or MP4 blobs.

Capture live screen share streams using navigator.mediaDevices.getDisplayMedia.

Combine getDisplayMedia screen capture with MediaRecorder to save MP4/WebM screen recordings.

Buffer and play video streams dynamically using MediaSource API.

Float video elements in a floating overlay window.

Select physical audio output speaker devices using selectAudioOutput / setSinkId.

Query playback and encoding smoothness & power efficiency for specific audio/video codecs.