react-video-recorder
react-video-recorder copied to clipboard
if isFlipped is true, upon switching camera to back of phone camera the video is inverted
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)
};