MediaLive

Camera, Screen & Audio APIs

Media capture demos that share the same technical foundation: camera and microphone access, screen sharing, and recording of every stream with the MediaRecorder API — with automatic codec negotiation (VP9 → VP8 → plain WebM). Each recording becomes a local Blob, played back in an audio/video player with a progress bar. Everything runs in the browser — no media byte ever leaves the user's device.

Camera Screen Audio Recording Blob Codec Negotiation

Technologies

  • MediaDevices API
  • MediaRecorder API
  • Blob
  • URL.createObjectURL

Architecture

  • MediaStream capture via Browser APIs
  • Client-side encoding with MediaRecorder
  • CODEC
  • Custom player

Concepts

  • Browser media permissions
  • CODEC negotiation
  • Real-time stream capture
  • Client-side encoding
  • Blob management
  • Object URL
  • Custom media player
  • Download with no server upload

Demo area

The demo is 100% functional — try it now.