Media Capture Elements Demo

Current Mode: STANDARD

1. Media Capture Elements

Click these elements to request media with different constraints (no type attribute).

No Usermedia Element No Camera Element No Microphone Element

2. Legacy <usermedia> Element

Click these elements to request media using the legacy type attribute (acting like permission elements).

No Usermedia Element No Usermedia Element No Usermedia Element

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:

On GitHub