强制用户使用HTML5视频输入捕获以低分辨率捕获视频

时间:2017-05-21 18:48:02

标签: javascript html5

我可以选择捕获视频并通过我的网站上传。

我想强制捕获到低分辨率(只有特定的秒数)。

我正在使用HTML5视频广告代码。

<input type="file" id="uploadVideoInput" name="uploads[]" class="file_multi_video" accept="video/*" />

有办法吗?

伙计们,我说的是通过选择输入文件上传视频或从相机上传视频(移动设备)

1 个答案:

答案 0 :(得分:2)

移动设备上的视频有两种类型的上传:

“现场”视频上传

这是您点击文件上传按钮并从操作系统中选择录制视频的选项。

没有标准方法告诉浏览器要录制哪种类型的视频。 Some phones具有控制分辨率/质量的设置。但我已经注意到iOS(最近)它会强制您以最低分辨率录制,无论您的设置如何。

我同意这些评论,为了获得最佳用户体验,让用户上传他们手机发送的内容,然后在服务器/云中对视频进行转码。

上传现有视频文件

您可以使用HTML5 File API之类的内容来强制限制文件大小甚至分辨率。我不会在这里添加任何代码,文件大小是直接的。

为了解决问题,我所做的是将load local video file转换为<video>标记,然后向其添加“loadedmetadata”事件监听器。当“loadedmetadtata”事件触发时,您可以获得videoWdithvideoHeight as shown here

我在桌面上做了​​这个,但我认为没有理由不能在现代手机上使用它。)