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

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

当前标签：

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

---

除了

输入

标签之外，还有其他方法可以从HTML5页面访问移动web应用程序的摄像头，并且有更多选项可以控制摄像头吗？

使用

如果文件大于4mb，它将不会上载。
使用
如果文件大于4mb，它将不会上载。
无法指定所需的设置使用HTML媒体捕获从设备摄像机捕获图像时的分辨率

最新版本不需要此类选项

但是，您可以通过在GitHub上提交一个问题，建议在规范中添加这样的内容，以便在规范的下一个版本中考虑。这是英特尔公司的Anssi向我提出的，他是规范编辑之一，在与他联系了一个类似的问题之后

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

我目前使用的安卓设备（联想P2）不提供此类操作系统级选项（仅限闪光灯和切换摄像头）：


也就是说，您的代码不符合规范。您应该使用
capture
或
capture=capture
，而不是
capture=“camera”
。有关详细信息，请参阅。
使用HTML媒体捕获从设备摄像头捕获图像时，无法指定所需的分辨率

最新版本不需要此类选项

但是，您可以通过在GitHub上提交一个问题，建议在规范中添加这样的内容，以便在规范的下一个版本中考虑。这是英特尔公司的Anssi向我提出的，他是规范编辑之一，在与他联系了一个类似的问题之后

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

我目前使用的安卓设备（联想P2）不提供此类操作系统级选项（仅限闪光灯和切换摄像头）：


也就是说，您的代码不符合规范。您应该使用
capture
或
capture=capture
，而不是
capture=“camera”
。有关更多详细信息，请参阅。
但问题是在捕获照片时页面崩溃。一旦照片被捕获，网页可以访问它，我可以缩小照片的大小并将其上传到我的服务器。有什么方法可以降低照片本身的质量吗？好的，你可以搜索php图像上传器，上传完成后，它可以显示调整大小的图片。但是问题是当照片被捕获时页面崩溃。一旦照片被捕获，网页可以访问它，我可以缩小照片的大小并将其上传到我的服务器。有没有什么方法可以降低照片本身的质量？好的，这样你就可以搜索php图像上传器，上传完成后它可以显示调整大小的图片。