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

package/lib/module/components/HLSFullScreenControl.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { MaximizeIcon, MinimizeIcon } from '../Icons';
+import { setHlsFullScreen } from '../redux/actions';
+export const _HLSFullScreenControl = ({
+  onPress
+}) => {
+  const dispatch = useDispatch();
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const toggleFullScreen = () => {
+    onPress === null || onPress === void 0 || onPress();
+    dispatch(setHlsFullScreen(!hlsFullScreen));
+  };
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: toggleFullScreen,
+    style: styles.icon
+  }, hlsFullScreen ? /*#__PURE__*/React.createElement(MinimizeIcon, {
+    size: "medium"
+  }) : /*#__PURE__*/React.createElement(MaximizeIcon, {
+    size: "medium"
+  })));
+};
+export const HLSFullScreenControl = /*#__PURE__*/React.memo(_HLSFullScreenControl);
+const styles = StyleSheet.create({
+  icon: {
+    padding: 4,
+    alignSelf: 'flex-start'
+  }
+});
+//# sourceMappingURL=HLSFullScreenControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","useDispatch","useSelector","GestureDetector","Gesture","MaximizeIcon","MinimizeIcon","setHlsFullScreen","_HLSFullScreenControl","onPress","dispatch","hlsFullScreen","state","app","toggleFullScreen","createElement","gesture","Tap","style","styles","icon","size","HLSFullScreenControl","memo","create","padding","alignSelf"],"sourceRoot":"../../../src","sources":["components/HLSFullScreenControl.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,YAAY,EAAEC,YAAY,QAAQ,UAAU;AAErD,SAASC,gBAAgB,QAAQ,kBAAkB;AAMnD,OAAO,MAAMC,qBAA0D,GAAGA,CAAC;EACzEC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,aAAa,GAAGT,WAAW,CAC9BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,aAClC,CAAC;EACD,MAAMG,gBAAgB,GAAGA,CAAA,KAAM;IAC7BL,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACXC,QAAQ,CAACH,gBAAgB,CAAC,CAACI,aAAa,CAAC,CAAC;EAC5C,CAAC;EAED,oBACEb,KAAA,CAAAiB,aAAA,CAACZ,eAAe;IAACa,OAAO,EAAEZ,OAAO,CAACa,GAAG,CAAC;EAAE,gBACtCnB,KAAA,CAAAiB,aAAA,CAACf,gBAAgB;IAACS,OAAO,EAAEK,gBAAiB;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAK,GAC7DT,aAAa,gBACZb,KAAA,CAAAiB,aAAA,CAACT,YAAY;IAACe,IAAI,EAAC;EAAQ,CAAE,CAAC,gBAE9BvB,KAAA,CAAAiB,aAAA,CAACV,YAAY;IAACgB,IAAI,EAAC;EAAQ,CAAE,CAEf,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMC,oBAAoB,gBAAGxB,KAAK,CAACyB,IAAI,CAACf,qBAAqB,CAAC;AAErE,MAAMW,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSGoLiveControl.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity, Text } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSHLSPlaylistType, useIsHLSStreamLive } from '@100mslive/react-native-hms';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+export const _HLSGoLiveControl = ({
+  playerRef,
+  onPress
+}) => {
+  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 handleGoLivePress = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekToLivePosition();
+  };
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    semiBoldSurfaceHigh: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    },
+    semiBoldSurfaceMedium: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_medium
+    },
+    liveIndicatorDot: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    notLiveIndicatorDot: {
+      backgroundColor: theme.palette.on_surface_low
+    }
+  }), []);
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleGoLivePress,
+    style: styles.liveButton
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.liveIndicatorDot, isStreamLive ? hmsRoomStyles.liveIndicatorDot : hmsRoomStyles.notLiveIndicatorDot]
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.liveText, isStreamLive ? hmsRoomStyles.semiBoldSurfaceHigh : hmsRoomStyles.semiBoldSurfaceMedium]
+  }, isStreamLive ? 'LIVE' : 'GO LIVE')));
+};
+export const HLSGoLiveControl = /*#__PURE__*/React.memo(_HLSGoLiveControl);
+const styles = StyleSheet.create({
+  liveButton: {
+    padding: 4,
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  liveIndicatorDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginRight: 8
+  },
+  liveText: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5
+  }
+});
+//# sourceMappingURL=HLSGoLiveControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","Text","useSelector","HMSHLSPlaylistType","useIsHLSStreamLive","GestureDetector","Gesture","useHMSRoomStyleSheet","useIsHLSStreamingOn","_HLSGoLiveControl","playerRef","onPress","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isStreamLive","handleGoLivePress","_playerRef$current","current","seekToLivePosition","hmsRoomStyles","theme","typography","semiBoldSurfaceHigh","fontFamily","font_family","color","palette","on_surface_high","semiBoldSurfaceMedium","on_surface_medium","liveIndicatorDot","backgroundColor","alert_error_default","notLiveIndicatorDot","on_surface_low","createElement","gesture","Tap","style","styles","liveButton","liveText","HLSGoLiveControl","memo","create","padding","alignItems","flexDirection","width","height","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HLSGoLiveControl.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,WAAW,QAAQ,aAAa;AACzC,SACEC,kBAAkB,EAClBC,kBAAkB,QACb,6BAA6B;AAEpC,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,mBAAmB,QAAQ,cAAc;AAQlD,OAAO,MAAMC,iBAAkD,GAAGA,CAAC;EACjEC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGJ,mBAAmB,CAAC,CAAC;EAC9C,MAAMK,WAAW,GAAGX,WAAW,CAC5BY,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OACf,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,uBAArDA,qBAAA,CAAuDK,YAAY,MACnEjB,kBAAkB,CAACkB,GAAG;EAAA,CAC1B,CAAC;EACD,MAAMC,YAAY,GAAGlB,kBAAkB,CAAC,CAAC;EAEzC,MAAMmB,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,kBAAA;IAC9Bb,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACX,CAAAa,kBAAA,GAAAd,SAAS,CAACe,OAAO,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,kBAAkB,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,aAAa,GAAGpB,oBAAoB,CACxC,CAACqB,KAAK,EAAEC,UAAU,MAAM;IACtBC,mBAAmB,EAAE;MACnBC,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,WAAU;MAChDC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;IACvB,CAAC;IACDC,qBAAqB,EAAE;MACrBL,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,WAAU;MAChDC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACG;IACvB,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,KAAK,CAACM,OAAO,CAACM;IACjC,CAAC;IACDC,mBAAmB,EAAE;MACnBF,eAAe,EAAEX,KAAK,CAACM,OAAO,CAACQ;IACjC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,IAAI,CAAC9B,gBAAgB,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAElD,oBACEhB,KAAA,CAAA8C,aAAA,CAACtC,eAAe;IAACuC,OAAO,EAAEtC,OAAO,CAACuC,GAAG,CAAC;EAAE,gBACtChD,KAAA,CAAA8C,aAAA,CAAC3C,gBAAgB;IAACW,OAAO,EAAEY,iBAAkB;IAACuB,KAAK,EAAEC,MAAM,CAACC;EAAW,gBACrEnD,KAAA,CAAA8C,aAAA,CAAC7C,IAAI;IACHgD,KAAK,EAAE,CACLC,MAAM,CAACT,gBAAgB,EACvBhB,YAAY,GACRK,aAAa,CAACW,gBAAgB,GAC9BX,aAAa,CAACc,mBAAmB;EACrC,CACH,CAAC,eACF5C,KAAA,CAAA8C,aAAA,CAAC1C,IAAI;IACH6C,KAAK,EAAE,CACLC,MAAM,CAACE,QAAQ,EACf3B,YAAY,GACRK,aAAa,CAACG,mBAAmB,GACjCH,aAAa,CAACS,qBAAqB;EACvC,GAEDd,YAAY,GAAG,MAAM,GAAG,SACrB,CACU,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAM4B,gBAAgB,gBAAGrD,KAAK,CAACsD,IAAI,CAAC1C,iBAAiB,CAAC;AAE7D,MAAMsC,MAAM,GAAGhD,UAAU,CAACqD,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVK,OAAO,EAAE,CAAC;IACVC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDjB,gBAAgB,EAAE;IAChBkB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACDV,QAAQ,EAAE;IACRW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSPlayPauseControl.js

