getUserMedia

  •        53

getUserMedia.js is a cross-browser shim for the getUserMedia() API (a part of WebRTC) that supports accessing a local camera device from inside the browser. Where WebRTC support is detected, it will use the browser's native getUserMedia() implementation, otherwise a Flash fallback will be loaded instead. In previous versions, we created a getUserMedia() instance to check for feature support, then created a separate instance for usage. This caused permissions to use a device to be requested twice. In 1.x, we simply re-use the original instance so we require minimal action from the user.

https://github.com/addyosmani/getUserMedia.js

Dependencies:

grunt-contrib-concat : ~0.5.0
grunt-contrib-uglify : ~0.5.1
grunt-contrib-jshint : ~0.10.0
grunt-contrib-watch : ~0.6.1
grunt-contrib-connect : ~0.8.0

Tags
Implementation
License
Platform

   




Related Projects

headtrackr - Javascript library for headtracking via webcam and WebRTC/getUserMedia

  •    Javascript

headtrackr is a javascript library for real-time face tracking and head tracking, tracking the position of a users head in relation to the computer screen, via a web camera and the webRTC/getUserMedia standard. For a demonstration see this video or try out some of the examples with a laptop that has a camera and a browser that has camera webRTC/getUserMedia support. For an overview of browsers supporting the getUserMedia standard see http://caniuse.com/stream.

webcamjs - HTML5 Webcam Image Capture Library with Flash Fallback

  •    ActionScript

Hey everyone! WebcamJS v1.x is going into maintenance mode as of Feb 11, 2017. That means I will only be able to fix critical bugs from here on in. I will not be adding any new features, or accepting any new PRs into this version. I am working on an all-new WebcamJS v2.0 implementation, which will feature real-time canvas effects, and plugin drivers for mobile support. See DOCS.md for the v1.x documentation.

camvas - HTML5 webcam to canvas stream

  •    Javascript

A simple HTML5 library to stream a webcam video to a <canvas> object. Uses WebRTC (getUserMedia), Canvas and HTML5 Video.

react-webcam - Webcam component

  •    Javascript

Webcam component for React. See this for browser compatibility. Many thanks to @cezary for his work on this component.

gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images

  •    Javascript

JavaScript library that can create animated gifs from video streams (e.g. webcam), existing videos (e.g. mp4), or existing images


face-detection - Face Detection in JavaScript with getUserMedia

  •    Javascript

Face Detection in JavaScript with getUserMedia

quaggaJS - An advanced barcode-scanner written in JavaScript

  •    Javascript

QuaggaJS is a barcode-scanner entirely written in JavaScript supporting real- time localization and decoding of various types of barcodes such as EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 and CODABAR. The library is also capable of using getUserMedia to get direct access to the user's camera stream. Although the code relies on heavy image-processing even recent smartphones are capable of locating and decoding barcodes in real-time. Try some examples and check out the blog post (How barcode-localization works in QuaggaJS) if you want to dive deeper into this topic.

WebcamSwiper - An experiment to control a photo carousel using getUserMedia to watch for swipes left and right with a hand

  •    Javascript

An experiment/hack using getUserMedia to watch for swipes left and right with a hand. This could be applied to many different uses. Flipping through pictures in an image carousel, moving to the next item in a list, flipping pages of a book or magazine, etc. Two custom events are added to the body tag by the library. You need to bind callbacks to these events and initialize the library. If desired you can stop the library with the destroy method as well.

XSockets.WebRTC.Prototype

  •    Javascript

This example project of XSockets.NET WebRTC Support using WebSockets, PeerConnection, getUserMedia and more is built to show you how we can put together powerfull Realtime audio/video chats just using the browser.

videojs-record - video.js plugin for recording audio/video/image files.

  •    Javascript

Video.js plugin for recording audio/video/image files. Use npm (npm install videojs-record) to install the plugin or download the library and dependencies elsewhere. If you want to try the examples, check these instructions below.

p5 - JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing

  •    Javascript

p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web.Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you're not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

getUserMedia.js

  •    Javascript

Shim for getUserMedia() - WebRTC for Chrome stable, Opera 12, Firefox nightlies - Flash fallback for everyone else.

rtc-everywhere - Cross-everything WebRTC mega-project

  •    Javascript

Sick of the incompatible mess of vendor prefixes, adapters, plugins, extensions, and native modules? rtc-everywhere aims to provide a spec-compliant WebRTC implementation in as many environments as possible. Similar to the specification, but slightly adjusted to have an easier API.

Windows CE Webcam Project

  •    

This project covers a Windows CE USB video spec webcam driver that supports Windows CE 4.2, 5.0, and 6.0.

Onuprova 3D Camera

  •    

'Red Cyan 3D camera' uses two webcams to capture 3D image and video. Place the two camera about 4" appart and plug them in to the USB. Turn on the software and capture. Its that easy. You will require a red cyan 3d glass to watch the images or videos.

WebCam Library for WinForm and WPF with C# and VB.NET

  •    CSharp

Developer can add one line of code for display video from webcam and capture image from webcam. It provide dialog for resolution setting and advance setting (Flip,Rotate, Brightness etc.) by adding one line of code.

jeelizWeboji - JavaScript/WebGL real-time face tracking and expression detection library

  •    Javascript

With this library, you can build your own animoji embedded in Javascript/WebGL applications. You do not need any specific device except a standard webcam. By default a webcam feedback image is displayed with the face detection frame. The face detection is quite robust to all lighting conditions, but the evaluation of expression can be noisy if the lighting is too directional, too weak or if there is an important backlight. So the webcam feedback image is useful to see the quality of the input video feed.

ascii-camera - Real-time ASCII representation of your webcam video stream

  •    Javascript

Real-time ASCII representation of your webcam video stream

object-tracker - Object Tracker written in Python using dlib and OpenCV

  •    Python

Tracking can either be done using a live video from a webcam or using a video file. For example, on most systems device id 0 is the webcam attached.

Shotcut - Cross-Platform Video Editor

  •    C++

Shotcut is a free, open source, cross-platform video editor. It supports many video formats. It does screen capture, webcam capture, audit capture in Linux. It supports frei0r video generator plugins, create, play, edit, save, load, encode, and stream MLT XML playlists, video filters: Blur, Color Grading, Crop, Glow, Mirror, Saturation, Sharpen and lot more.