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

Question

我已经尝试了很多东西：red5，jquery网络摄像头，html5 ......但是这些解决方案都没有录制视频并准备上传到服务器。

无论如何（html5，flash，无论......更好的跨浏览解决方案，最好的）上传视频（+音频！）并将结果上传到服务器（我想通过AJAX）？

概述：

• jQueryWebcam（https://github.com/infusion/jQuery-webcam）：它有Flash视频，上传到服务器图片，而不是视频
• Eric Bidelman的解决方案（html5中的http://ericbidelman.tumblr.com/post/31486670538/creating-webm-video-from-getusermedia):records视频，允许您下载（这样您就可以上传） 到服务器），但没有音频！
• Red5（http://www.red5-recorder.com/services.php）：付费服务，不是 上传免费版:(
• DMV（https://github.com/rwldrn/dmv）：它只是拍摄一张照片......除了不是跨浏览器

Answer 1

我在过去5年的大部分时间里都开发了视频录制解决方案，并为修复Red5中的视频录制错误做出了很多贡献。

目前有2种生产就绪的技术解决方案，用于在网络上录制音频和视频。一个用于桌面，一个用于移动。

在桌面上，您需要一个嵌入网页的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媒体捕获（explained here with screenshots）使用设备的原生视频录制应用和编解码器录制视频。 HTML Media Capture在本地（在设备上）记录，然后将文件上传（正常的HTTP上载过程）到Web服务器。

实现这两者的商业解决方案（桌面上的Flash客户端+媒体服务器和移动设备上的HTML媒体捕获）是HDFVR。

Answer 2

您可以通过javascript使用二进制下载等内容。

Here is one example

由于您没有太多关于视频协议的信息，我无法给您更好的答案

Answer 3

你可以尝试这个库，RecordRTC。它会生成一个blob文件以放入视频源，您可以稍后将此文件上传到您的服务器。

RecordRTC Library

这个库是其他库的容器，例如Whammy for video，Recorderjs for audio和jsGif for gifs。

您也可以将Whammy库用于录制视频： Whammy