【问题标题】:HTML5 Video recording and automatically uploading video on serverHTML5视频录制并自动上传视频到服务器
【发布时间】:2013-04-03 06:12:11
【问题描述】:

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

我希望一旦学生单击开始按钮,计时器就会开始录制视频。视频应该保存在客户端的机器上(不要求客户端提及路径),视频完成后,它应该自动上传到服务器上,上传完成后,视频应该自动从客户端的机器上删除。

总之谁能给我一个起点,以便我可以继续工作。任何直升机将不胜感激。谢谢!

【问题讨论】:

    标签: html html5-video getusermedia


    【解决方案1】:

    这是一个很好的例子,如何让网络摄像头在 html5 上工作:

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

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

    【讨论】:

    • 这是一个了不起的例子!我可以流式传输视频,但是,我没有任何线索可以将其上传到服务器上。
    【解决方案2】:

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

    这实际上是不正确的。

    您获得的 fps 100% 取决于:

    1. 网络摄像头质量
    2. 房间内可用的光线(光线越多越好)
    3. 您正在录制的分辨率(即使在光线不足的情况下使用低质量网络摄像头,分辨率越低,fps 也越高)

    视频应该保存在客户端的机器上(不要求客户端提及路径),视频完成后,它应该自动上传到服务器上,当上传完成时,视频应该自动从客户的机器。

    Flash 通过流式传输(通过 rtmp)将音频/视频数据记录到媒体服务器(Red5、AMS、Wowza)。录制停止后,您可以将文件移动到 Web 服务器并触发 http 下载。

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

    免责声明:我在处理视频录制的 Pipe 工作。

    【讨论】:

      猜你喜欢
      • 2015-11-25
      • 2013-02-05
      • 2013-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-11
      相关资源
      最近更新 更多