Merge pull request #34772 from Englund0110/master

Updated types for react-webcam

types/react-webcam/index.d.ts

@@ -1,8 +1,9 @@
-// Type definitions for react-webcam 0.3
+// Type definitions for react-webcam 1.1
 // Project: https://github.com/mozmorris/react-webcam
 // Definitions by: Lucas Servén Marín <https://github.com/squat>
+//                 Søren Englund <https://github.com/englund92>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.8
+// TypeScript Version: 3.4
 
 import * as React from 'react';
 
@@ -20,15 +21,19 @@ declare class Webcam extends React.Component<Webcam.WebcamProps, Webcam.WebcamSt
 declare namespace Webcam {
     interface WebcamProps {
         audio?: boolean;
-        muted?: boolean;
+        onUserMedia?(): void;
+        onUserMediaError?(): void;
         height?: number|string;
         width?: number|string;
         screenshotFormat?: 'image/jpeg' | 'image/png' | 'image/webp';
         style?: React.CSSProperties;
         className?: string;
-        audioSource?: string;
-        videoSource?: string;
-        onUserMedia?(): void;
+        screenshotQuality?: number;
+        minScreenshotWidth?: number;
+        minScreenshotHeight?: number;
+        audioConstraints?: MediaStreamConstraints["audio"];
+        videoConstraints?: MediaStreamConstraints["video"];
+        imageSmoothing?: boolean;
     }
 
     interface WebcamState {

types/react-webcam/react-webcam-tests.tsx

@@ -13,6 +13,12 @@ export class ReactWebcamTest extends React.Component {
     }
 
     render() {
+        const videoConstraints = {
+            width: 1280,
+            height: 720,
+            facingMode: "user"
+        };
+
         return (
             <div>
                 <Webcam
@@ -21,6 +27,7 @@ export class ReactWebcamTest extends React.Component {
                     ref={this.setRef}
                     screenshotFormat="image/jpeg"
                     width={350}
+                    videoConstraints={videoConstraints}
                 />
                 <button onClick={this.capture}>Capture photo</button>
             </div>