html5+js: 的分辨率或大小

2024-06-23

如何设置手机上传照片的最大分辨率或最大尺寸<input type=file capture=camera>?


目前有两种 W3C 支持的拍照方式(使用 JavaScript / HTML 捕获图像):

[1] HTML 媒体捕获

It uses capture and accept="image/*" on an input标签来指定意图。 根据规范,这种方式可以NOT允许您指定捕获的大小。

[2] 媒体捕获和流媒体 允许对相机进行完全编程访问,以便您可以实现自己的捕获对话(针对视频和静态图像)。此外,它允许指定如下约束:

mandatory: {
  width: { min: 640 },
  height: { min: 480 }
},
  optional: [
{ width: 650 },
{ width: { min: 650 }},
{ frameRate: 60 },
{ width: { max: 800 }},
{ facingMode: "user" }
  ]
}    

全局浏览器对第二种方式的支持率为 50%,因此只能在封闭环境中使用:http://caniuse.com/#feat=stream http://caniuse.com/#feat=stream

[1] http://www.w3.org/TR/html-media-capture/ http://www.w3.org/TR/html-media-capture/

[2] http://dev.w3.org/2011/webrtc/editor/getusermedia.html#constrainable-interface http://dev.w3.org/2011/webrtc/editor/getusermedia.html#constrainable-interface

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html5+js: 的分辨率或大小 的相关文章

随机推荐