v150 · Media · demo

Stream Capture Demo

A media capture session manager using Chrome 150's <usermedia> capability element. Activate the native element when available, fall back to getUserMedia() otherwise, then inspect tracks, pick devices, and capture a photo.

Checking <usermedia> support…

Usermedia capture elements

Video stream

<usermedia> + setConstraints({ video })
status: prompt

Audio stream

<usermedia> + setConstraints({ audio })
status: prompt

Live preview

Grant camera access above to see the live stream

Stream settings

Active track constraints and capabilities:
resolution
frame rate
aspect ratio
facing mode
audio channels
sample rate

Multi-device picker

Click "Enumerate devices" after granting permissions.

Track capabilities inspector

CapabilityReported value
Start stream to inspect capabilities

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