fix: video is not muted in constraints (#156)

fbaiodias · Apr 10, 2022 · 7db323d · 7db323d · vercel · Apr 10, 2022
1 parent 52bf3cf
commit 7db323d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -47,6 +47,7 @@
   },
   "dependencies": {
     "fix-webm-duration": "^1.0.4",
+    "lodash.clonedeep": "^4.5.0",
     "react-svg-inline": "^2.1.0"
   },
   "devDependencies": {

diff --git a/src/video-recorder.js b/src/video-recorder.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
+import cloneDeep from 'lodash.clonedeep'
 import styled, { css } from 'styled-components'
 import fixWebmDuration from 'fix-webm-duration'
 
@@ -254,14 +255,16 @@ export default class VideoRecorder extends Component {
           video: true
         }
 
-        const currentConstraints = {
-          ...this.props.constraints,
-          video: {
-            deviceId: {
-              exact: currentDeviceId
+        const currentConstraints = cloneDeep(
+          {
+            video: {
+              deviceId: {
+                exact: currentDeviceId
+              }
             }
-          }
-        }
+          },
+          this.props.constraints
+        )
 
         navigator.mediaDevices
           .getUserMedia(currentConstraints)