@100mslive/react-native-room-kit 1.1.6 → 1.1.7

package/lib/module/components/HLSPlayerControls.js

@@ -1,64 +1,103 @@
 import React from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { useDispatch, useSelector } from 'react-redux';
-import {
-// CCIcon,
-CloseIcon, MaximizeIcon, MinimizeIcon } from '../Icons';
-import { ModalTypes } from '../utils/types';
-import { useModalType } from '../hooks-util';
-import { setHlsFullScreen } from '../redux/actions';
-export const _HLSPlayerControls = () => {
-  // const isHLSStreaming = useIsHLSStreamingOn();
-  // const isStreamUrlPresent = useSelector(
-  //   (state: RootState) =>
-  //     !!state.hmsStates.room?.hlsStreamingState.variants?.[0]?.hlsStreamUrl
-  // );
-  const dispatch = useDispatch();
-  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+import { View, StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { HLSGoLiveControl } from './HLSGoLiveControl';
+import { HLSSeekbar } from './HLSSeekbar';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { HLSCloseMeetingControl } from './HLSCloseMeetingControl';
+import { HLSClosedCaptionControl } from './HLSClosedCaptionControl';
+import { HLSFullScreenControl } from './HLSFullScreenControl';
+import { HLSDistanceFromLive } from './HLSDistanceFromLive';
+import { HLSPlayPauseControl } from './HLSPlayPauseControl';
+import { HLSSeekbackwardControl } from './HLSSeekbackwardControl';
+import { HLSSeekforwardControl } from './HLSSeekforwardControl';
+export const _HLSPlayerControls = ({
+  playerRef,
+  cancelCurrentControlAnimation,
+  hideControlsAfterDelay,
+  animatedValue,
+  resetHideControlAnimation
+}) => {
   const {
-    handleModalVisibleType
-  } = useModalType();
-  const handleCloseBtnPress = () => {
-    handleModalVisibleType(ModalTypes.LEAVE_ROOM);
-  };
-
-  // const handleCCBtnPress = () => {
-  //   //
-  // };
-
-  const toggleFullScreen = () => {
-    dispatch(setHlsFullScreen(!hlsFullScreen));
-  };
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    bottom: bottomSafeInset
+  } = useSafeAreaInsets();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const hideControlsStyles = useAnimatedStyle(() => ({
+    opacity: animatedValue.value
+  }), []);
+  const hideControlsProps = useAnimatedProps(() => ({
+    pointerEvents: animatedValue.value < 0.8 ? 'none' : 'auto'
+  }), []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      height: '100%'
+    }, styles.floatingContainer, hideControlsStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(HLSSeekbackwardControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/React.createElement(HLSPlayPauseControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/React.createElement(HLSSeekforwardControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }))), /*#__PURE__*/React.createElement(Animated.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      top: 0
+    }, styles.floatingContainer, hideControlsStyles]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.controlsRow
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: handleCloseBtnPress,
-    style: styles.icon
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
-    size: "medium"
-  }))), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(HLSCloseMeetingControl, {
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.normalRow, styles.gap]
+  }, /*#__PURE__*/React.createElement(HLSClosedCaptionControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  })))), /*#__PURE__*/React.createElement(Animated.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      bottom: isLandscapeOrientation ? bottomSafeInset : 0
+    }, styles.floatingContainer, hideControlsStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: isLandscapeOrientation || hlsFullScreen ? 'column-reverse' : 'column'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.controlsRow
-  }, /*#__PURE__*/React.createElement(View, null), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.normalRow
+  }, /*#__PURE__*/React.createElement(HLSGoLiveControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/React.createElement(HLSDistanceFromLive, null)), /*#__PURE__*/React.createElement(View, {
     style: [styles.normalRow, styles.gap]
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: toggleFullScreen,
-    style: styles.icon
-  }, hlsFullScreen ? /*#__PURE__*/React.createElement(MinimizeIcon, {
-    size: "medium"
-  }) : /*#__PURE__*/React.createElement(MaximizeIcon, {
-    size: "medium"
-  })))));
+  }, /*#__PURE__*/React.createElement(HLSFullScreenControl, {
+    onPress: resetHideControlAnimation
+  }))), /*#__PURE__*/React.createElement(HLSSeekbar, {
+    playerRef: playerRef,
+    onStart: cancelCurrentControlAnimation,
+    onEnd: hideControlsAfterDelay
+  }))));
 };
 export const HLSPlayerControls = /*#__PURE__*/React.memo(_HLSPlayerControls);
 const styles = StyleSheet.create({
-  container: {
+  floatingContainer: {
     position: 'absolute',
     width: '100%',
-    height: '100%',
-    zIndex: 5,
-    justifyContent: 'space-between'
+    zIndex: 5
   },
   controlsRow: {
     flexDirection: 'row',

package/lib/module/components/HLSPlayerControls.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","useDispatch","useSelector","CloseIcon","MaximizeIcon","MinimizeIcon","ModalTypes","useModalType","setHlsFullScreen","_HLSPlayerControls","dispatch","hlsFullScreen","state","app","handleModalVisibleType","handleCloseBtnPress","LEAVE_ROOM","toggleFullScreen","createElement","style","styles","container","controlsRow","onPress","icon","size","normalRow","gap","HLSPlayerControls","memo","create","position","width","height","zIndex","justifyContent","flexDirection","alignItems","marginHorizontal","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSPlayerControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD;AACE;AACAC,SAAS,EACTC,YAAY,EACZC,YAAY,QACP,UAAU;AACjB,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAE5C,SAASC,gBAAgB,QAAQ,kBAAkB;AAEnD,OAAO,MAAMC,kBAA4B,GAAGA,CAAA,KAAM;EAChD;EACA;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,aAAa,GAAGT,WAAW,CAC9BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,aAClC,CAAC;EACD,MAAM;IAAEG;EAAuB,CAAC,GAAGP,YAAY,CAAC,CAAC;EAEjD,MAAMQ,mBAAmB,GAAGA,CAAA,KAAM;IAChCD,sBAAsB,CAACR,UAAU,CAACU,UAAU,CAAC;EAC/C,CAAC;;EAED;EACA;EACA;;EAEA,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7BP,QAAQ,CAACF,gBAAgB,CAAC,CAACG,aAAa,CAAC,CAAC;EAC5C,CAAC;EAED,oBACEd,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BxB,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACE;EAAY,gBAC9BzB,KAAA,CAAAqB,aAAA,CAAClB,gBAAgB;IAACuB,OAAO,EAAER,mBAAoB;IAACI,KAAK,EAAEC,MAAM,CAACI;EAAK,gBACjE3B,KAAA,CAAAqB,aAAA,CAACf,SAAS;IAACsB,IAAI,EAAC;EAAQ,CAAE,CACV,CAUd,CAAC,eAEP5B,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEC,MAAM,CAACE;EAAY,gBAC9BzB,KAAA,CAAAqB,aAAA,CAACpB,IAAI,MAAE,CAAC,eAERD,KAAA,CAAAqB,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAE,CAACC,MAAM,CAACM,SAAS,EAAEN,MAAM,CAACO,GAAG;EAAE,gBAC1C9B,KAAA,CAAAqB,aAAA,CAAClB,gBAAgB;IAACuB,OAAO,EAAEN,gBAAiB;IAACE,KAAK,EAAEC,MAAM,CAACI;EAAK,GAC7Db,aAAa,gBACZd,KAAA,CAAAqB,aAAA,CAACb,YAAY;IAACoB,IAAI,EAAC;EAAQ,CAAE,CAAC,gBAE9B5B,KAAA,CAAAqB,aAAA,CAACd,YAAY;IAACqB,IAAI,EAAC;EAAQ,CAAE,CAEf,CACd,CACF,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMG,iBAAiB,gBAAG/B,KAAK,CAACgC,IAAI,CAACpB,kBAAkB,CAAC;AAE/D,MAAMW,MAAM,GAAGrB,UAAU,CAAC+B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,MAAM,EAAE,CAAC;IACTC,cAAc,EAAE;EAClB,CAAC;EACDb,WAAW,EAAE;IACXc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBF,cAAc,EAAE,eAAe;IAC/BG,gBAAgB,EAAE;EACpB,CAAC;EACDZ,SAAS,EAAE;IACTU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDb,IAAI,EAAE;IACJe,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDb,GAAG,EAAE;IACHc,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","useSelector","Animated","useAnimatedProps","useAnimatedStyle","useSafeAreaInsets","HLSGoLiveControl","HLSSeekbar","useIsLandscapeOrientation","HLSCloseMeetingControl","HLSClosedCaptionControl","HLSFullScreenControl","HLSDistanceFromLive","HLSPlayPauseControl","HLSSeekbackwardControl","HLSSeekforwardControl","_HLSPlayerControls","playerRef","cancelCurrentControlAnimation","hideControlsAfterDelay","animatedValue","resetHideControlAnimation","bottom","bottomSafeInset","isLandscapeOrientation","hlsFullScreen","state","app","hideControlsStyles","opacity","value","hideControlsProps","pointerEvents","createElement","Fragment","animatedProps","style","height","styles","floatingContainer","flex","flexDirection","alignItems","justifyContent","onPress","top","controlsRow","normalRow","gap","onStart","onEnd","HLSPlayerControls","memo","create","position","width","zIndex","marginHorizontal","icon","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSSeekbackwardControl.js

@@ -0,0 +1,59 @@
+import { HMSHLSPlaylistType } from '@100mslive/react-native-hms';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+import { SeekArrowIcon } from '../Icons';
+import Animated, { Easing, cancelAnimation, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+const _HLSSeekbackwardControl = ({
+  playerRef,
+  onPress
+}) => {
+  const animatedValue = useSharedValue(0);
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isDVRStream = useSelector(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
+  });
+  const handdleSeekBackward = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekBackward(10);
+  };
+  const tapGestureHandler = React.useMemo(() => {
+    return Gesture.Tap().onStart(() => {
+      cancelAnimation(animatedValue);
+      animatedValue.value = withTiming(1, {
+        duration: 200,
+        easing: Easing.ease
+      }, finished => {
+        if (finished) {
+          animatedValue.value = withTiming(0, {
+            duration: 100,
+            easing: Easing.ease
+          });
+        }
+      });
+      runOnJS(handdleSeekBackward)();
+    });
+  }, []);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(animatedValue.value, [0, 1], [1, 0.8]),
+    transform: [{
+      rotateZ: `${interpolate(animatedValue.value, [0, 1], [0, -17])} deg`
+    }]
+  }), []);
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGestureHandler
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    collapsable: false,
+    style: [{
+      marginRight: 24
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(SeekArrowIcon, {
+    type: "backward"
+  })));
+};
+export const HLSSeekbackwardControl = /*#__PURE__*/React.memo(_HLSSeekbackwardControl);
+//# sourceMappingURL=HLSSeekbackwardControl.js.map

