Uppy plugin that takes photos or records videos using the device's camera. 

murderlon

aduh95

mifi

tim-kos

@uppy/webcam

arturi

function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }

function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }

import getFileTypeExtension from '@uppy/utils/lib/getFileTypeExtension';

import mimeTypes from '@uppy/utils/lib/mimeTypes';

import canvasToBlob from '@uppy/utils/lib/canvasToBlob';

import supportsMediaRecorder from './supportsMediaRecorder.js';

import CameraIcon from "./CameraIcon.js";

import CameraScreen from "./CameraScreen.js";

import PermissionsScreen from "./PermissionsScreen.js";

 * Normalize a MIME type or file extension into a MIME type.

 * @param {string} fileType - MIME type or a file extension prefixed with `.`.

 * @returns {string|undefined} The MIME type or `undefined` if the fileType is an extension and is not known.

  return /^video\/[^*]+$/.test(mimeType);

  return /^image\/[^*]+$/.test(mimeType);

  // eslint-disable-next-line compat/compat

var _enableMirror = /*#__PURE__*/_classPrivateFieldLooseKey("enableMirror");

export default class Webcam extends UIPlugin {

    // enableMirror is used to toggle mirroring, for instance when discarding the video,

    // while `opts.mirror` is used to remember the initial user setting

    Object.defineProperty(this, _enableMirror, {

    this.mediaDevices = getMediaDevices();

    this.supportsUserMedia = !!this.mediaDevices;

    // eslint-disable-next-line no-restricted-globals

    this.protocol = location.protocol.match(/https/i) ? 'https' : 'http';

      d: "M23.5 9.5c1.417 0 2.5 1.083 2.5 2.5v9.167c0 1.416-1.083 2.5-2.5 2.5h-15c-1.417 0-2.5-1.084-2.5-2.5V12c0-1.417 1.083-2.5 2.5-2.5h2.917l1.416-2.167C13 7.167 13.25 7 13.5 7h5c.25 0 .5.167.667.333L20.583 9.5H23.5zM16 11.417a4.706 4.706 0 00-4.75 4.75 4.704 4.704 0 004.75 4.75 4.703 4.703 0 004.75-4.75c0-2.663-2.09-4.75-4.75-4.75zm0 7.825c-1.744 0-3.076-1.332-3.076-3.074 0-1.745 1.333-3.077 3.076-3.077 1.744 0 3.074 1.333 3.074 3.076s-1.33 3.075-3.074 3.075z",

      onBeforeSnapshot: () => Promise.resolve(),

      modes: ['video-audio', 'video-only', 'audio-only', 'picture'],

    this.title = this.i18n('pluginNameCamera');

    _classPrivateFieldLooseBase(this, _enableMirror)[_enableMirror] = this.opts.mirror;

  "description": "Uppy plugin that takes photos or records videos using the device's camera.",

    "url": "https://github.com/transloadit/uppy/issues"

    "url": "git+https://github.com/transloadit/uppy.git"

import { describe, expect, it } from '@jest/globals'

import { describe, expect, it } from 'vitest'

import formatSeconds from './formatSeconds.js'

  it('should return a value of \'0:43\' when an argument of 43 seconds is supplied', () => {

    expect(formatSeconds(43)).toEqual('0:43')

  it('should return a value of \'1:43\' when an argument of 103 seconds is supplied', () => {

    expect(formatSeconds(103)).toEqual('1:43')

/* eslint-disable max-classes-per-file, class-methods-use-this */

import supportsMediaRecorder from './supportsMediaRecorder.js'

describe('supportsMediaRecorder', () => {

  it('should return true if MediaRecorder is supported', () => {

    globalThis.MediaRecorder = class MediaRecorder {

    expect(supportsMediaRecorder()).toEqual(true)

  it('should return false if MediaRecorder is not supported', () => {

    expect(supportsMediaRecorder()).toEqual(false)

    globalThis.MediaRecorder = class MediaRecorder {}

  describe('_getMediaRecorderOptions', () => {

    it('should not have a mimeType set if no preferences given', () => {

      const uppy = new Uppy().use(Webcam)

        uppy.getPlugin('Webcam').getMediaRecorderOptions().mimeType,

    it('should use preferredVideoMimeType', () => {

        isTypeSupported: (ty) => ty === 'video/webm',

      const uppy = new Uppy().use(Webcam, { preferredVideoMimeType: 'video/webm' })

    it('should not use preferredVideoMimeType if it is not supported', () => {

      const uppy = new Uppy().use(Webcam, { preferredVideoMimeType: 'video/mp4' })

    it('should pick type based on `allowedFileTypes`', () => {

        restrictions: { allowedFileTypes: ['video/mp4', 'video/webm'] },

    it('should use first supported type from allowedFileTypes', () => {

    it('should prefer preferredVideoMimeType over allowedFileTypes', () => {

        .use(Webcam, { preferredVideoMimeType: 'video/webm' })

    it('should not use allowedFileTypes if they are unsupported', () => {

		@@ -16,3 +16,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
		const packageJson = {
		"version": "3.3.2"
		"version": "3.3.3"
		};
		@@ -19,0 +19,0 @@ import locale from './locale.js';

		{
		"name": "@uppy/webcam",
		"description": "Uppy plugin that takes photos or records videos using the device's camera.",
		"version": "3.3.2",
		"version": "3.3.3",
		"license": "MIT",
		@@ -30,3 +30,3 @@ "main": "lib/index.js",
		"dependencies": {
		"@uppy/utils": "^5.4.3",
		"@uppy/utils": "^5.5.1",
		"is-mobile": "^3.1.1",
		@@ -36,7 +36,7 @@ "preact": "^10.5.13"
		"devDependencies": {
		"@jest/globals": "^29.0.0"
		"vitest": "^0.34.5"
		},
		"peerDependencies": {
		"@uppy/core": "^3.4.0"
		"@uppy/core": "^3.5.1"
		}
		}

		@@ -1,2 +0,2 @@
		import { describe, expect, it } from '@jest/globals'
		import { describe, expect, it } from 'vitest'
		import Uppy from '@uppy/core'
		@@ -3,0 +3,0 @@ import Webcam from '../lib/index.js'

Worsened metrics

Dependency changes