Michael Gearon

HTML Media Capture

Michael Gearon

Last updated on

The HTML5 logo

The media capture specification allows you to specify what is uploaded or captured. It is currently a W3C recomendation since 1 February 2018 since last update. It can be used in a form when you’re asking the user to upload an image you can specify that the file format should be an image.

What is Media Capture?

Media Capture is currently a W3C Last Working Draft, it allows users the ability to access there camera, microphone or video camera to then either select a pre-existing file or to record and upload media.

An example of Media Capture

This is the code pen to demonstrate Media Capture:

See the Pen HTML Media Capture by Michael Gearon (@michaelgearon) on CodePen.

Further Reading

Michael Gearon

Written by


Michael Gearon is a Senior Interaction Designer at Companies House in Cardiff. Previously Mike was a product designer at the GoCo Group including GoCompare, MyVoucherCodes and WeFlip. As well working for brands in South Wales like BrandContent and HEOR.