@@ -0,0 +1,54 @@
+import { HMSHLSPlaylistType } from '@100mslive/react-native-hms';
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+import { PauseIcon, PlayIcon } from '../Icons';
+import { useHLSStreamResumePause } from '../hooks-util';
+const _HLSPlayPauseControl = ({
+  playerRef,
+  onPress
+}) => {
+  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 {
+    isPaused,
+    pauseStream,
+    resumeStream
+  } = useHLSStreamResumePause(playerRef);
+  const togglePlayPause = () => {
+    onPress === null || onPress === void 0 || onPress();
+    if (isPaused) {
+      resumeStream();
+    } else {
+      pauseStream();
+    }
+  };
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: togglePlayPause,
+    style: {
+      alignSelf: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, isPaused ? /*#__PURE__*/React.createElement(PlayIcon, null) : /*#__PURE__*/React.createElement(PauseIcon, null))));
+};
+export const HLSPlayPauseControl = /*#__PURE__*/React.memo(_HLSPlayPauseControl);
+const styles = StyleSheet.create({
+  container: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.6)'
+  }
+});
+//# sourceMappingURL=HLSPlayPauseControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HMSHLSPlaylistType","React","StyleSheet","TouchableOpacity","View","useSelector","GestureDetector","Gesture","useIsHLSStreamingOn","PauseIcon","PlayIcon","useHLSStreamResumePause","_HLSPlayPauseControl","playerRef","onPress","isHLSStreamingOn","isDVRStream","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","DVR","isPaused","pauseStream","resumeStream","togglePlayPause","createElement","gesture","Tap","style","alignSelf","styles","container","HLSPlayPauseControl","memo","create","width","height","borderRadius","alignItems","justifyContent","backgroundColor"],"sourceRoot":"../../../src","sources":["components/HLSPlayPauseControl.tsx"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,6BAA6B;AAEhE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,mBAAmB,QAAQ,cAAc;AAElD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,UAAU;AAC9C,SAASC,uBAAuB,QAAQ,eAAe;AAOvD,MAAMC,oBAAwD,GAAGA,CAAC;EAChEC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGP,mBAAmB,CAAC,CAAC;EAC9C,MAAMQ,WAAW,GAAGX,WAAW,CAAEY,KAAgB,IAAK;IAAA,IAAAC,qBAAA;IACpD,OACE,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,uBAArDA,qBAAA,CAAuDK,YAAY,MACnEvB,kBAAkB,CAACwB,GAAG;EAE1B,CAAC,CAAC;EAEF,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAC3ChB,uBAAuB,CAACE,SAAS,CAAC;EAEpC,MAAMe,eAAe,GAAGA,CAAA,KAAM;IAC5Bd,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACX,IAAIW,QAAQ,EAAE;MACZE,YAAY,CAAC,CAAC;IAChB,CAAC,MAAM;MACLD,WAAW,CAAC,CAAC;IACf;EACF,CAAC;EAED,IAAI,CAACX,gBAAgB,IAAI,CAACC,WAAW,EAAE,OAAO,IAAI;EAElD,oBACEf,KAAA,CAAA4B,aAAA,CAACvB,eAAe;IAACwB,OAAO,EAAEvB,OAAO,CAACwB,GAAG,CAAC;EAAE,gBACtC9B,KAAA,CAAA4B,aAAA,CAAC1B,gBAAgB;IACfW,OAAO,EAAEc,eAAgB;IACzBI,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,gBAE/BhC,KAAA,CAAA4B,aAAA,CAACzB,IAAI;IAAC4B,KAAK,EAAEE,MAAM,CAACC;EAAU,GAC3BV,QAAQ,gBAAGxB,KAAA,CAAA4B,aAAA,CAACnB,QAAQ,MAAE,CAAC,gBAAGT,KAAA,CAAA4B,aAAA,CAACpB,SAAS,MAAE,CACnC,CACU,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAM2B,mBAAmB,gBAAGnC,KAAK,CAACoC,IAAI,CAACzB,oBAAoB,CAAC;AAEnE,MAAMsB,MAAM,GAAGhC,UAAU,CAACoC,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSPlayer.js

