v149 · HTML · Media
Constraint Presets
The <usermedia> element accepts constraints via a <script type="permissionconstraints"> child. Pick a preset to see the constraints block and the equivalent getUserMedia() call. Then click "Apply & probe" to request the actual stream (where available) and see what the browser negotiates.
<usermedia> markup
Equivalent getUserMedia() call
Constraint
Value
Why
Press "Apply & probe" to request the stream and see negotiated track settings.
Requested vs. negotiated settings
Constraint
Requested
Negotiated
—
Select a preset
Apply & probe
see also
- Constraints Builder — build constraints from scratch
- Stream Controller — live stream with mute/unmute
- Event Sequence — lifecycle event walkthrough
- ChromeStatus entry