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

Question

我使用输入标签和file =＆＃34;输入＆＃34;在我的HTML5移动网页中捕获照片的选项。在某些设备中，由于捕获照片时的内存问题，网页崩溃（相机大于12MP）。在HTML5中使用相机时，有什么办法可以控制图像分辨率/质量吗？

当前代码：

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

除了input标签之外，还有其他替代方法可以从HTML5页面访问移动网络应用的相机吗？还有更多选项可以控制相机吗？

Answer 1

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

Answer 2

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

最新W3C recommendation spec for HTML Media Capture不需要此类选项。

但是，您可以通过在https://github.com/w3c/html-media-capture/issues在GitHub上提交问题来建议对规范的此类添加，以考虑可能的下一版规范。在联系他关于类似问题之后，Anssi从英特尔（其中一位规范编辑）向我建议了这一点。

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

我现在可以访问的当前Android设备（Lenovo P2）不提供此类操作系统级别选项（仅限闪光灯和开关相机）：

据说你的代码不符合规范。您应该使用capture或capture=capture，而不是capture="camera"。有关详细信息，请参阅Correct Syntax for HTML Media Capture。