{"_id":"@egor-malishevski/react-native-video-player","_rev":"1-45cbb8e5e75f98ff55d606fce2e4ceb7","name":"@egor-malishevski/react-native-video-player","dist-tags":{"latest":"0.14.3"},"versions":{"0.14.1":{"name":"@egor-malishevski/react-native-video-player","version":"0.14.1","description":"A video player for React Native with controls","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint ."},"keywords":["react-component","react-native","ios","android"],"author":{"name":"Corné Dorrestijn","email":"contact@corne.info"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/cornedor/react-native-video-player.git"},"peerDependencies":{"prop-types":"*","react":"*","react-native":"*","react-native-vector-icons":">= 2.1.0","react-native-video":"^2.0.0"},"devDependencies":{"eslint":"^3.4.0","eslint-config-airbnb":"^10.0.1","eslint-plugin-import":"^1.14.0","eslint-plugin-jsx-a11y":"^2.2.1","eslint-plugin-react":"^6.2.0"},"dependencies":{"deprecated-react-native-prop-types":"^2.3.0"},"gitHead":"e28bb42fa47a54b8d05c9305c6f548195eeda28f","bugs":{"url":"https://github.com/cornedor/react-native-video-player/issues"},"homepage":"https://github.com/cornedor/react-native-video-player#readme","_id":"@egor-malishevski/react-native-video-player@0.14.1","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-RMWXLzBaJtG09I6hc/IRYcwzJEImA3QT5nFIfOIZgZr/Fu0DnQp4mR8+8seHJvzSmnoGov/2/Hq4shqtu6OIoA==","shasum":"7e02e9a76f5a7302fdfa59514412ae3b94c6f4ce","tarball":"https://registry.npmjs.org/@egor-malishevski/react-native-video-player/-/react-native-video-player-0.14.1.tgz","fileCount":17,"unpackedSize":37925,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE9W4c9rZVUTHRgoyotr41GOdIyhK+S2XjKAy4U4BC22AiB7pzOUy2LtGnH6WhyHJd8RHGMq+EimLP5kYyBr8NCPbg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmFPvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog9Q/8D+wzW1Gxmo4/CKT6qYIJs29PsO237hX97SNOXPhA4dYo9Sol\r\nLVOJqdttQqvbi6zdnAWLWd6tqV3gVEidoCQcHt+ts1RDUlIK/wtxv3ecNRoG\r\n+zLCUztKgUdwfLMb3GLFvdv1uWXY/7Hs3WoYNU10bW+Tnsu30BcV26jVR9WO\r\nt8LJOd6gFiKr9j7XgpTSHQPrZ9fAdWoM9NM+py173slXMvJ5u6gWSWtwTrVp\r\npUg99wTp3qULNajgjUnt96I+oUzdgLbIyQ0gVGsqkGiqrlqtfnXh31l6Dhd5\r\nfgA8roQrfxpjMMApUhBjD6SILUGU2ip81QOTVOlD4ysug1x+hmlowUs73/rO\r\n6H7XNY7ysZ/Z5SZCO/kU8TJ3Ho0w9q/+50hgRW4k0E/4HYQTfq04HfLO+a4j\r\neELAneNjEwcFXk50/Yw5KIpImrIj1PT9kjRJumx2PcQM29d8R3Z+dlCzlcPr\r\naxyDo31UOuwYkJrCenV9HXKyaObnzkOlX+5IMFnekuWjrJ3dfnyrP2055KRz\r\nl8sOoAAY8OG6zVIdyi/LLacnuZRLhiDis8FP5dmOEL3HrM1TIaC+O1/1H9+E\r\nLol63DlvtjqjQzHKE/tOeHLEvUftuHYGl+aXY8cL4owmu/ccwZv/+LQf4KE+\r\n95EO+JnuIhNt+AWgfnuPXe55ygTjApcgSg8=\r\n=7W4s\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"egor-malishevski","email":"egor29200125@gmail.com"},"directories":{},"maintainers":[{"name":"egor-malishevski","email":"egor29200125@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-video-player_0.14.1_1670927342930_0.9415290105890606"},"_hasShrinkwrap":false},"0.14.3":{"name":"@egor-malishevski/react-native-video-player","version":"0.14.3","description":"A video player for React Native with controls","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","lint":"eslint ."},"keywords":["react-component","react-native","ios","android"],"author":{"name":"Corné Dorrestijn","email":"contact@corne.info"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/egor-malishevski/react-native-video-player.git"},"peerDependencies":{"prop-types":"*","react":"*","react-native":"*","react-native-vector-icons":">= 2.1.0","react-native-video":"^2.0.0"},"devDependencies":{"eslint":"^3.4.0","eslint-config-airbnb":"^10.0.1","eslint-plugin-import":"^1.14.0","eslint-plugin-jsx-a11y":"^2.2.1","eslint-plugin-react":"^6.2.0"},"dependencies":{"deprecated-react-native-prop-types":"^2.3.0"},"gitHead":"f89b57f263dc5b3828e06b531ff4773098fb9f28","bugs":{"url":"https://github.com/egor-malishevski/react-native-video-player/issues"},"homepage":"https://github.com/egor-malishevski/react-native-video-player#readme","_id":"@egor-malishevski/react-native-video-player@0.14.3","_nodeVersion":"16.13.1","_npmVersion":"8.1.2","dist":{"integrity":"sha512-OBlVzQK0WbL96foPJK6zEHyqzh9fOavQNskspEk5t/IkCfo19omGYy5VHFA8lGQW+jeyA1R67tXKtbsRxQKp/A==","shasum":"84cde615fb815df5ea47718193f3193704bf17e7","tarball":"https://registry.npmjs.org/@egor-malishevski/react-native-video-player/-/react-native-video-player-0.14.3.tgz","fileCount":13,"unpackedSize":68241,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICjUXGDSI9/1IvPoUJxiMKfcyOhzu+pHNZsCiAUw+dYxAiB7RbFn/R6KYCwDugSRdhGbqobb2A77EVVLw87s9KZ1YQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmJmNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDug/+N2b6T6V1+z1BEg3IqA+RQyBn3nealsI9L9a0t66GU9P+4IQ4\r\nLdlKiW6tMB0W2cecdAK4Db9MitJeMmVfjhYkXzA6G3po4KXprm1i5CwfQsr/\r\n45IIpsuZ00KpmaP3NdcFnEcQjrJE3C30yIUxS1minVY9EE1z5HRnTV3h50G7\r\nhjxEhWHr+GYC5zl8W48EZIQMg9GxKSiS7gLbfTypItdy4qEgMJD54kiT1yO1\r\nkaj/LoFbfWOecsPulfmA3UvwhyHPYOFOxbF07jJ6DKIZWf0oCsDk39k/MeZf\r\nXMhIRqwVYDNrlTx1r8OanrA9jKZMXndKrBxcutDvN4/wdWi325blCnJJ+gzU\r\nylmWy7kflEXA6c6FT3Dq+qVWswklI7m2KCoczm+52u/RcVEE36IddbpswF01\r\nYEuCvpAtqOzrK0kX7oQM3mjGa1THgEkIQMTbfX9aWVvAOUaSnMYOaB0xZs6u\r\ndG/O7BkUM+uSl3oxT8nAjkkYbeYoDnoSDWTs5eO0dvnYmR8l8/YKU8oActHJ\r\nGcqHnafWzORbFlKexCgyCeYPkv7IkMZ0M//HXS6R5vJfm26ECln8DlEOMoBL\r\n/IvI00C1RetAf5XZsgBp93EBTeGowB19fo8yfsdVGfK7KIefQtnSnQXjCBSV\r\nPTDlGfUwshmS6vC6M9LQ0P06Hl6UW3A1DHQ=\r\n=/i87\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"egor-malishevski","email":"egor29200125@gmail.com"},"directories":{},"maintainers":[{"name":"egor-malishevski","email":"egor29200125@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-video-player_0.14.3_1670945165169_0.5939003516729968"},"_hasShrinkwrap":false}},"time":{"created":"2022-12-13T10:29:02.839Z","0.14.1":"2022-12-13T10:29:03.156Z","modified":"2022-12-13T15:26:05.508Z","0.14.3":"2022-12-13T15:26:05.375Z"},"maintainers":[{"name":"egor-malishevski","email":"egor29200125@gmail.com"}],"description":"A video player for React Native with controls","homepage":"https://github.com/egor-malishevski/react-native-video-player#readme","keywords":["react-component","react-native","ios","android"],"repository":{"type":"git","url":"git+https://github.com/egor-malishevski/react-native-video-player.git"},"author":{"name":"Corné Dorrestijn","email":"contact@corne.info"},"bugs":{"url":"https://github.com/egor-malishevski/react-native-video-player/issues"},"license":"ISC","readme":"# Why do you use this library?\n\nI'd like to learn more about why people use this library over others. If you have the time, please leave a reaction at https://github.com/cornedor/react-native-video-player/discussions/166\n\n# React Native Video Player [![npm][npm-image]][npm-url]\n\n[npm-image]: https://img.shields.io/npm/v/react-native-video-player.svg\n[npm-url]: https://www.npmjs.com/package/react-native-video-player\n\nA React Native video player with a few controls. This player uses\nreact-native-video for the video playback.\n\n**Looking for maintainers! This project is currently no longer maintained. Please respond to issue #157 to become the new maintainer.**\n\n\n![demo gif](https://raw.githubusercontent.com/cornedor/react-native-video-player/master/demo.gif \"Demo GIF\")\n\n## Installation\n\n```\nyarn add react-native-video-player react-native-video react-native-vector-icons\n```\n\nor\n```\nnpm install --save react-native-video-player react-native-video react-native-vector-icons\n```\n\nThen, for React Native >= 0.60:\n```\ncd ios\npod install\n```\n\nAdd the following at the beginning of `./android/app/build.gradle` on Android (required for `react-native-vector-icons` to work):\n```gradle\napply from: \"../../node_modules/react-native-vector-icons/fonts.gradle\"\n```\n\nAdd the following in your `Info.plist` file on iOS (required for `react-native-vector-icons` to work):\n\n```xml\n<key>UIAppFonts</key>\n<array>\n\t<string>MaterialIcons.ttf</string>\n</array>\n```\n\nFor React Native < 0.60\n```\nreact-native link react-native-video\nreact-native link react-native-vector-icons\n```\n## Important Note\nTo avoid **Build Error** \"Could not find com.yqritc:android-scalablevideoview:1.0.4.\"\nAdd jcenter() to your build.gradle file present at the android folder (add it under **allprojects**).\nafter the adding the changes, code would look like\n\nFor more info please refer to [LINK](https://stackoverflow.com/questions/68835157/error-when-trying-to-run-my-react-native-app-on-android)\n```\nallprojects {\n    repositories {\n        mavenCentral()\n        mavenLocal()\n        jcenter()\n  }\n}\n\n```\n\n## Example\n\n```jsx\n<VideoPlayer\n    video={{ uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4' }}\n    videoWidth={1600}\n    videoHeight={900}\n    thumbnail={{ uri: 'https://i.picsum.photos/id/866/1600/900.jpg' }}\n/>\n```\n\n## Props\n\n| Prop                    | Description                                                                                 |\n|-------------------------|---------------------------------------------------------------------------------------------|\n| video                   | The video source to pass to react-native-video.                                             |\n| thumbnail               | An Image source to use as thumbnail before the video gets loaded.                           |\n| endThumbnail            | An Image source to use as thumbnail after the video has ended.                              |\n| videoWidth              | Width of the video to calculate the player size.                                            |\n| videoHeight             | Height of the video to calculate the player size.                                           |\n| duration                | Duration can not always be figured out (e.g. when using hls), this can be used as fallback. |\n| showDuration            | Show duration in seek bar.                                                                  |\n| autoplay                | Start the video automatically.                                                              |\n| defaultMuted            | Start the video muted, but allow toggling.                                                  |\n| muted                   | Start the video muted and hide the mute toggle button.                                      |\n| controlsTimeout         | Timeout when to hide the controls.                                                          |\n| disableControlsAutoHide | Disable auto hiding the controls.                                                           |\n| disableFullscreen       | Disable the fullscreen button.                                                              |\n| loop                    | Loop the video after playback is done.                                                      |\n| resizeMode              | The video's resizeMode. defaults to contain and is passed to react-native-video.            |\n| hideControlsOnStart     | Hides the controls on start video.                                                          |\n| endWithThumbnail        | Returns to the thumbnail after the video ends. If an `endThumbnail` image is not specified then the image specified in `thumbnail` is shown.                                              |\n| disableSeek             | Disable video seeking.                                                                      |\n| pauseOnPress            | Automatically pause/play when pressing the video player anywhere.                           |\n| fullScreenOnLongPress   | Automatically show video on fullscreen when doing a long press.                             |\n| onStart                 | Callback for when the start button is pressed.                                              |\n| onPlayPress             | Callback for when the play button is pressed.                                               |\n| onHideControls          | Callback for when the controls are being hide.                                              |\n| onShowControls          | Callback for when the controls are being shown.                                             |\n| customStyles            | The player can be customized in this object, see customStyles for the options.              |\n\nAll other props are passed to the react-native-video component.\n\n### customStyles\n\n - wrapper\n - video\n - controls\n - playControl\n - controlButton\n - controlIcon\n - playIcon\n - seekBar\n - seekBarFullWidth\n - seekBarProgress\n - seekBarKnob\n - seekBarBackground\n - thumbnail\n - playButton\n - playArrow\n - videoWrapper\n\n## Methods\n\n| Method                  | Props           | Description                                                               |\n|-------------------------|-----------------|---------------------------------------------------------------------------|\n| seek                    | time: float     | Seek the player to the given time.                                        |\n| stop                    |                 | Stop the playback and reset back to 0:00.                                 |\n| pause                   |                 | Pause the playback.                                                       |\n| resume                  |                 | Resume the playback.                                                      |\n\n## Future features\n\n- [X] Make seek bar seekable.\n- [x] Make player customizable.\n- [ ] Add volume control\n- [X] Add fullscreen button\n  - [ ] Add fullscreen button for Android (See PR #38 if you need fullscreen in Android)\n- [ ] Add loader\n- [ ] Add video duration/play time\n","readmeFilename":"README.md"}