mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-28 20:40:06 +00:00
* 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> |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
@uppy/webcam
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.