Testing Input Media Capture

Thomas Mak wrote at 2018-10-22.

#mobile-web #user-media

Normal file input triggers a select action sheet for use to choose the media source from either camera or photo album.

We can directly trigger camera UI without the select by using the capture="camera":

  File with capture
  <input id="take-picture" type="file" accept="image/*" capture="camera" >

I have created a testing page with different file input configures:

See the Pen Test Input Capture by Thomas Seng Hin Mak (@makzan) on CodePen.

You may also try it in different mobile OS:



no comments yet.