在rails 4中使用网络摄像头录制视频

Question

我们正在开发一个网站,您可以在其中上传有关教程的视频,它看起来像某个机构的视频存储库.我们想出了一个用户可以将视频直接录制到网站并上传标题,说明等内容的想法.我们将在rails框架上使用ruby.除了使用闪光灯和银光之外,有谁知道如何制作它？好吧,我搜索一些,发现一些,但案例是当用户停止录制时,它自动上传文件...用户可以放一些标题或描述等..而这个例子是在php,这就是为什么它对我来说是一个问题我怎么能在铁轨上做到这一点

提前致谢

Answer 1

如果HTML5解决方案适合您,您可以查看WebRTC(目前在Chrome,Firefox和Opera中受支持).

你可以在这里找到一个很好的教程:http://www.html5rocks.com/en/tutorials/getusermedia/intro/

第一次搜索webcam plugin:http://www.xarg.org/project/jquery-webcam-plugin/因为它使用JavaScript很容易包含在Rails中.

许多其他人出现在结果中......

另一种选择是使用Nimbb widget.有很多教程展示了如何将它嵌入到网站中.

有网络摄像头的JQuery插件列表..最佳前十名列出如下:

1. ScriptCam:用于操纵网络摄像头的jQuery插件

ScriptCam是一个流行的JQuery插件来操纵网络摄像头.拍摄快照,检测移动,颜色,QR和条形码,记录视频片段并组织视频聊天.

2. Xarg jQuery网络摄像头插件

jQuery网络摄像头插件是一个透明层,可以直接在JavaScript中与摄像头通信.这个插件提供了三种不同的模式,可以通过一个小的API直接使用JavaScript - 或者更确切地说是jQuery来访问网络摄像头.因此,可以将图像置于Canvas(回调模式),将图像存储在服务器上(保存模式),并在Canvas(流模式)上流式传输Flash元素的实时图像.

3. jQuery.WebcamQRCode:jQuery中的QR码扫描

WebcamQRCode是一个jQuery插件,它使用网络摄像头用户扫描QR码并将结果返回给Javascript进行处理.此插件最初是为扫描产品的条形码而开发的,并自动填写内部网形式的相应信息.此插件使用Flash访问网络摄像头.

4. Photobooth-js:jQuery Html5插件,可通过网络摄像头拍照

Photobooth-js是一个jQuery插件加上一个html5小部件,允许用户在你的网站上拍摄他们的头像.这个jquery插件在所有支持navigator.getUserMedia的浏览器中都受支持.

5. 使用PHP,jQuery和CSS3的Photobooth

在本教程中,我们将构建一个jQuery和PHP驱动的photobooth.它将允许您的网站访问者使用他们的网络摄像头拍摄快照,并从一个简洁的CSS3界面上传.我们将用于此应用程序的解决方案是webcam.js.它是围绕flash API的JavaScript包装器,可以让我们控制用户的网络摄像头.

6. Mackers jQuery Webcam插件

插件,允许jQuery从用户的网络摄像头或其他视频捕获设备读取数据.

7. headtrackr:通过网络摄像头进行头部追踪的Javascript库

headtrackr是一个用于实时人脸跟踪和头部跟踪的javascript库,通过网络摄像头和webRTC/getUserMedia标准跟踪用户头部相对于计算机屏幕的位置.

8. tracking.js:相机的实时跟踪技术

tracking.js通过来自对象跟踪,颜色标记等的自然交互,通过简单直观的API开发界面和游戏,从而为网络元素提供由相机捕获的真实场景的跟踪技术.

9. 使用基于Webcam的手势识别Reveal.js

这就是我将基于网络摄像头的手势识别与Hakim El Hattab的reveal.js结合起来的结果.我花了一段时间来编写和微调检测算法.即便如此,算法的准确率仅为80%左右.

10. Say Chees:用于集成网络摄像头的JavaScript库

用于将网络摄像头快照集成到应用程序中的最小库.它使用getUserMedia,这是一种用于在浏览器中访问音频和视频的最新API.

如果我的答案在某种程度上或某个地方满足了您的要求,那么我很感激,如果你向上投票这个答案 ...... :);)