package/lib/module/components/HLSSeekbackwardControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HMSHLSPlaylistType","React","useSelector","GestureDetector","Gesture","useIsHLSStreamingOn","SeekArrowIcon","Animated","Easing","cancelAnimation","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withTiming","_HLSSeekbackwardControl","playerRef","onPress","animatedValue","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","handdleSeekBackward","_playerRef$current","current","seekBackward","tapGestureHandler","useMemo","Tap","onStart","value","duration","easing","ease","finished","animatedStyle","opacity","transform","rotateZ","createElement","gesture","View","collapsable","style","marginRight","type","HLSSeekbackwardControl","memo"],"sourceRoot":"../../../src","sources":["components/HLSSeekbackwardControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSSeekbar.js

@@ -0,0 +1,276 @@
+import React, { useRef } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { Easing, Extrapolation, interpolate, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { HMSHLSPlayerPlaybackState, HMSHLSPlaylistType, useHMSHLSPlayerPlaybackState, useHMSHLSPlayerStat } from '@100mslive/react-native-hms';
+import { useSelector } from 'react-redux';
+import { useHLSStreamResumePause, useHLSViewsConstraints, useHMSRoomStyle } from '../hooks-util';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+export const _HLSSeekbar = props => {
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isDVRStream = useSelector(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
+  });
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(_Seekbar, props);
+};
+const _Seekbar = /*#__PURE__*/React.memo(({
+  playerRef,
+  onStart,
+  onEnd
+}) => {
+  const {
+    playerWrapperConstraints
+  } = useHLSViewsConstraints();
+  const hlsPlayerDurationDetails = useRef(null);
+  const prevSeekbarPositionValue = useSharedValue(0);
+  const seekbarPositionValue = useSharedValue(0);
+  const seekbarHeightValue = useSharedValue(4);
+  const streamStartedAt = useSelector(state => {
+    var _state$hmsStates$room2;
+    return (_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2.hlsStreamingState.variants) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2[0]) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.startedAt;
+  });
+  const distanceFromLiveEdge = useHMSHLSPlayerStat('distanceFromLive');
+  const distanceFromLiveEdgeValue = useDerivedValue(() => distanceFromLiveEdge, [distanceFromLiveEdge]);
+  const seekbarRoomStyle = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.primary_default
+  }));
+  const {
+    isPaused,
+    pauseStream,
+    resumeStream
+  } = useHLSStreamResumePause(playerRef);
+  const seekToBarPosition = () => {
+    var _hlsPlayerDurationDet;
+    if (!streamStartedAt) return;
+    const liveStreamDuration = Date.now() - streamStartedAt.getTime();
+    const rollingWindowTime = (_hlsPlayerDurationDet = hlsPlayerDurationDetails.current) === null || _hlsPlayerDurationDet === void 0 ? void 0 : _hlsPlayerDurationDet.rollingWindowTime;
+    const durationOfStream = rollingWindowTime && liveStreamDuration >= rollingWindowTime ? rollingWindowTime : liveStreamDuration;
+
+    // console.log(
+    //   '$$$ rolling window time > ',
+    //   hlsPlayerDurationDetails.current?.rollingWindowTime
+    // );
+    // console.log('$$$ live stream duration > ', liveStreamDuration);
+    // console.log('$$$ current stream duration > ', durationOfStream);
+
+    const prevPosition = prevSeekbarPositionValue.value;
+    const currPosition = seekbarPositionValue.value;
+    const diff = currPosition - prevPosition;
+    const seekByMillis = durationOfStream / 100 * Math.abs(diff);
+    const seekBySecs = seekByMillis / 1000;
+    if (diff >= 0) {
+      var _playerRef$current;
+      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekForward(seekBySecs);
+    } else {
+      var _playerRef$current2;
+      (_playerRef$current2 = playerRef.current) === null || _playerRef$current2 === void 0 || _playerRef$current2.seekBackward(seekBySecs);
+    }
+    resumeStream();
+  };
+  const activeSeekbarStyle = useAnimatedStyle(() => ({
+    width: interpolate(seekbarPositionValue.value, [0, 100], [0, playerWrapperConstraints.width], {
+      extrapolateLeft: Extrapolation.CLAMP,
+      extrapolateRight: Extrapolation.CLAMP
+    }),
+    height: seekbarHeightValue.value
+  }), [playerWrapperConstraints.width]);
+  const activeSeekbarThumbStyle = useAnimatedStyle(() => ({
+    width: seekbarHeightValue.value * 3,
+    height: seekbarHeightValue.value * 3,
+    borderRadius: seekbarHeightValue.value * 3 / 2,
+    bottom: -seekbarHeightValue.value,
+    left: -(seekbarHeightValue.value * 3) / 2,
+    transform: [{
+      translateX: interpolate(seekbarPositionValue.value, [0, 100], [0, playerWrapperConstraints.width], {
+        extrapolateLeft: Extrapolation.CLAMP,
+        extrapolateRight: Extrapolation.CLAMP
+      })
+    }]
+  }), [playerWrapperConstraints.width]);
+  const panGesture = Gesture.Pan().maxPointers(1).minPointers(1).hitSlop({
+    top: 12,
+    bottom: 12
+  }).onStart(e => {
+    'worklet';
+
+    onStart();
+    runOnJS(pauseStream)();
+    prevSeekbarPositionValue.value = seekbarPositionValue.value;
+    seekbarPositionValue.value = interpolate(e.x, [0, playerWrapperConstraints.width], [0, 100], {
+      extrapolateLeft: Extrapolation.CLAMP,
+      extrapolateRight: Extrapolation.CLAMP
+    });
+    seekbarHeightValue.value = withTiming(6, {
+      duration: 160,
+      easing: Easing.linear
+    });
+  }).onUpdate(e => {
+    'worklet';
+
+    seekbarPositionValue.value = interpolate(e.x, [0, playerWrapperConstraints.width], [0, 100], {
+      extrapolateLeft: Extrapolation.CLAMP,
+      extrapolateRight: Extrapolation.CLAMP
+    });
+  }).onEnd(() => {
+    'worklet';
+
+    onEnd();
+    seekbarHeightValue.value = withTiming(4, {
+      duration: 160,
+      easing: Easing.linear
+    });
+    runOnJS(seekToBarPosition)();
+  });
+  React.useEffect(() => {
+    if (streamStartedAt && !isPaused) {
+      const intervalId = setInterval(() => {
+        var _hlsPlayerDurationDet2;
+        const liveStreamDuration = Date.now() - streamStartedAt.getTime();
+        const rollingWindowTime = (_hlsPlayerDurationDet2 = hlsPlayerDurationDetails.current) === null || _hlsPlayerDurationDet2 === void 0 ? void 0 : _hlsPlayerDurationDet2.rollingWindowTime;
+        const durationOfStream = rollingWindowTime && liveStreamDuration >= rollingWindowTime ? rollingWindowTime : liveStreamDuration;
+
+        // console.log(
+        //   '$$$ rolling window time > ',
+        //   hlsPlayerDurationDetails.current?.rollingWindowTime
+        // );
+        // console.log('$$$ live stream duration > ', liveStreamDuration);
+        // console.log('$$$ current stream duration > ', durationOfStream);
+
+        const currentPosition = durationOfStream - distanceFromLiveEdgeValue.value;
+
+        // console.log('currentPosition > ', currentPosition);
+
+        seekbarPositionValue.value = interpolate(currentPosition, [0, durationOfStream], [0, 100], {
+          extrapolateLeft: Extrapolation.CLAMP,
+          extrapolateRight: Extrapolation.CLAMP
+        });
+      }, 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
+    }
+  }, [isPaused, streamStartedAt]);
+  let startedPlayingFirstTime = false;
+  let prevPlaybackState = HMSHLSPlayerPlaybackState.UNKNOWN;
+  const playbackState = useHMSHLSPlayerPlaybackState();
+  if (prevPlaybackState === HMSHLSPlayerPlaybackState.UNKNOWN && playbackState === HMSHLSPlayerPlaybackState.PLAYING) {
+    prevPlaybackState = playbackState;
+    startedPlayingFirstTime = true;
+  }
+  React.useEffect(() => {
+    if (startedPlayingFirstTime && playerRef.current) {
+      let mounted = true;
+      playerRef.current.getPlayerDurationDetails().then(data => {
+        if (mounted) {
+          console.log('$$$ getPlayerDurationDetails > ', data);
+          hlsPlayerDurationDetails.current = data;
+          if (typeof data.rollingWindowTime === 'number' && data.rollingWindowTime < 300000) {
+            hlsPlayerDurationDetails.current.rollingWindowTime = 300000;
+          }
+        }
+      }).catch(() => {});
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [startedPlayingFirstTime]);
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: panGesture
+  }, /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
+    hitSlop: {
+      top: 12,
+      bottom: 12
+    },
+    style: [styles.container, {
+      width: playerWrapperConstraints.width
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.inactiveSeekbar, {
+      width: playerWrapperConstraints.width
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.seekbar, seekbarRoomStyle, activeSeekbarStyle]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.seekbarThumb, seekbarRoomStyle, activeSeekbarThumbStyle]
+  }))));
+});
+export const HLSSeekbar = /*#__PURE__*/React.memo(_HLSSeekbar);
+const styles = StyleSheet.create({
+  container: {
+    height: 6,
+    justifyContent: 'flex-end'
+  },
+  inactiveSeekbar: {
+    position: 'relative',
+    backgroundColor: 'rgba(255, 255, 255, 0.25)'
+  },
+  seekbar: {
+    height: 4
+  },
+  seekbarThumb: {
+    position: 'absolute',
+    bottom: -4,
+    right: 0,
+    zIndex: 100
+  }
+});
+
+/**
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * 200 -> 200 * 40%
+ *
+ * 180 - 33.33% = 60;
+ *
+ * currentStreamDuration * (diff in current and prev) * 100 / prev
+ *
+ * 0 |----------| 150
+ * prev  = 135
+ *
+ * curr = 90
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * //// 2 * 30 = 60
+ * 1.5 * 30 = 45
+ *
+ * 180
+ *
+ * 120
+ *
+ * 0 |------____| 100
+ *
+ *
+ * 200 * 40% = 80
+ *
+ * 200 * 30% = 60
+ *
+ *
+ * 30*90
+ *
+ * 0 |---------_| 100
+ *             Prev = 90
+ *   |------|
+ *          Curr = 60
+ *
+ *  90 - 60 = 30
+ *
+ *  seekbackward(80)
+ */
+//# sourceMappingURL=HLSSeekbar.js.map