@@ -1,87 +1,44 @@
-import React, { useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
+import React from 'react';
+import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet, Platform, ActivityIndicator } from 'react-native';
-import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState } from '@100mslive/react-native-hms';
-import { changeShowHLSStats } from '../redux/actions';
-import { HLSPlayerStatsView } from './HLSPlayerStatsView';
+import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState, useHMSHLSPlayerSubtitles } from '@100mslive/react-native-hms';
+// import { changeShowHLSStats } from '../redux/actions';
+// import { HLSPlayerStatsView } from './HLSPlayerStatsView';
 import { HLSPlayerEmoticons } from './HLSPlayerEmoticons';
-import { CustomControls } from './CustomHLSPlayerControls';
 import { COLORS, hexToRgbA } from '../utils/theme';
 import { HMSHLSNotStarted } from './HMSHLSNotStarted';
 import { CrossCircleIcon } from '../Icons';
-import { useHLSPlayerConstraints, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { useHLSPlayerConstraints, useHLSViewsConstraints, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 import { useIsHLSStreamingOn } from '../hooks-sdk';
-export const _HLSPlayer = () => {
-  const dispatch = useDispatch();
+import { HMSPinchGesture } from './PeerVideoTile/HMSPinchGesture';
+export const _HLSPlayer = /*#__PURE__*/React.forwardRef((_props, hlsPlayerRef) => {
+  // const dispatch = useDispatch();
   const isHLSStreaming = useIsHLSStreamingOn();
   const isStreamUrlPresent = 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 && _state$hmsStates$room.hlsStreamUrl);
   });
-  const hmsHlsPlayerRef = useRef(null);
-  const showHLSStats = useSelector(state => state.app.joinConfig.showHLSStats);
-  const showCustomHLSPlayerControls = useSelector(state => state.app.joinConfig.showCustomHLSPlayerControls);
+  // const showHLSStats = useSelector(
+  //   (state: RootState) => state.app.joinConfig.showHLSStats
+  // );
+  // const showCustomHLSPlayerControls = useSelector(
+  //   (state: RootState) => state.app.joinConfig.showCustomHLSPlayerControls
+  // );
   const enableHLSPlayerControls = useSelector(state => state.app.joinConfig.enableHLSPlayerControls);
-  const handleClosePress = () => {
-    dispatch(changeShowHLSStats(false));
-  };
-  const hlsPlayerActions = (action, ...args) => {
-    switch (action) {
-      case 'play':
-        {
-          var _hmsHlsPlayerRef$curr;
-          (_hmsHlsPlayerRef$curr = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr === void 0 || _hmsHlsPlayerRef$curr.play(args[0]);
-          break;
-        }
-      case 'stop':
-        {
-          var _hmsHlsPlayerRef$curr2;
-          (_hmsHlsPlayerRef$curr2 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr2 === void 0 || _hmsHlsPlayerRef$curr2.stop();
-          break;
-        }
-      case 'pause':
-        {
-          var _hmsHlsPlayerRef$curr3;
-          (_hmsHlsPlayerRef$curr3 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr3 === void 0 || _hmsHlsPlayerRef$curr3.pause();
-          break;
-        }
-      case 'resume':
-        {
-          var _hmsHlsPlayerRef$curr4;
-          (_hmsHlsPlayerRef$curr4 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr4 === void 0 || _hmsHlsPlayerRef$curr4.resume();
-          break;
-        }
-      case 'seekForward':
-        {
-          var _hmsHlsPlayerRef$curr5;
-          (_hmsHlsPlayerRef$curr5 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr5 === void 0 || _hmsHlsPlayerRef$curr5.seekForward(args[0]);
-          break;
-        }
-      case 'seekBackward':
-        {
-          var _hmsHlsPlayerRef$curr6;
-          (_hmsHlsPlayerRef$curr6 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr6 === void 0 || _hmsHlsPlayerRef$curr6.seekBackward(args[0]);
-          break;
-        }
-      case 'seekToLive':
-        {
-          var _hmsHlsPlayerRef$curr7;
-          (_hmsHlsPlayerRef$curr7 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr7 === void 0 || _hmsHlsPlayerRef$curr7.seekToLivePosition();
-          break;
-        }
-      case 'setVolume':
-        {
-          var _hmsHlsPlayerRef$curr8;
-          (_hmsHlsPlayerRef$curr8 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr8 === void 0 || _hmsHlsPlayerRef$curr8.setVolume(args[0]);
-          break;
-        }
-    }
-  };
+
+  // const handleClosePress = () => {
+  //   dispatch(changeShowHLSStats(false));
+  // };
+
   const hlsPlayerConstraints = useHLSPlayerConstraints();
+  const {
+    playerWrapperConstraints
+  } = useHLSViewsConstraints();
   const [playerKey, setPlayerKey] = React.useState(1);
   const prevReconnectingRef = React.useRef(null);
   const reconnecting = useSelector(state => state.hmsStates.reconnecting);
   const hlsPlayerPlaybackState = useHMSHLSPlayerPlaybackState();
+  const subtitles = useHMSHLSPlayerSubtitles();
   const isPlaybackFailed = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.FAILED;
   const isPlayerBuffering = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.BUFFERING;
   React.useEffect(() => {
@@ -108,6 +65,10 @@ export const _HLSPlayer = () => {
     warningText: {
       color: theme.palette.alert_warning,
       fontFamily: `${typography.font_family}-SemiBold`
+    },
+    semiboldWhite: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: '#ffffff'
     }
   }));
   const {
@@ -119,20 +80,34 @@ export const _HLSPlayer = () => {
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.warningSubtitle, hmsRoomStyles.warningText]
   }, "Stream URL not found!"));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.playerAndCaptionWrapper, {
+      width: playerWrapperConstraints.width,
+      height: hlsPlayerConstraints.height
+    }]
+  }, /*#__PURE__*/React.createElement(HMSPinchGesture, null, /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none",
+    style: styles.playerContainer
+  }, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
     key: playerKey,
-    ref: hmsHlsPlayerRef,
-    enableStats: showHLSStats,
+    ref: hlsPlayerRef,
+    enableStats: true,
     enableControls: enableHLSPlayerControls,
+    containerStyle: styles.playerContainer,
     style: {
       width: hlsPlayerConstraints.width,
       height: hlsPlayerConstraints.height
     }
-  }), /*#__PURE__*/React.createElement(HLSPlayerEmoticons, null), showHLSStats ? /*#__PURE__*/React.createElement(HLSPlayerStatsView, {
-    onClosePress: handleClosePress
-  }) : null, showCustomHLSPlayerControls ? /*#__PURE__*/React.createElement(CustomControls, {
-    handleControlPress: hlsPlayerActions
-  }) : null, isPlayerBuffering ? /*#__PURE__*/React.createElement(View, {
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: [{
+      width: playerWrapperConstraints.width - 48,
+      left: 24
+    }, styles.closedCaptionsContainer]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.closedCaptions, hmsRoomStyles.semiboldWhite]
+  }, subtitles)))), /*#__PURE__*/React.createElement(HLSPlayerEmoticons, null), isPlayerBuffering ? /*#__PURE__*/React.createElement(View, {
     style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
   }, /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: 'large',
@@ -142,15 +117,23 @@ export const _HLSPlayer = () => {
   }, /*#__PURE__*/React.createElement(CrossCircleIcon, null), /*#__PURE__*/React.createElement(Text, {
     style: [styles.playbackFailed, hmsRoomStyles.failedText]
   }, "Playback Failed")) : null);
