ruby-on-rails-4 - 在 Rails 4 中使用网络摄像头录制视频

Question

我们正在开发一个网站，您可以在其中上传有关教程的视频，它看起来像是某个机构的视频存储库。我们想到了一个想法，用户可以将视频直接录制到网站并上传带有标题、描述等的视频。我们将使用 ruby​​ on rails 框架。除了使用闪光灯和 silverlight 之外，这里有人知道如何制作吗？ 好吧，我搜索了一些并找到了一些，但情况是当用户停止录制时它会自动上传文件......并且用户可以放置一些标题或描述等......这个例子是在 php 中，这就是为什么它对我来说是个问题还有我怎样才能在 rails 中做到这一点

提前致谢

Answer 1

如果 HTML5 解决方案适合您，您可以看看 WebRTC(目前支持 Chrome、Firefox 和 Opera)。

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

搜索网络摄像头插件的第一个结果:http://www.xarg.org/project/jquery-webcam-plugin/由于它使用 JavaScript，因此很容易包含在 Rails 中。

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

另一种选择是使用 Nimbb 小部件。有很多教程展示了如何将其嵌入到网站中。

有用于网络摄像头的JQuery 插件列表。下面列出了最佳前 10:

1. ScriptCam : jQuery plugin to manipulate Webcams

ScriptCam 是一个流行的 JQuery 插件，用于操作网络摄像头。拍摄快照、检测运动、颜色、QR 和条形码、录制视频剪辑和组织视频聊天。

2. Xarg jQuery webcam plugin

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

3. jQuery.WebcamQRCode : QR Code scanning in jQuery

WebcamQRCode 是一个 jQuery 插件，它使用网络摄像头用户扫描二维码并将结果返回给 Javascript 进行处理。本插件最初是为了扫描商品的条形码并自动填写内网表格中的相应信息而开发的。本插件使用Flash访问网络摄像头。

4. Photobooth-js : jQuery Html5 plugin to take pictures through webcam

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

5. Photobooth with PHP, jQuery and CSS3

在本教程中，我们将构建一个 jQuery 和 PHP 驱动的照相亭。它将允许您的网站访问者使用他们的网络摄像头拍摄快照并从简洁的 CSS3 界面上传它。我们将为这个应用程序使用的解决方案是 webcam.js。它是 Flash API 的 JavaScript 包装器，使我们能够控制用户的网络摄像头。

6. Mackers jQuery Webcam Plugin

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

7. headtrackr : Javascript library for headtracking via Webcam

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

8. tracking.js : Real Time tracking techniques by the Camera

tracking.js 通过对象跟踪、颜色标记等的自然交互，将摄像头捕获的真实场景的网络元素跟踪技术引入网络元素，从而允许通过简单直观的 API 开发界面和游戏。

9. Reveal.js with Webcam-based gesture recognition

这就是我将基于网络摄像头的手势识别与 Hakim El Hattab 的 reveal.js 相结合时得到的结果。我花了一些时间来编写和微调检测算法。即使那样，算法的准确率也只有 80% 左右。

10。 Say Chees : JavaScript library for integrating a webcam

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

如果我的回答以某种方式或某处满足了您的要求，那么如果您Up-Vote 这个回答...我将不胜感激:) ;)