javascript - 如何使用 HTML 代码或 javascript 从移动设备上的视频设备捕获视频

标签 javascript html webcam

理想情况下,我想做的是在我的网站上捕捉和录制视频,但要对 iPhone 和移动设备友好,这样使用手机的用户就可以在他们的手机上保存视频并将其上传到我的网站。我需要能够从任何设备上的摄像头获取网络摄像头输入,例如移动显示实时预览、记录和回放。然后上传。我认为任何闪光灯都没有帮助,因为 iphone 不读取闪光灯。我尝试了几个 html5 的例子 http://www.html5rocks.com/en/tutorials/getusermedia/intro/但它不适用于 iphone 或移动设备。任何帮助将不胜感激

最佳答案

HTML Media Capture standard 是一种纯 HTML 解决方案,适用于所有移动浏览器。录制视频使用:

<input type="file" accept="video/*" capture >

上面的代码在 iOS8 上是这样的: HTML Media Capture on iOs 图片由 https://blog.addpipe.com/the-new-video-recording-prompt-for-media-capture-in-ios9/ 提供

唯一的问题是您将从 iOS 设备获取 .mov 视频,而从 Android 设备获取 .mp4/.3gp 视频。这些 .mov 文件无法在 Android 上播放。

HTML Media Capture是仅限移动设备的解决方案,未在桌面浏览器中实现。

关于javascript - 如何使用 HTML 代码或 javascript 从移动设备上的视频设备捕获视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14821875/

相关文章:

php - 在存储到数据库之前清理输入

html - 使用显示 :table 的相等 div 高度

javascript - 在我自己的钩子(Hook)中使用 fetch - 在 return() 中显示加载程序

javascript - 如何遍历 JSON obj 的属性?

javascript - 从动态文本字段将数据插入到 mysql 中,并将数据插入到两个表中。

Ubuntu 网络摄像头 (Logitech C270) 上的 Opencv 错误捕获 -> HIGHGUI 错误 : V4L/V4L2: VIDIOC_S_CROP

windows - 网络摄像头,视频源对话框出现

node.js - 如何将 USB 网络摄像头中的视频流式传输到远程 HTML 页面

javascript - 更改在 HTML5 canvas 元素上绘制的图像的颜色

javascript - 使用键或索引方法从 Firebase 服务器删除数据