HTML5视频录制和自动上传服务器上的视频

Question

我正在尝试为学生开发一个测试网站。在本网站中，学生应该能够一次性使用网络摄像头回答问题（以文本格式显示）。目前我已经使用Flash实现了这个功能，它捕获帧并同时将其发送到服务器。这种技术的问题是我的视频的质量（FPS）受到限制，并且取决于互联网连接的带宽。另外，我不赞成使用闪光灯。

我想，只要学生点击开始按钮，计时器就应该开始录制视频。视频应保存在客户端的计算机上（无需要求客户端提及路径），视频完成后，应自动上传到服务器上，当上传完成后，视频应自动从客户端的计算机上删除。

总之，任何人都可以给我一个起点，以便我可以继续工作。任何helo都将受到高度赞赏。谢谢！

Answer 1

以下是如何让网络摄像头在html5上运行的一个很好的例子：

http://blog.teamtreehouse.com/accessing-the-device-camera-with-getusermedia

它没有说明如何将视频上传到服务器。

Answer 2

  

目前我已经使用Flash实现了此功能，它捕获帧并同时将其发送到服务器。这种技术的问题是我的视频的质量（FPS）受到限制，并且取决于互联网连接的带宽。

这实际上是不正确的。

您获得的fps取决于100％：

1. 网络摄像头质量
2. 房间里可用的灯光（越亮越好）
3. 您正在录制的分辨率（较低的分辨率会导致较高的fps，即使在低光照条件下使用低质量的网络摄像头）

  

视频应保存在客户端的计算机上（不要求客户提及路径），视频完成后，应自动上传到服务器上，上传完成后，视频应自动从客户的机器。

通过将音频/视频数据流式传输（通过rtmp）到媒体服务器（Red5，AMS，Wowza）来

Flash 记录。录制停止后，您可以将文件移动到Web服务器并触发http下载。

在 HTML 方面，Media Recording API已由Firefox和Chrome 49实施，它允许您录制到本地RAM并将文件下载为.webm（音频）视频编解码器可能与btwn浏览器不同。）

免责声明：我在Pipe处理视频录制。