HTML5移动网页中的摄像头访问和图像质量处理

Question

我使用带有file =“ type”选项的输入标签来捕获HTML5移动网页中的照片。 在某些设备中，当照片被拍摄时（相机> 12MP），由于内存不足，网页崩溃。 使用HTML5的相机时，有什么方法可以控制图像分辨率/质量 ？

当前标签：

<input id="ext-element-175" type="file" name="file" accept="image/*" capture="camera">

除了input标签之外，是否还有其他选择可以从移动Web应用程序的HTML5页面访问摄像头，并且还有更多选项可以控制摄像头？

Answer 1

使用<input type="hidden" name="MAX_FILE_SIZE" value="4000000" />如果文件大于4mb，则不会上传。

Answer 2

使用HTML Media Capture从设备相机捕获图像时，无法指定所需的分辨率。

针对HTML Media Capture的最新W3C建议规范不需要此类选项。

但是，您可以通过在GitHub上的https://github.com/w3c/html-media-capture/issues上提交问题，建议对规范进行此类添加，以考虑作为规范的下一版本。 规范编辑之一的英特尔公司的安西（Anssi）就类似问题与他联系后，向我提出了这一建议。

根据我的经验，某些Android设备确实在操作系统级别提供了一种在录制视频时选择分辨率的方法（ accept="video/*" ）。 此类设备在拍摄照片时也可能提供此类选项。

我现在可以访问的当前Android设备（Lenovo P2）不提供此类操作系统级别的选项（仅闪光灯和切换摄像头）：

就是说您的代码与规范不符。 您应该使用capture或capture=capture ，而不是capture="camera" 。 有关更多详细信息，请参见HTML Media Capture的正确语法 。