video show and hide captured with WebRtc and ReactJs in iphone web browser

Question

I am developing a very simple web app in NodeJS, ReactJs and WebRtc. It does capture a video using webrtc APIs for 90 seconds and shows the recorded video to user.

My concern is it does capture fine in android and desktop but it fluctuate in iphone browser, I am trying from 2 days but still I have no clue, most probably issue is in react code but note sure. Any help will be appreciated. Here is my web app https://64.227.8.43/guest (please enter any name and email also it has limit to 2 times video capturing from one accounts)

Here is my ReactJs code for /video page URL https://github.com/ganesh-swami/webrtc/blob/main/vid.js

Sorry for my bad explanation, I am willing to provide more explanation /details if needed

question from:https://stackoverflow.com/questions/65902495/video-show-and-hide-captured-with-webrtc-and-reactjs-in-iphone-web-browser

Answer 1

Waitting for answers