package/lib/module/components/HLSSeekbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","View","StyleSheet","Animated","Easing","Extrapolation","interpolate","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","GestureDetector","Gesture","HMSHLSPlayerPlaybackState","HMSHLSPlaylistType","useHMSHLSPlayerPlaybackState","useHMSHLSPlayerStat","useSelector","useHLSStreamResumePause","useHLSViewsConstraints","useHMSRoomStyle","useIsHLSStreamingOn","_HLSSeekbar","props","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","createElement","_Seekbar","memo","playerRef","onStart","onEnd","playerWrapperConstraints","hlsPlayerDurationDetails","prevSeekbarPositionValue","seekbarPositionValue","seekbarHeightValue","streamStartedAt","_state$hmsStates$room2","startedAt","distanceFromLiveEdge","distanceFromLiveEdgeValue","seekbarRoomStyle","theme","backgroundColor","palette","primary_default","isPaused","pauseStream","resumeStream","seekToBarPosition","_hlsPlayerDurationDet","liveStreamDuration","Date","now","getTime","rollingWindowTime","current","durationOfStream","prevPosition","value","currPosition","diff","seekByMillis","Math","abs","seekBySecs","_playerRef$current","seekForward","_playerRef$current2","seekBackward","activeSeekbarStyle","width","extrapolateLeft","CLAMP","extrapolateRight","height","activeSeekbarThumbStyle","borderRadius","bottom","left","transform","translateX","panGesture","Pan","maxPointers","minPointers","hitSlop","top","e","x","duration","easing","linear","onUpdate","useEffect","intervalId","setInterval","_hlsPlayerDurationDet2","currentPosition","clearInterval","startedPlayingFirstTime","prevPlaybackState","UNKNOWN","playbackState","PLAYING","mounted","getPlayerDurationDetails","then","data","console","log","catch","gesture","collapsable","style","styles","container","inactiveSeekbar","seekbar","seekbarThumb","HLSSeekbar","create","justifyContent","position","right","zIndex"],"sourceRoot":"../../../src","sources":["components/HLSSeekbar.tsx"],"mappings":"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gB,EAAE6B,kBAAkB;EAAE,CAC/D,CAAC,eACFjF,KAAA,CAAAoC,aAAA,CAAChC,QAAQ,CAACF,IAAI;IACZ2H,KAAK,EAAE,CACLC,MAAM,CAACI,YAAY,EACnB9E,gBAAgB,EAChBmC,uBAAuB;EACvB,CACH,CACY,CACX,CACS,CAAC;AAEtB,CACF,CAAC;AAED,OAAO,MAAM4C,UAAU,gBAAGnI,KAAK,CAACsC,IAAI,CAACd,WAAW,CAAC;AAEjD,MAAMsG,MAAM,GAAG3H,UAAU,CAACiI,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTzC,MAAM,EAAE,CAAC;IACT+C,cAAc,EAAE;EAClB,CAAC;EACDL,eAAe,EAAE;IACfM,QAAQ,EAAE,UAAU;IACpBhF,eAAe,EAAE;EACnB,CAAC;EACD2E,OAAO,EAAE;IACP3C,MAAM,EAAE;EACV,CAAC;EACD4C,YAAY,EAAE;IACZI,QAAQ,EAAE,UAAU;IACpB7C,MAAM,EAAE,CAAC,CAAC;IACV8C,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/module/components/HLSSeekforwardControl.js

