fix(liveness): increase max frame rate and bitrate (#6437)

* fix(liveness): increase max frame rate and bitrate

* Create large-chefs-agree.md

* move bps to constant

Author: tiffanynwyeung

.changeset/large-chefs-agree.md

@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react-liveness": patch
+---
+
+fix(liveness): increase max frame rate and bitrate

packages/react-liveness/src/components/FaceLivenessDetector/service/utils/videoRecorder.ts

@@ -1,5 +1,7 @@
 import { isAndroidChromeWithBrokenH264 } from '../../utils/device';
 
+// Equivalent to 2 Kbps - needed for maintaining video quality at 60 FPS
+const BITS_PER_SECOND = 2000000;
 // Only to be used with Chrome for the Android Chrome H264 Bug - https://issues.chromium.org/issues/343199623
 const ALTERNATE_CHROME_MIME_TYPE = 'video/x-matroska;codecs=vp8';
 
@@ -30,7 +32,7 @@ export class VideoRecorder {
     this._stream = stream;
     this._chunks = [];
     this._recorder = new MediaRecorder(stream, {
-      bitsPerSecond: 1000000,
+      bitsPerSecond: BITS_PER_SECOND,
       mimeType: isAndroidChromeWithBrokenH264()
         ? ALTERNATE_CHROME_MIME_TYPE
         : undefined,

packages/react-liveness/src/components/FaceLivenessDetector/utils/helpers.ts

@@ -7,6 +7,6 @@ export const STATIC_VIDEO_CONSTRAINTS: MediaTrackConstraints = {
     min: 240,
     ideal: 480,
   },
-  frameRate: { min: 15, ideal: 30, max: 30 },
+  frameRate: { min: 15, ideal: 30, max: 60 },
   facingMode: 'user',
 };