-};
+});
 export const HLSPlayer = /*#__PURE__*/React.memo(_HLSPlayer);
 const styles = StyleSheet.create({
-  hlsView: {
-    flex: 1
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
   },
-  hlsPlayerContainer: {
-    // flex: 1,
-    position: 'relative'
+  playerAndCaptionWrapper: {
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  playerContainer: {
+    flex: undefined,
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start'
   },
   textContainer: {
     flex: 1,
@@ -164,6 +147,25 @@ const styles = StyleSheet.create({
     letterSpacing: 0.25,
     textAlign: 'center'
   },
+  closedCaptionsContainer: {
+    position: 'absolute',
+    bottom: 4,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  closedCaptions: {
+    fontSize: 14,
+    lineHeight: 16,
+    textAlign: 'center',
+    textShadowColor: 'rgba(0, 0, 0, 0.8)',
+    textShadowRadius: 3,
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    }
+  },
   playbackFailedContainer: {
     flex: 1,
     width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useDispatch","useSelector","View","Text","StyleSheet","Platform","ActivityIndicator","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHLSPlayerConstraints","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSStreamingOn","_HLSPlayer","dispatch","isHLSStreaming","isStreamUrlPresent","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","handleClosePress","hlsPlayerActions","action","args","_hmsHlsPlayerRef$curr","current","play","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","hlsPlayerConstraints","playerKey","setPlayerKey","useState","prevReconnectingRef","reconnecting","hlsPlayerPlaybackState","isPlaybackFailed","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","primary_bright","PrimaryBrightColor","createElement","style","styles","textContainer","warningSubtitle","Fragment","key","ref","enableStats","enableControls","width","height","onClosePress","handleControlPress","playbackFailedContainer","size","playbackFailed","HLSPlayer","memo","create","hlsView","flex","hlsPlayerContainer","position","paddingHorizontal","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useSelector","View","Text","StyleSheet","Platform","ActivityIndicator","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","useHMSHLSPlayerSubtitles","HLSPlayerEmoticons","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHLSPlayerConstraints","useHLSViewsConstraints","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSStreamingOn","HMSPinchGesture","_HLSPlayer","forwardRef","_props","hlsPlayerRef","isHLSStreaming","isStreamUrlPresent","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","enableHLSPlayerControls","app","joinConfig","hlsPlayerConstraints","playerWrapperConstraints","playerKey","setPlayerKey","useState","prevReconnectingRef","useRef","reconnecting","hlsPlayerPlaybackState","subtitles","isPlaybackFailed","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","current","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","semiboldWhite","primary_bright","PrimaryBrightColor","createElement","style","styles","textContainer","warningSubtitle","Fragment","container","playerAndCaptionWrapper","width","height","pointerEvents","playerContainer","key","ref","enableStats","enableControls","containerStyle","left","closedCaptionsContainer","closedCaptions","playbackFailedContainer","size","playbackFailed","HLSPlayer","memo","create","flex","alignItems","justifyContent","position","undefined","paddingHorizontal","fontSize","lineHeight","letterSpacing","textAlign","bottom","paddingVertical","textShadowColor","textShadowRadius","textShadowOffset","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,iBAAiB,QACZ,cAAc;AACrB,SACEC,YAAY,EACZC,yBAAyB,EACzBC,4BAA4B,EAC5BC,wBAAwB,QACnB,6BAA6B;AAGpC;AACA;AACA,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,UAAU;AAC1C,SACEC,uBAAuB,EACvBC,sBAAsB,EACtBC,sBAAsB,EACtBC,oBAAoB,QACf,eAAe;AACtB,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,eAAe,QAAQ,iCAAiC;AAIjE,OAAO,MAAMC,UAAU,gBAAGtB,KAAK,CAACuB,UAAU,CAGxC,CAACC,MAAM,EAAEC,YAAY,KAAK;EAC1B;EACA,MAAMC,cAAc,GAAGN,mBAAmB,CAAC,CAAC;EAC5C,MAAMO,kBAAkB,GAAG1B,WAAW,CACnC2B,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OACf,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,CAACC,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAhDA,qBAAA,CAAmD,CAAC,CAAC,cAAAA,qBAAA,eAArDA,qBAAA,CAAuDK,YAAY;EAAA,CACzE,CAAC;EACD;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,uBAAuB,GAAGlC,WAAW,CACxC2B,KAAgB,IAAKA,KAAK,CAACQ,GAAG,CAACC,UAAU,CAACF,uBAC7C,CAAC;;EAED;EACA;EACA;;EAEA,MAAMG,oBAAoB,GAAGtB,uBAAuB,CAAC,CAAC;EACtD,MAAM;IAAEuB;EAAyB,CAAC,GAAGtB,sBAAsB,CAAC,CAAC;EAC7D,MAAM,CAACuB,SAAS,EAAEC,YAAY,CAAC,GAAGzC,KAAK,CAAC0C,QAAQ,CAAC,CAAC,CAAC;EAEnD,MAAMC,mBAAmB,GAAG3C,KAAK,CAAC4C,MAAM,CAAiB,IAAI,CAAC;EAC9D,MAAMC,YAAY,GAAG5C,WAAW,CAC7B2B,KAAgB,IAAKA,KAAK,CAACE,SAAS,CAACe,YACxC,CAAC;EAED,MAAMC,sBAAsB,GAAGrC,4BAA4B,CAAC,CAAC;EAE7D,MAAMsC,SAAS,GAAGrC,wBAAwB,CAAC,CAAC;EAE5C,MAAMsC,gBAAgB,GACpBF,sBAAsB,KAAKtC,yBAAyB,CAACyC,MAAM;EAE7D,MAAMC,iBAAiB,GACrBJ,sBAAsB,KAAKtC,yBAAyB,CAAC2C,SAAS;EAEhEnD,KAAK,CAACoD,SAAS,CAAC,MAAM;IACpB,MAAMC,gBAAgB,GAAGV,mBAAmB,CAACW,OAAO;IAEpD,IACEjD,QAAQ,CAACkD,EAAE,KAAK,SAAS,IACzBF,gBAAgB;IAAI;IACpBR,YAAY,KAAK,KAAK;IAAI;IAC1BG,gBAAgB,CAAC;IAAA,EACjB;MACA;MACAP,YAAY,CAAEe,OAAO,IAAMA,OAAO,IAAI,CAAE,CAAC;IAC3C;IAEAb,mBAAmB,CAACW,OAAO,GAAGT,YAAY;EAC5C,CAAC,EAAE,CAACA,YAAY,EAAEG,gBAAgB,CAAC,CAAC;EAEpC,MAAMS,aAAa,GAAGtC,oBAAoB,CAAC,CAACuC,KAAK,EAAEC,UAAU,MAAM;IACjEC,eAAe,EAAE;MACfC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,cAAc,GACzClD,SAAS,CAAC6C,KAAK,CAACI,OAAO,CAACC,cAAc,EAAE,GAAG,CAAC,GAC5CnD,MAAM,CAACoD;IACb,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAER,KAAK,CAACI,OAAO,CAACK,eAAe;MACpCC,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXJ,KAAK,EAAER,KAAK,CAACI,OAAO,CAACS,aAAa;MAClCH,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC,CAAC;IACDG,aAAa,EAAE;MACbJ,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY,WAAU;MAChDH,KAAK,EAAE;IACT;EACF,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEO,cAAc,EAAEC;EAAmB,CAAC,GAAGxD,sBAAsB,CAAC,CAAC;EAEvE,IAAI,CAACQ,cAAc,EAAE,oBAAO1B,KAAA,CAAA2E,aAAA,CAAC7D,gBAAgB,MAAE,CAAC;EAEhD,IAAI,CAACa,kBAAkB,EACrB,oBACE3B,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IAAC0E,KAAK,EAAEC,MAAM,CAACC;EAAc,gBAChC9E,KAAA,CAAA2E,aAAA,CAACxE,IAAI;IAACyE,KAAK,EAAE,CAACC,MAAM,CAACE,eAAe,EAAEtB,aAAa,CAACa,WAAW;EAAE,GAAC,uBAE5D,CACF,CAAC;EAGX,oBACEtE,KAAA,CAAA2E,aAAA,CAAA3E,KAAA,CAAAgF,QAAA,qBACEhF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IAAC0E,KAAK,EAAEC,MAAM,CAACI;EAAU,gBAC5BjF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IACH0E,KAAK,EAAE,CACLC,MAAM,CAACK,uBAAuB,EAC9B;MACEC,KAAK,EAAE5C,wBAAwB,CAAC4C,KAAK;MACrCC,MAAM,EAAE9C,oBAAoB,CAAC8C;IAC/B,CAAC;EACD,gBAEFpF,KAAA,CAAA2E,aAAA,CAACtD,eAAe,qBACdrB,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IAACmF,aAAa,EAAC,MAAM;IAACT,KAAK,EAAEC,MAAM,CAACS;EAAgB,gBACvDtF,KAAA,CAAA2E,aAAA,CAACpE,YAAY;IACXgF,GAAG,EAAE/C,SAAU;IACfgD,GAAG,EAAE/D,YAAa;IAClBgE,WAAW,EAAE,IAAK;IAClBC,cAAc,EAAEvD,uBAAwB;IACxCwD,cAAc,EAAEd,MAAM,CAACS,eAAgB;IACvCV,KAAK,EAAE;MACLO,KAAK,EAAE7C,oBAAoB,CAAC6C,KAAK;MACjCC,MAAM,EAAE9C,oBAAoB,CAAC8C;IAC/B;EAAE,CACH,CACG,CACS,CAAC,eAElBpF,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IACH0E,KAAK,EAAE,CACL;MAAEO,KAAK,EAAE5C,wBAAwB,CAAC4C,KAAK,GAAG,EAAE;MAAES,IAAI,EAAE;IAAG,CAAC,EACxDf,MAAM,CAACgB,uBAAuB;EAC9B,gBAEF7F,KAAA,CAAA2E,aAAA,CAACxE,IAAI;IAACyE,KAAK,EAAE,CAACC,MAAM,CAACiB,cAAc,EAAErC,aAAa,CAACe,aAAa;EAAE,GAC/DzB,SACG,CACF,CACF,CACF,CAAC,eAEP/C,KAAA,CAAA2E,aAAA,CAAChE,kBAAkB,MAAE,CAAC,EAMrBuC,iBAAiB,gBAChBlD,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IACH0E,KAAK,EAAE,CACLC,MAAM,CAACkB,uBAAuB,EAC9BtC,aAAa,CAACG,eAAe;EAC7B,gBAEF5D,KAAA,CAAA2E,aAAA,CAACrE,iBAAiB;IAAC0F,IAAI,EAAE,OAAQ;IAAC9B,KAAK,EAAEQ;EAAmB,CAAE,CAC1D,CAAC,GACL,IAAI,EAEP1B,gBAAgB,gBACfhD,KAAA,CAAA2E,aAAA,CAACzE,IAAI;IACH0E,KAAK,EAAE,CACLC,MAAM,CAACkB,uBAAuB,EAC9BtC,aAAa,CAACG,eAAe;EAC7B,gBAEF5D,KAAA,CAAA2E,aAAA,CAAC5D,eAAe,MAAE,CAAC,eAEnBf,KAAA,CAAA2E,aAAA,CAACxE,IAAI;IAACyE,KAAK,EAAE,CAACC,MAAM,CAACoB,cAAc,EAAExC,aAAa,CAACQ,UAAU;EAAE,GAAC,iBAE1D,CACF,CAAC,GACL,IACJ,CAAC;AAEP,CAAC,CAAC;AAEF,OAAO,MAAMiC,SAAS,gBAAGlG,KAAK,CAACmG,IAAI,CAAC7E,UAAU,CAAC;AAE/C,MAAMuD,MAAM,GAAGzE,UAAU,CAACgG,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDrB,uBAAuB,EAAE;IACvBsB,QAAQ,EAAE,UAAU;IACpBF,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDjB,eAAe,EAAE;IACfe,IAAI,EAAEI,SAAS;IACfH,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE;EAClB,CAAC;EACDzB,aAAa,EAAE;IACbuB,IAAI,EAAE,CAAC;IACPK,iBAAiB,EAAE,EAAE;IACrBJ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDxB,eAAe,EAAE;IACf4B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDjB,uBAAuB,EAAE;IACvBW,QAAQ,EAAE,UAAU;IACpBO,MAAM,EAAE,CAAC;IACTL,iBAAiB,EAAE,CAAC;IACpBM,eAAe,EAAE,CAAC;IAClBV,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,cAAc,EAAE;IACda,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,SAAS,EAAE,QAAQ;IACnBG,eAAe,EAAE,oBAAoB;IACrCC,gBAAgB,EAAE,CAAC;IACnBC,gBAAgB,EAAE;MAAEhC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE;EAC1C,CAAC;EACDW,uBAAuB,EAAE;IACvBM,IAAI,EAAE,CAAC;IACPlB,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdkB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDP,cAAc,EAAE;IACdU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBM,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSPlayerContainer.js

@@ -1,20 +1,79 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { Easing, cancelAnimation, useSharedValue, withDelay, withTiming } from 'react-native-reanimated';
 import { useHLSViewsConstraints } from '../hooks-util';
 import { HLSPlayer } from './HLSPlayer';
 import { HLSPlayerControls } from './HLSPlayerControls';
 export const _HLSPlayerContainer = () => {
-  // const hlsPlayerRef = useRef(null);
+  const hlsPlayerRef = React.useRef(null);
   const {
     playerWrapperConstraints
   } = useHLSViewsConstraints();
-  return /*#__PURE__*/React.createElement(View, {
+  const animatedValue = useSharedValue(1);
+  const cancelCurrentControlAnimation = React.useCallback(() => {
+    'worklet';
+
+    cancelAnimation(animatedValue);
+  }, []);
+  const hideControlsAfterDelay = React.useCallback((duration = 500) => {
+    'worklet';
+
+    animatedValue.value = withDelay(5000, withTiming(0, {
+      duration,
+      easing: Easing.ease
+    }));
+  }, []);
+  const resetHideControlAnimation = React.useCallback(() => {
+    cancelCurrentControlAnimation();
+    hideControlsAfterDelay();
+  }, [cancelCurrentControlAnimation, hideControlsAfterDelay]);
+  const hideControls = React.useCallback((duration = 500) => {
+    'worklet';
+
+    animatedValue.value = withTiming(0, {
+      duration,
+      easing: Easing.ease
+    });
+  }, []);
+  React.useEffect(() => {
+    resetHideControlAnimation();
+  }, [resetHideControlAnimation]);
+  const tapGesture = React.useMemo(() => {
+    return Gesture.Tap().onStart(() => {
+      cancelCurrentControlAnimation();
+      if (animatedValue.value < 1) {
+        animatedValue.value = withTiming(1, {
+          duration: 200,
+          easing: Easing.ease
+        }, finished => {
+          if (finished) {
+            hideControlsAfterDelay();
+          }
+        });
+      } else {
+        hideControls(200);
+      }
+    });
+  }, [cancelCurrentControlAnimation, hideControls, hideControlsAfterDelay]);
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: tapGesture
+  }, /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
     style: [styles.hlsPlayerContainer, {
       backgroundColor: 'black',
       width: playerWrapperConstraints.width,
       height: playerWrapperConstraints.height
     }]
-  }, /*#__PURE__*/React.createElement(HLSPlayer, null), /*#__PURE__*/React.createElement(HLSPlayerControls, null));
+  }, /*#__PURE__*/React.createElement(HLSPlayer, {
+    ref: hlsPlayerRef
+  }), /*#__PURE__*/React.createElement(HLSPlayerControls, {
+    playerRef: hlsPlayerRef,
+    animatedValue: animatedValue,
+    cancelCurrentControlAnimation: cancelCurrentControlAnimation,
+    hideControlsAfterDelay: hideControlsAfterDelay,
+    resetHideControlAnimation: resetHideControlAnimation
+  })));
 };
 export const HLSPlayerContainer = /*#__PURE__*/React.memo(_HLSPlayerContainer);
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","useHLSViewsConstraints","HLSPlayer","HLSPlayerControls","_HLSPlayerContainer","playerWrapperConstraints","createElement","style","styles","hlsPlayerContainer","backgroundColor","width","height","HLSPlayerContainer","memo","create","hlsView","flex","position","textContainer","paddingHorizontal","alignItems","justifyContent","warningSubtitle","fontSize","lineHeight","letterSpacing","textAlign","playbackFailedContainer","playbackFailed","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayerContainer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,sBAAsB,QAAQ,eAAe;AACtD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,OAAO,MAAMC,mBAA6B,GAAGA,CAAA,KAAM;EACjD;EACA,MAAM;IAAEC;EAAyB,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAE7D,oBACEH,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACHQ,KAAK,EAAE,CACLC,MAAM,CAACC,kBAAkB,EACzB;MACEC,eAAe,EAAE,OAAO;MACxBC,KAAK,EAAEN,wBAAwB,CAACM,KAAK;MACrCC,MAAM,EAAEP,wBAAwB,CAACO;IACnC,CAAC;EACD,gBAEFd,KAAA,CAAAQ,aAAA,CAACJ,SAAS,MAAE,CAAC,eAEbJ,KAAA,CAAAQ,aAAA,CAACH,iBAAiB,MAAE,CAChB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMU,kBAAkB,gBAAGf,KAAK,CAACgB,IAAI,CAACV,mBAAmB,CAAC;AAEjE,MAAMI,MAAM,GAAGR,UAAU,CAACe,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDR,kBAAkB,EAAE;IAClB;IACAS,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,IAAI,EAAE,CAAC;IACPG,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,uBAAuB,EAAE;IACvBX,IAAI,EAAE,CAAC;IACPN,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,QAAQ,EAAE;EACZ,CAAC;EACDW,cAAc,EAAE;IACdL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBG,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","Gesture","GestureDetector","Easing","cancelAnimation","useSharedValue","withDelay","withTiming","useHLSViewsConstraints","HLSPlayer","HLSPlayerControls","_HLSPlayerContainer","hlsPlayerRef","useRef","playerWrapperConstraints","animatedValue","cancelCurrentControlAnimation","useCallback","hideControlsAfterDelay","duration","value","easing","ease","resetHideControlAnimation","hideControls","useEffect","tapGesture","useMemo","Tap","onStart","finished","createElement","gesture","collapsable","style","styles","hlsPlayerContainer","backgroundColor","width","height","ref","playerRef","HLSPlayerContainer","memo","create","hlsView","flex","position","textContainer","paddingHorizontal","alignItems","justifyContent","warningSubtitle","fontSize","lineHeight","letterSpacing","textAlign","playbackFailedContainer","playbackFailed","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayerContainer.tsx"],"mappings":"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","ignoreList":[]}