@zezosoft/zezo-ott-react-native-video-player 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Naresh Dhamu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,308 @@
+# 🎬 ZezoOTT Video Player
+
+The **ZezoOTT Video Player** is a powerful React Native component crafted for OTT platforms.  
+It delivers a **seamless full-screen video playback experience**, powered by a centralized **VideoPlayer Store** for state management.
+
+---
+
+## ✨ Features
+
+- 📺 **Episode navigation & Seasons support**
+- 📊 **Watch progress tracking & analytics**
+- 🎨 **Custom theming**
+- 🔄 **Auto-next playback**
+- 🎬 **Playlist & seasons integration**
+- 🗄️ **Centralized store for playback state, tracks & UI**
+- 📱 **Optimized for React Native OTT apps**
+- 🛠 **Minimal configuration, production-ready**
+
+---
+
+## 📦 Installation
+
+```bash
+yarn add @zezosoft/zezo-ott-react-native-video-player
+```
+
+or
+
+```bash
+npm install @zezosoft/zezo-ott-react-native-video-player
+```
+
+---
+
+## ⚙️ VideoPlayer Props
+
+| Prop                | Type                                                                                | Description                                                                  |
+| ------------------- | ----------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- |
+| **onClose**         | `() => void`                                                                        | Triggered when the player is closed.                                         |
+| **isFocused**       | `boolean`                                                                           | Controls playback focus. Automatically pauses when the screen is not active. |
+| **seekTime**        | `number \| null`                                                                    | Starts playback from a given time (in seconds).                              |
+| **mode**            | `'fullscreen' \| 'normal'`                                                          | Sets the display mode of the player.                                         |
+| **onSeek**          | `(time: number) => void`                                                            | Fired when the user manually seeks to a new playback position.               |
+| **autoNext**        | `boolean`                                                                           | Automatically plays the next episode/video after completion.                 |
+| **event**           | `{ onPressEpisode?: ({ episode }: { episode: MediaEpisode }) => Promise<boolean> }` | Event hooks (e.g. custom handling for episode selection).                    |
+| **theme**           | `Partial<VideoPlayerTheme>`                                                         | Customize the look & feel of the player (colors, metrics, etc.).             |
+| **onWatchProgress** | `(progress: ExtendedWatchProgress) => void`                                         | Reports playback analytics such as watch time, current time, and completion. |
+
+---
+
+## 🚀 Usage Examples
+
+### ▶️ Basic Example
+
+```tsx
+import React from 'react';
+import { VideoPlayer } from '@zezosoft/zezo-ott-react-native-video-player';
+
+export default function App() {
+  return (
+    <VideoPlayer
+      isFocused={true}
+      onClose={() => console.log('Player closed')}
+      autoNext={true}
+      onWatchProgress={(progress) => {
+        console.log('Watch Progress:', progress);
+      }}
+    />
+  );
+}
+```
+
+### 🔄 Auto-Next Episodes
+
+```tsx
+<VideoPlayer
+  autoNext={true}
+  event={{
+    onPressEpisode: async ({ episode }) => {
+      console.log('Next episode:', episode.title);
+      return true; // return false to block playback
+    },
+  }}
+/>
+```
+
+### 🎨 Theming Example
+
+```tsx
+<VideoPlayer
+  theme={{
+    colors: {
+      primary: '#E50914',
+      background: '#000000',
+      onBackground: '#FFFFFF',
+    },
+    metrics: {
+      controlButtonSize: 42,
+    },
+  }}
+/>
+```
+
+### 📺 Playlist & Seasons Setup
+
+```tsx
+// ContentDetailsScreen.tsx
+import { useVideoPlayerStore } from '@zezosoft/zezo-ott-react-native-video-player';
+import { useNavigation } from '@react-navigation/native';
+
+export default function ContentDetailsScreen({ contentData }) {
+  const {
+    resetStore,
+    setPlayList,
+    setContentSeasons,
+    setActiveSeason,
+    setCurrentTrackIndex,
+    setActiveTrack,
+  } = useVideoPlayerStore();
+  const navigation = useNavigation();
+
+  const handlePlay = () => {
+    resetStore();
+    setContentSeasons(contentData.seasons);
+    setActiveSeason(contentData.seasons[0]);
+
+    const playlist = contentData.seasons[0].episodes.map((ep) => ({
+      id: ep.id,
+      title: ep.name,
+      contentId: contentData.id,
+      sourceLink: ep.sourceLink,
+      type: contentData.type,
+    }));
+
+    setPlayList(playlist);
+    setCurrentTrackIndex(0);
+    setActiveTrack(playlist[0]);
+
+    navigation.navigate('VideoPlayerScreen');
+  };
+
+  return <Button title="Play" onPress={handlePlay} />;
+}
+```
+
+```tsx
+// VideoPlayerScreen.tsx
+import { VideoPlayer } from '@zezosoft/zezo-ott-react-native-video-player';
+
+export default function VideoPlayerScreen() {
+  return <VideoPlayer isFocused={true} autoNext={true} />;
+}
+```
+
+---
+
+# 🗄️ Video Player Store
+
+The **VideoPlayerStore** is a centralized state store that powers the ZezoOTT Video Player.  
+It manages **playback state, tracks, UI controls, analytics, and content navigation**.
+
+---
+
+## 🚀 Store Features
+
+- Manage **playback state**: current time, duration, buffering, playback rate
+- Handle **tracks**: audio, subtitles, video quality
+- Control **UI state**: controls visibility, settings modal, skip/next episode
+- Track **content structure**: playlists, seasons, active season/episode
+- Support **analytics**: watch time, view count, error handling
+
+---
+
+## ⚡ Store Usage Example
+
+```tsx
+import { useVideoPlayerStore } from '@zezosoft/zezo-ott-react-native-video-player';
+import React from 'react';
+
+export default function VideoPlayerExample() {
+  const {
+    setPlayList,
+    setActiveSeason,
+    setActiveTrack,
+    setContentSeasons,
+    setCurrentTrackIndex,
+    resetStore,
+    playList,
+    activeTrack,
+    activeSeason,
+  } = useVideoPlayerStore();
+
+  const contentData = {
+    id: 'movie123',
+    type: 'series',
+    name: 'My Series',
+    seasons: [
+      {
+        id: 'season1',
+        name: 'Season 1',
+        seasonNumber: 1,
+        episodes: [
+          {
+            id: 'ep1',
+            name: 'Episode 1',
+            sourceLink: 'https://example.com/ep1.mp4',
+          },
+          {
+            id: 'ep2',
+            name: 'Episode 2',
+            sourceLink: 'https://example.com/ep2.mp4',
+          },
+        ],
+      },
+    ],
+  };
+
+  const setupPlayer = () => {
+    resetStore();
+    setContentSeasons(contentData.seasons);
+    setActiveSeason(contentData.seasons[0]);
+
+    const playlist = contentData.seasons[0].episodes.map((ep) => ({
+      id: ep.id,
+      title: ep.name,
+      contentId: contentData.id,
+      sourceLink: ep.sourceLink,
+      type: contentData.type,
+    }));
+
+    setPlayList(playlist);
+    setCurrentTrackIndex(0);
+    setActiveTrack(playlist[0]);
+  };
+
+  return (
+    <div>
+      <button onClick={setupPlayer}>Load Series</button>
+      <h3>Active Season: {activeSeason?.name}</h3>
+      <ul>
+        {playList.map((track) => (
+          <li key={track.id}>
+            {track.title} {activeTrack?.id === track.id ? '(Playing)' : ''}
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+---
+
+## 📝 Notes & Best Practices
+
+- 🔄 **Always call `resetStore()`** before loading new content.
+- 🎚️ **Playback rate** requires both `rate` and `label` in sync.
+- 🕹️ **Controls auto-hide** is managed by `controlsTimer`.
+- 🌐 **Track selections** depend on available `OnLoadData` — always null-check.
+- 📊 **Analytics props** integrate with your analytics pipeline.
+- ⚠️ **Error handling**: Use `setError` for surfacing playback issues.
+- 🎬 **Seasons & episodes**: Update both `contentSeasons` and `activeSeason` before setting playlist.
+
+---
+
+## 📌 Fullscreen Notes
+
+If fullscreen doesn’t work, ensure you install **react-native-orientation-locker**:
+
+```bash
+yarn add react-native-orientation-locker
+# or
+npm install react-native-orientation-locker
+```
+
+🔗 Known issues: [react-native-orientation-locker issues](https://github.com/wonday/react-native-orientation-locker/issues)
+
+---
+
+## 🔗 Demo App
+
+👉 [Zezo OTT Demo App](https://github.com/Zezo-Soft/zezo-ott-demo-app)
+
+---
+
+## 👨‍💻 Developer
+
+Made with passion by:
+
+<p>
+  <a href="https://github.com/Naresh-Dhamu" target="_blank">
+    <img src="https://avatars.githubusercontent.com/u/89912059?v=4" width="80" height="80" alt="Naresh Dhamu" style="border-radius: 50%; margin-left:10px">
+    <br />
+    <strong>Naresh Dhamu</strong>
+  </a>
+</p>
+
+---
+
+## 📄 License
+
+Licensed under the [MIT License](LICENSE).
+
+---
+
+<p align="center">
+  ⚡ Powered by <a href="https://zezosoft.com" target="_blank"><strong>ZezoSoft</strong></a>
+</p>

package/lib/module/VideoPlayer/MediaControls/BottomControls.js

@@ -0,0 +1,156 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { Settings as SettingsIcon, SlidersHorizontal as SpeedIcon, Subtitles as SubtitlesIcon, ListChecks as EpisodesIcon } from 'lucide-react-native';
+import { useVideoPlayerStore } from "../store/videoPlayerStore.js";
+import { videoRef } from "../utils/videoRef.js";
+import { formatTime } from "../utils/index.js";
+import ProgressBar from "../components/ProgressBar.js";
+import { useVideoPlayerConfig } from "../context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ControlButton = ({
+  onPress,
+  icon,
+  label,
+  accessibilityLabel,
+  buttonStyle,
+  labelStyle,
+  colors
+}) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+  onPress: onPress,
+  style: [styles.button, buttonStyle],
+  activeOpacity: 0.8,
+  accessibilityLabel: accessibilityLabel ?? label,
+  children: [icon, /*#__PURE__*/_jsx(Text, {
+    style: [styles.buttonText, labelStyle, {
+      color: colors.text
+    }],
+    children: label
+  })]
+});
+const BottomControls = () => {
+  const {
+    duration,
+    currentTime,
+    activeTrack,
+    playableDuration,
+    setSettingsModal,
+    setIsPaused,
+    setControlsVisible,
+    playBackRateLabel
+  } = useVideoPlayerStore();
+  const {
+    colors
+  } = useVideoPlayerConfig();
+  const getRemainingTime = useCallback((totalDuration, currentPos) => {
+    const remainingTime = totalDuration - currentPos;
+    return formatTime(Math.max(remainingTime, 0));
+  }, []);
+  const onSeek = value => {
+    videoRef.current?.seek(value);
+  };
+  const onOpenSettings = type => {
+    setSettingsModal({
+      action: type,
+      isVisible: true
+    });
+    setIsPaused(true);
+    setControlsVisible(false);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.sliderContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.sliderWrapper,
+        children: /*#__PURE__*/_jsx(ProgressBar, {
+          duration: duration,
+          currentTime: currentTime,
+          bufferedTime: playableDuration,
+          onSeek: onSeek
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.timeText, {
+          color: colors.text
+        }],
+        children: getRemainingTime(duration, currentTime)
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.buttonsContainer,
+      children: [/*#__PURE__*/_jsx(ControlButton, {
+        onPress: () => onOpenSettings('speed'),
+        icon: /*#__PURE__*/_jsx(SpeedIcon, {
+          size: moderateScale(18),
+          color: colors.text
+        }),
+        label: playBackRateLabel && playBackRateLabel !== 'Normal' ? `Speed (${playBackRateLabel})` : 'Speed',
+        colors: colors
+      }), /*#__PURE__*/_jsx(ControlButton, {
+        onPress: () => onOpenSettings('audioOrSubtitle'),
+        icon: /*#__PURE__*/_jsx(SubtitlesIcon, {
+          size: moderateScale(19),
+          color: colors.text
+        }),
+        label: "Audio & Subtitles",
+        colors: colors
+      }), /*#__PURE__*/_jsx(ControlButton, {
+        onPress: () => onOpenSettings('settings'),
+        icon: /*#__PURE__*/_jsx(SettingsIcon, {
+          size: moderateScale(18),
+          color: colors.text
+        }),
+        label: "Settings",
+        colors: colors
+      }), !activeTrack?.isTrailer && activeTrack?.type === 'series' && /*#__PURE__*/_jsx(ControlButton, {
+        onPress: () => onOpenSettings('episodes'),
+        icon: /*#__PURE__*/_jsx(EpisodesIcon, {
+          size: moderateScale(17),
+          color: colors.text
+        }),
+        label: "Episodes",
+        colors: colors
+      })]
+    })]
+  });
+};
+export default BottomControls;
+const styles = StyleSheet.create({
+  sliderContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: scale(12)
+  },
+  sliderWrapper: {
+    flex: 1,
+    minWidth: 0
+  },
+  timeText: {
+    width: scale(50),
+    textAlign: 'right',
+    marginLeft: scale(4),
+    fontSize: RFValue(12),
+    fontWeight: '500'
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    flexWrap: 'wrap',
+    paddingHorizontal: scale(10)
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: scale(12),
+    paddingVertical: verticalScale(6),
+    marginHorizontal: scale(6),
+    marginVertical: verticalScale(4),
+    borderRadius: moderateScale(8)
+  },
+  buttonText: {
+    fontSize: RFValue(13),
+    marginLeft: scale(6)
+  }
+});
+//# sourceMappingURL=BottomControls.js.map

package/lib/module/VideoPlayer/MediaControls/BottomControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","StyleSheet","Text","TouchableOpacity","View","scale","verticalScale","moderateScale","RFValue","Settings","SettingsIcon","SlidersHorizontal","SpeedIcon","Subtitles","SubtitlesIcon","ListChecks","EpisodesIcon","useVideoPlayerStore","videoRef","formatTime","ProgressBar","useVideoPlayerConfig","jsx","_jsx","jsxs","_jsxs","ControlButton","onPress","icon","label","accessibilityLabel","buttonStyle","labelStyle","colors","style","styles","button","activeOpacity","children","buttonText","color","text","BottomControls","duration","currentTime","activeTrack","playableDuration","setSettingsModal","setIsPaused","setControlsVisible","playBackRateLabel","getRemainingTime","totalDuration","currentPos","remainingTime","Math","max","onSeek","value","current","seek","onOpenSettings","type","action","isVisible","sliderContainer","sliderWrapper","bufferedTime","timeText","buttonsContainer","size","isTrailer","create","flexDirection","alignItems","paddingHorizontal","flex","minWidth","width","textAlign","marginLeft","fontSize","fontWeight","justifyContent","flexWrap","paddingVertical","marginHorizontal","marginVertical","borderRadius"],"sourceRoot":"../../../../src","sources":["VideoPlayer/MediaControls/BottomControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/VideoPlayer/MediaControls/MediaControls.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { memo } from 'react';
+import { StyleSheet, SafeAreaView } from 'react-native';
+import TopControls from "./TopControls.js";
+import MiddleControls from "./MiddleControls.js";
+import BottomControls from "./BottomControls.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MediaControls = ({
+  onClose
+}) => {
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(TopControls, {
+      onClose: onClose
+    }), /*#__PURE__*/_jsx(MiddleControls, {}), /*#__PURE__*/_jsx(BottomControls, {})]
+  });
+};
+export default /*#__PURE__*/memo(MediaControls);
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'space-between'
+  }
+});
+//# sourceMappingURL=MediaControls.js.map

package/lib/module/VideoPlayer/MediaControls/MediaControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","SafeAreaView","TopControls","MiddleControls","BottomControls","jsx","_jsx","jsxs","_jsxs","MediaControls","onClose","style","styles","container","children","create","flex","flexDirection","justifyContent"],"sourceRoot":"../../../../src","sources":["VideoPlayer/MediaControls/MediaControls.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AACvD,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,cAAc,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM9C,MAAMC,aAA2C,GAAGA,CAAC;EAAEC;AAAQ,CAAC,KAAK;EACnE,oBACEF,KAAA,CAACP,YAAY;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBACpCR,IAAA,CAACJ,WAAW;MAACQ,OAAO,EAAEA;IAAQ,CAAE,CAAC,eACjCJ,IAAA,CAACH,cAAc,IAAE,CAAC,eAClBG,IAAA,CAACF,cAAc,IAAE,CAAC;EAAA,CACN,CAAC;AAEnB,CAAC;AAED,4BAAeL,IAAI,CAACU,aAAa,CAAC;AAElC,MAAMG,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,QAAQ;IACvBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/VideoPlayer/MediaControls/MediaControlsProvider.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { StyleSheet, TouchableOpacity, View, Animated } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { moderateScale } from 'react-native-size-matters';
+import MediaControls from "./MediaControls.js";
+import SettingModal from "../model/SettingModal.js";
+import { useVideoPlayerStore } from "../store/videoPlayerStore.js";
+import SkipAndNextControls from "../components/SkipAndNextControls.js";
+import globalStyles from "../Styles/globalStyles.js";
+import SubtitleView from "../components/SubtitleView.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MediaControlsProvider = ({
+  children,
+  onClose,
+  onPressEpisode,
+  reportProgress
+}) => {
+  const {
+    controlsVisible,
+    setControlsVisible,
+    controlsTimer
+  } = useVideoPlayerStore();
+  const {
+    top,
+    bottom,
+    left,
+    right
+  } = useSafeAreaInsets();
+  const timeid = React.useRef(null);
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    Animated.timing(fadeAnim, {
+      toValue: controlsVisible ? 1 : 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+    if (controlsVisible) {
+      timeid.current = setTimeout(() => {
+        setControlsVisible(false);
+      }, controlsTimer * 1000);
+    }
+    return () => {
+      if (timeid.current) clearTimeout(timeid.current);
+    };
+  }, [controlsVisible, controlsTimer, setControlsVisible, fadeAnim]);
+  const containerPadding = {
+    paddingTop: top,
+    paddingBottom: bottom + moderateScale(5),
+    paddingLeft: left + moderateScale(10),
+    paddingRight: right + moderateScale(10)
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: globalStyles.flexOne,
+    children: [children, /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: controlsVisible ? 'auto' : 'none',
+      style: [StyleSheet.absoluteFillObject, {
+        opacity: fadeAnim
+      }],
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setControlsVisible(false),
+        style: [styles.container, containerPadding],
+        activeOpacity: 1,
+        children: /*#__PURE__*/_jsx(MediaControls, {
+          onClose: onClose
+        })
+      })
+    }), /*#__PURE__*/_jsx(SettingModal, {
+      onPressEpisode: onPressEpisode,
+      reportProgress: reportProgress
+    }), /*#__PURE__*/_jsx(SubtitleView, {}), /*#__PURE__*/_jsx(SkipAndNextControls, {
+      onPressEpisode: onPressEpisode,
+      reportProgress: reportProgress
+    })]
+  });
+};
+export default MediaControlsProvider;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  }
+});
+//# sourceMappingURL=MediaControlsProvider.js.map

package/lib/module/VideoPlayer/MediaControls/MediaControlsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","StyleSheet","TouchableOpacity","View","Animated","useSafeAreaInsets","moderateScale","MediaControls","SettingModal","useVideoPlayerStore","SkipAndNextControls","globalStyles","SubtitleView","jsx","_jsx","jsxs","_jsxs","MediaControlsProvider","children","onClose","onPressEpisode","reportProgress","controlsVisible","setControlsVisible","controlsTimer","top","bottom","left","right","timeid","fadeAnim","Value","current","timing","toValue","duration","useNativeDriver","start","setTimeout","clearTimeout","containerPadding","paddingTop","paddingBottom","paddingLeft","paddingRight","style","flexOne","pointerEvents","absoluteFillObject","opacity","onPress","styles","container","activeOpacity","create","flex","backgroundColor"],"sourceRoot":"../../../../src","sources":["VideoPlayer/MediaControls/MediaControlsProvider.tsx"],"mappings":"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","ignoreList":[]}