Media Capture Elements Demo
Current Mode: STANDARD
1. Media Capture Elements
Click these elements to request media with different constraints (no type attribute).
2. Legacy <usermedia> Element
Click these elements to request media using the legacy type attribute (acting like permission elements).
Live Preview
Microphone Input Level:
Event Logs
Waiting for user interaction...
👩🏻💻 Demo Instructions
By default, standard media capture elements are enabled starting in Chrome M151.
To test the legacy usermedia mode (with the type attribute), you need to enable the legacy support experiment:
- Go to
chrome://flagsand enable the UserMediaElementLegacy flag. - Alternatively, shut down the browser process and restart it with the command line flag:
--enable-features=UserMediaElementLegacy
- Or register for the UserMediaElement Origin Trial (OT) to enable legacy support on your origin.
-
Ensure the flag took effect by verifying it appears on:
chrome://version