在浏览器上录制视频并上传到LAMP服务器

Question

我尝试了很多东西：Red5、jQuery Webcam、HTML5……但这些解决方案都没有录制视频并将其准备好上传到服务器。

有没有什么方法（HTML5、Flash或其他更好的跨浏览器解决方案），可以上传视频（+音频！）并将结果上传到服务器（我猜是通过AJAX）？

总结：

• jQueryWebcam（https://github.com/infusion/jQuery-webcam）：它有 Flash 视频，上传到服务器上的是图像而不是视频
• Eric Bidelman 的解决方案（http://ericbidelman.tumblr.com/post/31486670538/creating-webm-video-from-getusermedia):records用 HTML5 录制视频，并允许您下载（因此您可以上传到服务器），但没有声音！
• Red5（http://www.red5-recorder.com/services.php）：付费服务，在免费版本中不能上传 :(
• DMV（https://github.com/rwldrn/dmv）：只能拍照片……而且不跨浏览器

- FlamingMoe

Answer 1

我已经开发了视频录制解决方案超过5年，并为修复Red5中的视频录制错误做出了很大贡献。

目前有两种适用于网络上录制音频和视频的技术解决方案，其中一种适用于桌面，另一种适用于移动设备。

在桌面上，您需要一个嵌入网页的Flash应用程序，捕获访问者的网络摄像头和麦克风，对原始视频和音频数据进行编码，并将其作为流（通过rtmp）即时记录到媒体服务器中。

对于媒体服务器，您至少有3个选择：

1. Red5是免费且开源的（顺便说一下，在Red5中录制工作可以直接使用）； 2. Wowza （每月$65）； 3. Adobe Media Server Pro（$4500）。

媒体服务器通过流媒体/rtmp（而非http）接收数据，并根据客户端使用的编解码器，将其保存为mp4、flv或f4v文件。Flash客户端+媒体服务器录制过程自2002年Flash Player 6以来一直运作良好，但很可能会被名为MediaStream Recorder的HTML5替代方案所取代（任何浏览器尚未完全实现）。在移动设备上，您可以使用HTML Media Capture（在此处解释并附有截图）使用设备本地的视频录制应用程序和编解码器进行视频录制。HTML Media Capture在本地记录（在设备上），然后您上传（正常的HTTP上传过程）文件到Web服务器。一种商业解决方案是同时实现桌面上的Flash客户端+媒体服务器和移动设备上的HTML Media Capture，即HDFVR。

- octavn

Answer 2

你可以使用类似于通过JavaScript进行二进制下载的方法。

这里有一个例子

由于我对视频协议的信息不多，所以无法给出更好的答案。

- Aivar

Answer 3

你可以尝试使用RecordRTC库。它生成一个blob文件，可用于放置视频源，并且稍后可以将此文件上传到您的服务器。

RecordRTC库

该库是其他库的容器，例如Whammy用于视频，Recorderjs用于音频和jsGif用于gif。

您也可以使用Whammy库来录制视频： Whammy

- Italo Borges