HTML 输入捕获和 iOS 问题

【问题标题】：HTML Input Capture and iOS IssuesHTML 输入捕获和 iOS 问题
【发布时间】：2018-09-28 02:52:46
【问题描述】：

iOS 设备上的<input capture> 似乎只允许上传 480p。有没有人想出办法解决这个问题？如果我从我的相机胶卷（更新设备上的“照片库”）上传，我会获得完整的上传质量。直接从捕获，非常低的分辨率。以这种方式工作似乎很奇怪，必须有解决方法。

此外，如果实际上没有解决方法，有没有办法只限制从“照片库”上传？我不能给用户任何上传劣质视频的能力。

【问题讨论】：

标签： ios html webkit

【解决方案1】：

<input capture> 不允许您设置从相机直接捕获的分辨率。我认为这是该组件的当前限制。

实现目标的另一种方法是通过Media Capture - Constrainable Interface，您可以在其中声明您的首选设置。

const supports = navigator.mediaDevices.getSupportedConstraints();
if (!supports.aspectRatio || !supports.frameRate) {
  // Treat like an error.
}
const constraints = {
  frameRate: {min: 20},
  width: {min: 640, ideal: 1280},
  height: {min: 480, ideal: 720},
  aspectRatio: 3/2
};

但这里是使用getUserMedia() 实现捕获的信息参考：Capturing Audio & Video in HTML5

【讨论】：