Fix 6321

src/Common/hooks/useHLSPlayer.ts

@@ -1,13 +1,25 @@
 import ReactPlayer from "react-player";
 import { IOptions } from "./useMSEplayer";
 
-export const useHLSPLayer = (ref: ReactPlayer | null) => {
+export const useHLSPLayer = (ref: any) => {
   const startStream = ({ onSuccess, onError }: IOptions = {}) => {
+    const videoEle = ref.player.player.player;
+
     try {
-      ref?.setState({ url: ref?.props.url + "&t=" + Date.now() });
-      onSuccess && onSuccess(undefined);
+      const player = ref as ReactPlayer;
+
+      videoEle.addEventListener("playing", onSuccess);
+      videoEle.addEventListener("error", onError);
+
+      player.seekTo(player.getDuration());
     } catch (err) {
       onError && onError(err);
+    } finally {
+      // eslint-disable-next-line no-unsafe-finally
+      return () => {
+        videoEle.removeEventListener("playing", onSuccess);
+        videoEle.removeEventListener("error", onError);
+      };
     }
   };
   return {

src/Components/Facility/Consultations/Feed.tsx

@@ -93,7 +93,7 @@ export const Feed: React.FC<IFeedProps> = ({ consultationId, facilityId }) => {
     return () => clearTimeout(timeout);
   }, [cameraState]);
 
-  const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+  const isIOS = true; ///iPad|iPhone|iPod/.test(navigator.userAgent);
 
   const liveFeedPlayerRef = useRef<HTMLVideoElement | ReactPlayer | null>(null);
 
@@ -465,7 +465,7 @@ export const Feed: React.FC<IFeedProps> = ({ consultationId, facilityId }) => {
         {isIOS ? (
           <ReactPlayer
             url={url}
-            ref={liveFeedPlayerRef.current as any}
+            ref={liveFeedPlayerRef as any}
             controls={false}
             playsinline={true}
             playing={true}