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

我已经尝试了很多东西:red5,jquery网络摄像头,html5 ……但这些解决方案都没有记录video并准备上传到服务器。

无论如何(html5,flash,无论……更好的跨浏览解决方案,最好的)上传video(+音频!)并将结果上传到服务器(我想通过AJAX)?

总结:

  • jQueryWebcam( https://github.com/infusion/jQuery-webcam ):它有flashvideo,上传到服务器镜像,而不是video
  • Eric Bidelman的解决方案( http://ericbidelman.tumblr.com/post/31486670538/creating-webm-video-from-getusermedia):records video in html5并允许你下载(所以你可以上传到服务器),但没有音频!
  • Red5( http://www.red5-recorder.com/services.php ):付费服务,不上传免费版:(
  • DMV( https://github.com/rwldrn/dmv ):它只是拍摄一张照片…除了不跨浏览器

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

这是一个例子

由于你没有太多关于video协议的信息,我无法给你更好的答案

你可以试试这个图书馆,RecordRTC。 它生成一个blob文件放入video源,您可以稍后将此文件上传到您的服务器。

RecordRTC图书馆

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

您也可以使用Whammy库录制video: Whammy

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

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

在桌面上,您需要一个嵌入在网页中的Flash应用程序,捕获访客网络摄像头和麦克风,对原始video和音频数据进行编码,并在记录时 (通过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( 在此处通过屏幕截图解释 )使用设备的原生video录制应用和编解码器录制video。 HTML Media Capture在本地(在设备上)记录,然后将文件上传(正常的HTTP上载过程)到Web服务器。

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