@@ -0,0 +1,63 @@
+import { HMSHLSPlaylistType, useIsHLSStreamLive } from '@100mslive/react-native-hms';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+import { SeekArrowIcon } from '../Icons';
+import Animated, { Easing, cancelAnimation, interpolate, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+const _HLSSeekforwardControl = ({
+  playerRef,
+  onPress
+}) => {
+  const animatedValue = useSharedValue(0);
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isDVRStream = useSelector(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
+  });
+  const isStreamLive = useIsHLSStreamLive();
+  const handdleSeekForward = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekForward(10);
+  };
+  const tapGestureHandler = React.useMemo(() => {
+    return Gesture.Tap().enabled(!isStreamLive).onStart(() => {
+      cancelAnimation(animatedValue);
+      animatedValue.value = withTiming(1, {
+        duration: 200,
+        easing: Easing.ease
+      }, finished => {
+        if (finished) {
+          animatedValue.value = withTiming(0, {
+            duration: 100,
+            easing: Easing.ease
+          });
+        }
+      });
+      runOnJS(handdleSeekForward)();
+    });
+  }, [isStreamLive]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: interpolate(animatedValue.value, [0, 1], [1, 0.8]),
+    transform: [{
+      rotateZ: `${interpolate(animatedValue.value, [0, 1], [0, 17])} deg`
+    }]
+  }), []);
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGestureHandler
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    collapsable: false,
+    style: [{
+      marginLeft: 24
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(SeekArrowIcon, {
+    style: {
+      opacity: isStreamLive ? 0.2 : 1
+    },
+    type: "forward"
+  })));
+};
+export const HLSSeekforwardControl = /*#__PURE__*/React.memo(_HLSSeekforwardControl);
+//# sourceMappingURL=HLSSeekforwardControl.js.map

package/lib/module/components/HLSSeekforwardControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HMSHLSPlaylistType","useIsHLSStreamLive","React","useSelector","GestureDetector","Gesture","useIsHLSStreamingOn","SeekArrowIcon","Animated","Easing","cancelAnimation","interpolate","runOnJS","useAnimatedStyle","useSharedValue","withTiming","_HLSSeekforwardControl","playerRef","onPress","animatedValue","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isStreamLive","handdleSeekForward","_playerRef$current","current","seekForward","tapGestureHandler","useMemo","Tap","enabled","onStart","value","duration","easing","ease","finished","animatedStyle","opacity","transform","rotateZ","createElement","gesture","View","collapsable","style","marginLeft","type","HLSSeekforwardControl","memo"],"sourceRoot":"../../../src","sources":["components/HLSSeekforwardControl.tsx"],"mappings":"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","ignoreList":[]}