react-video-recorder icon indicating copy to clipboard operation
react-video-recorder copied to clipboard

if isFlipped is true, upon switching camera to back of phone camera the video is inverted

Open STU-DESIGNER opened this issue 3 years ago • 1 comments

STU-DESIGNER avatar Jan 14 '22 18:01 STU-DESIGNER

I have fixed this using Render Actions... under if (r.isCameraOn && r.streamIsReady) { let switchbtn = document.getElementsByClassName('switch-camera-view__SVGWrapper-sc-13l3hbu-0')[0]; switchbtn.addEventListener('click', handleSwitchBtnClick); ... }

const handleSwitchBtnClick = (e) => { e.preventDefault(); let videoscreen = document.getElementsByClassName('video-recorder__Video-sc-7k20rv-2')[0]; if(videoscreen.style.transform === 'translate(-50%, -50%) scaleX(1)') videoscreen.style.transform = "translate(-50%, -50%) scaleX(-1)"; else videoscreen.style.transform = "translate(-50%, -50%) scaleX(1)"

  let switchbtn = document.getElementsByClassName('switch-camera-view__SVGWrapper-sc-13l3hbu-0')[0];
  switchbtn.removeEventListener('click', handleSwitchBtnClick, true)

};

STU-DESIGNER avatar Jan 29 '22 22:01 STU-DESIGNER