Html5调手机拍照 & 相册

使用input标签的capture属性即可实现:

  • 调手机拍照:
  • 调手机摄像:
  • 调手机录音:
  • 调手机相册:

不同手机下的实现效果如下:

  • iPhone的微信 & Safari & UC效果都一样:
    Html5调手机拍照 & 相册_第1张图片

  • 华为的自带浏览器:
    无论点击哪个,都出现第二张图片效果;
    这句并为出现“浏览”这两个字,但点击事件仍有效果。
    Html5调手机拍照 & 相册_第2张图片

  • 华为的UC浏览器:
    Html5调手机拍照 & 相册_第3张图片

  • 华为的微信浏览器:
    Html5调手机拍照 & 相册_第4张图片

你可能感兴趣的:(Html)