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

Question

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

无论如何（HTML5，闪光，任何...更好的交叉解决方案，最好）上传视频（+音频！）并上传结果到服务器（我猜通过AJAX）？

综述：

• jQueryWebcam（https://github.com/infusion/jQuery-webcam）：它有Flash视频，上传到服务器的图像，而不是视频
• 埃里克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）：它只是捕捉照片...除了不跨浏览器

Answer 1

你可以使用类似二进制下载通过JavaScript的东西。

Here is one example

如您有关于视频协议没有太多的信息，我不能给你更好的回答

Answer 2

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

RecordRTC Library

这个库是其他库的容器一样的Whammy视频，Recorderjs音频和jsGif于GIF。

可以使用的Whammy库录制视频太： Whammy

Answer 3

我已经开发了视频录制解决方案为过去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媒体捕捉记录在本地（在设备上），然后你上传（正常HTTP上传过程）该文件到网络服务器。

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