uppy/packages/@uppy/webcam
Renée Kooi ef5ba9c8fc
webcam: add video source selector (#2492)
* webcam: add showVideoSourceDropdown

* webcam: update video device list when adding/removing a video device

* webcam: cleaner changes

* delete extraneous file

* webcam: store sources data in state

* webcam: regather sources after getting access

* webcam: put the source selector next to the buttons

* webcam: put the video source selection on its own row in mobile view

* website: show webcam video source dropdown

* enable webcam features in dev example

* facingMode takes precedence over deviceId, and not needed when specific device is selected

fixes issue where on mobile (iOS) the device selection was ignored due to facingMode being set to 'user'

* Remove “video source” copy, style select, deal with iOS zoom-in issue

Co-authored-by: Tsy-Jon Lau <tlau@parsys.com>
Co-authored-by: Artur Paikin <artur@arturpaikin.com>
2020-10-18 12:21:59 +01:00
..
src webcam: add video source selector (#2492) 2020-10-18 12:21:59 +01:00
types webcam: add video source selector (#2492) 2020-10-18 12:21:59 +01:00
LICENSE Move Webcam to @uppy/webcam. 2018-06-14 16:31:19 +02:00
package.json Release 2020-09-07 12:40:44 +01:00
README.md Remove the --save flag (#2503) 2020-09-04 14:32:21 +02:00

@uppy/webcam

Uppy logo: a superman puppy in a pink suit

Build Status

The Webcam plugin for Uppy lets you take photos and record videos with a built-in camera on desktop and mobile devices.

Uppy is being developed by the folks at Transloadit, a versatile file encoding service.

Example

const Uppy = require('@uppy/core')
const Webcam = require('@uppy/webcam')

const uppy = new Uppy()
uppy.use(Webcam, {
  mirror: true,
  facingMode: 'user',
  showRecordingLength: true
})

Installation

$ npm install @uppy/webcam

We recommend installing from npm and then using a module bundler such as Webpack, Browserify or Rollup.js.

Alternatively, you can also use this plugin in a pre-built bundle from Transloadit's CDN: Edgly. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.

Documentation

Documentation for this plugin can be found on the Uppy website.

License

The MIT License.