{"_id":"@delainetech/rn-video-player","_rev":"6-7c4ff7049bdbe697e239e7d0ababfbeb","name":"@delainetech/rn-video-player","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@delainetech/rn-video-player","version":"1.0.0","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","_id":"@delainetech/rn-video-player@1.0.0","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","dist":{"shasum":"1777c9805ee325aa55673bed36ba696516dfec83","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.0.tgz","fileCount":45,"integrity":"sha512-xo01Ba/H96tax6yQ9izay4gcj8mqPF3u9aIWu2dqQU1MLWXLW03EOIk5LBLYYIQF4w+4PqJyMECq18zPLYX0gw==","signatures":[{"sig":"MEQCIAWxQH4C55urIbxs2VRAxjogXGflDU9vKlJs90AHNb2VAiBzWeKi6gn7mgQI41UR1FZ/shVvMDVg3cXG3va9mg2aLA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64944},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"_npmVersion":"10.9.2","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3","@types/react":"^18.3.28","react-native-video":"^6.19.1","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","@thehale/react-native-keep-awake":"^0.2.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":">=6.0.0","react-native-orientation-locker":">=1.0.0","@thehale/react-native-keep-awake":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rn-video-player_1.0.0_1773820156738_0.27643649934303216","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@delainetech/rn-video-player","version":"1.0.1","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","_id":"@delainetech/rn-video-player@1.0.1","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","dist":{"shasum":"116f7aa73a1866f79bdd0aa5009ea7cff315fbff","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.1.tgz","fileCount":45,"integrity":"sha512-Vqlhutq68MIR1xK/T7cuAOcdo7l5+4Ek2ZYC6+hcmVR4soWKFB23AazRlfHmCaqgUeYFDtrvUQn9aDcgqOmVXw==","signatures":[{"sig":"MEUCIDqaG8wmqTJGHrIDw+cZ2V3FxduaZN+0S4rQMefs1XMeAiEA7DCTvEY6Z/caLxEDob4TFPmAPVehbdcBftwGt/DxA78=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64944},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"_npmVersion":"10.9.2","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3","@types/react":"^18.3.28","react-native-video":"^6.19.1","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","@thehale/react-native-keep-awake":"^0.2.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":">=6.0.0","react-native-orientation-locker":">=1.0.0","@thehale/react-native-keep-awake":">=0.2.0"},"_npmOperationalInternal":{"tmp":"tmp/rn-video-player_1.0.1_1773820941928_0.28020747375302224","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@delainetech/rn-video-player","version":"1.0.2","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","_id":"@delainetech/rn-video-player@1.0.2","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","dist":{"shasum":"dff23291f61adad94e95f6c858ec79d10e362886","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.2.tgz","fileCount":45,"integrity":"sha512-nmdDlePNwQKiGiD5ISOkX4EJRGmjfP0vV4bZ4uRPERBNBQP1iy/cs3U6ApEhMZ3G7srFlZqiwoj92ai2VINu6A==","signatures":[{"sig":"MEUCIGGlDzhjmiTaf9kHOLnrkrJVQ2w/cre/C7TC9wWFm90/AiEAmpY2aKjXUFd93eQ61OIoebANWwgsuyoWd91OvBLGsus=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":65014},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"_npmVersion":"10.9.2","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3","@types/react":"^18.3.28","react-native-video":"^6.19.1","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","@thehale/react-native-keep-awake":"^0.2.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":">=6.0.0","react-native-orientation-locker":">=1.0.0","@thehale/react-native-keep-awake":">=0.2.0"},"_npmOperationalInternal":{"tmp":"tmp/rn-video-player_1.0.2_1773821430883_0.4151084966200087","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@delainetech/rn-video-player","version":"1.0.3","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","_id":"@delainetech/rn-video-player@1.0.3","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","dist":{"shasum":"eaf6b94bc651c36c4fb93cafa83d777e4480470d","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.3.tgz","fileCount":64,"integrity":"sha512-dQAXoHGxDlzPrIzK+fZtOyyXUbS/RdtmpMlWFhNXwY5q1OTdGSf4tK2Hxm2QvQWWS9zRxZL1RLlt7a2G+oqGXw==","signatures":[{"sig":"MEYCIQCp0obDYRfJJ3cBFbM2RG1LDySvh0s+MkkcZbxm4zWZ8wIhAJ1XN/lbHx7Cu6Woshw6g1MufWkHMSgSRpfapxexZ5WG","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137813},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"_npmVersion":"10.9.2","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3","@types/react":"^18.3.28","react-native-video":"^6.19.1","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","@thehale/react-native-keep-awake":"^0.2.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":">=6.0.0","react-native-orientation-locker":">=1.0.0","@thehale/react-native-keep-awake":">=0.2.0"},"_npmOperationalInternal":{"tmp":"tmp/rn-video-player_1.0.3_1773821595753_0.49694643038041053","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@delainetech/rn-video-player","version":"1.0.4","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","_id":"@delainetech/rn-video-player@1.0.4","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","dist":{"shasum":"76bbe14f08a8d82423860113251bb339b993d545","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.4.tgz","fileCount":64,"integrity":"sha512-Bet5JnK5xKDI1hMtOEvDFilkYi+bsMOScv6jxNHG4sHUmQtLAY6SL9vVdIB115yH0/3k7Zfq6P2c17HKUAEAEA==","signatures":[{"sig":"MEUCICB8dBP1M/u0bgK3LkSCNYxA23fo+OUryaSHtG0NYmyaAiEA6i/Q42shxu44jug27nXx5VFMyGGX2etm8n1ysguc2tM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137704},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"_npmVersion":"10.9.2","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","directories":{},"_nodeVersion":"22.13.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^5.9.3","@types/react":"^18.3.28","react-native-video":"^6.19.1","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","@thehale/react-native-keep-awake":"^0.2.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-video":">=6.0.0","react-native-orientation-locker":">=1.0.0","@thehale/react-native-keep-awake":">=0.2.0"},"_npmOperationalInternal":{"tmp":"tmp/rn-video-player_1.0.4_1773823019999_0.8098660122443879","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@delainetech/rn-video-player","version":"1.0.5","description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","main":"lib/index.js","types":"lib/index.d.ts","scripts":{"build":"tsc","prepare":"npm run build"},"keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"author":{"name":"delainetech"},"license":"MIT","homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","repository":{"type":"git","url":"git+https://github.com/Pardeep03315/rn-video-player.git"},"peerDependencies":{"@thehale/react-native-keep-awake":">=0.2.0","react":"*","react-native":"*","react-native-orientation-locker":">=1.0.0","react-native-video":">=6.0.0"},"devDependencies":{"@thehale/react-native-keep-awake":"^0.2.0","@types/react":"^18.3.28","@types/react-native":"^0.73.0","react-native-orientation-locker":"^1.7.0","react-native-video":"^6.19.1","typescript":"^5.9.3"},"_id":"@delainetech/rn-video-player@1.0.5","gitHead":"5b19227b2e8bcde091999e84d1c2392243c6898a","bugs":{"url":"https://github.com/Pardeep03315/rn-video-player/issues"},"_nodeVersion":"22.13.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-DNRCel3WlXN7xEbve5s7ZZCN2cnW3bxlceP5wcuzFXL5gq9Jg4MgTWA5CIbDCXtebBLMYzwhjD//ncJYFrWZuw==","shasum":"c93598a92f3f215830d064675133197c7cf2fca5","tarball":"https://registry.npmjs.org/@delainetech/rn-video-player/-/rn-video-player-1.0.5.tgz","fileCount":64,"unpackedSize":137858,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICbvpBrlESmmY/DihX+/U2VHsCr+3iCHI79BHpKD7q24AiEAyMVQLZMAFcWW7q6jKpLMQN/2m2KTtqy4A6nts4XcMsU="}]},"_npmUser":{"name":"delainetech","email":"delainetechnologies@gmail.com"},"directories":{},"maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rn-video-player_1.0.5_1773923075971_0.2996686995893896"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-18T07:49:16.640Z","modified":"2026-03-19T12:24:36.228Z","1.0.0":"2026-03-18T07:49:16.914Z","1.0.1":"2026-03-18T08:02:22.067Z","1.0.2":"2026-03-18T08:10:31.047Z","1.0.3":"2026-03-18T08:13:15.903Z","1.0.4":"2026-03-18T08:37:00.129Z","1.0.5":"2026-03-19T12:24:36.118Z"},"author":{"name":"delainetech"},"license":"MIT","homepage":"https://www.npmjs.com/package/@delainetech/rn-video-player","keywords":["react-native","video","player","video-player","react-native-video","fullscreen","controls"],"description":"A fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support","maintainers":[{"name":"delainetech","email":"delainetechnologies@gmail.com"}],"readme":"# @delainetech/rn-video-player\n\nA fully customizable React Native video player with controls, fullscreen, seek, mute and orientation support for both Android and iOS.\n\n## Features\n\n- ▶️ Play / Pause\n- ⏩ Forward / Backward seek\n- 🔇 Mute / Unmute\n- 📺 Fullscreen with orientation lock\n- ⏱ Duration display\n- 🎨 Fully customizable icons and styles\n- 📱 Android & iOS support\n\n## Installation\n\n```sh\nnpm install @delainetech/rn-video-player\n```\n\n### Peer Dependencies\n\nInstall the required peer dependencies:\n\n```sh\nnpm install react-native-video react-native-orientation-locker @thehale/react-native-keep-awake\n```\n\n### iOS Setup\n\n**1. Install pods:**\n```sh\nbundle exec pod install\n```\n\n**2. Add to `AppDelegate.swift` + Bridging Header (RN 0.77 and above):**\n\nAdd the following to your project's `AppDelegate.swift`:\n\n```swift\n// ...\n@main\nclass AppDelegate: UIResponder, UIApplicationDelegate {\n  // ...\n\n  // required for react-native-orientation-locker\n  func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask {\n    return Orientation.getOrientation()\n  }\n}\n// ...\n```\n\n**3. Add to your Bridging Header (`YourApp-Bridging-Header.h`):**\n```objc\n#import \"Orientation.h\"\n```\n\n## Usage\n\n```tsx\nimport VideoPlayer from '@delainetech/rn-video-player';\n\n<VideoPlayer\n  source={{ uri: 'https://your-video-url.mp4' }}\n  autoPlay={true}\n  showDuration={true}\n  controlsTimeout={3}\n  movingValue={10}\n  onEnd={() => console.log('ended')}\n  onError={(err) => console.log(err)}\n  onBack={() => navigation.goBack()}\n/>\n```\n\n## Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `source` | `object` | required | Video source `{ uri: '...' }` |\n| `autoPlay` | `boolean` | `true` | Auto play on load |\n| `repeat` | `boolean` | `false` | Loop video |\n| `showDuration` | `boolean` | `true` | Show time display |\n| `controlsTimeout` | `number` | `3` | Seconds before controls auto-hide |\n| `movingValue` | `number` | `10` | Seconds to skip forward/backward |\n| `hideMovingValue` | `boolean` | `false` | Hide skip seconds label |\n| `defaultMuted` | `boolean` | `false` | Start muted |\n| `showBackButton` | `boolean` | `true` | Show back button |\n| `rate` | `number` | `1` | Playback speed |\n| `resizeMode` | `string` | `contain` | Video resize mode |\n| `lockRatio` | `number` | - | Lock aspect ratio |\n\n## Callbacks\n\n| Prop | Description |\n|------|-------------|\n| `onLoad` | Called when video loads |\n| `onEnd` | Called when video ends |\n| `onError` | Called on error with sanitized error string |\n| `onBack` | Called when back button pressed |\n| `onPressOption` | Called when options button pressed |\n| `onChangeOrientation` | Called with `\"fullscreen\"` or `\"inline\"` |\n\n## Customization — Icons\n\n| Prop | Description |\n|------|-------------|\n| `backIcon` | Custom back button image |\n| `playIcon` | Custom play image |\n| `pauseIcon` | Custom pause image |\n| `muteIcon` | Custom mute image |\n| `unMuteIcon` | Custom unmute image |\n| `fullscreenIcon` | Custom fullscreen image |\n| `exit_fullscreenIcon` | Custom exit fullscreen image |\n| `forwardIcon` | Custom forward image |\n| `backwardIcon` | Custom backward image |\n| `optionIcon` | Custom options image |\n\n## Customization — Styles\n\n| Prop | Description |\n|------|-------------|\n| `backIconStyle` | Style for back icon |\n| `fullScreenIconStyle` | Style for fullscreen icon |\n| `muteIconStyle` | Style for mute icon |\n| `playPauseIconStyle` | Style for play/pause icon |\n| `forwardIconStyle` | Style for forward icon |\n| `backwardIconStyle` | Style for backward icon |\n| `optionIconStyle` | Style for options icon |\n| `durationTextStyle` | Style for time text |\n| `thumbTintColor` | Scrubber thumb color |\n| `minimumTrackTintColor` | Scrubber played track color |\n| `maximumTrackTintColor` | Scrubber unplayed track color |\n| `thumbStyle` | Scrubber thumb style |\n| `trackStyle` | Scrubber track style |\n\n## Ref Methods\n\n```tsx\nconst playerRef = useRef(null);\n\n<VideoPlayer ref={playerRef} ... />\n\nplayerRef.current.play();           // Resume playback\nplayerRef.current.pause();          // Pause playback\nplayerRef.current.stop();           // Stop playback\nplayerRef.current.seek(30);         // Seek to 30 seconds\nplayerRef.current.exitFullScreen(); // Exit fullscreen\n```\n\n## Author\n\n[Pardeep](https://github.com/Pardeep03315)\n\n## License\n\nMIT © [delainetech](https://www.npmjs.com/~delainetech)\n","readmeFilename":"README.md","repository":{"type":"git","url":"git+https://github.com/Pardeep03315/rn-video-player.git"},"bugs":{"url":"https://github.com/Pardeep03315/rn-video-player/issues"}}