我使用带有file =“ type”选项的输入标签来捕获HTML5移动网页中的照片。在某些设备中,当照片被拍摄时(其中相机> 12MP),网页由于内存不足而崩溃。使用HTML5的相机时,有什么方法可以控制图像分辨率/质量?
当前标签:
<input id="ext-element-175" type="file" name="file" accept="image/*" capture="camera">
除了
input
标记之外,是否还有其他选择可从移动Web应用程序的HTML5页面访问相机,并且还有更多选项可以控制相机? 最佳答案
使用HTML Media Capture从设备相机捕获图像时,无法指定所需的分辨率。
最新的W3C recommendation spec for HTML Media Capture不需要此类选项。
但是,您可以通过在GitHub上的https://github.com/w3c/html-media-capture/issues上提交问题,建议对规范进行此类添加,以考虑用于规范的下一版本。规范编辑之一的英特尔公司的安西(Anssi)就类似问题与他联系后,向我提出了这一建议。
根据我的经验,某些Android设备确实提供了一种在操作系统级别上选择录制视频(accept="video/*"
)时的分辨率的方法。此类设备在拍摄照片时也可能提供此类选项。
我现在可以访问的当前Android设备(Lenovo P2)不提供此类操作系统级别的选项(仅闪光灯和切换摄像头):
就是说您的代码与规范不符。您应该使用capture
或capture=capture
,而不是capture="camera"
。有关更多详细信息,请参见Correct Syntax for HTML Media Capture。
关于javascript - HTML5移动网页中的摄像头访问和图像质量处理,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31980351/