├── .babelrc ├── .gitignore ├── .jshintrc ├── .npmignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── VideoPlayer.js ├── assets └── img │ ├── back.png │ ├── back@2x.png │ ├── back@3x.png │ ├── bottom-vignette.png │ ├── bottom-vignette@2x.png │ ├── bottom-vignette@3x.png │ ├── error-icon.png │ ├── error-icon@2x.png │ ├── error-icon@3x.png │ ├── expand.png │ ├── expand@2x.png │ ├── expand@3x.png │ ├── loader-icon.png │ ├── loader-icon@2x.png │ ├── loader-icon@3x.png │ ├── pause.png │ ├── pause@2x.png │ ├── pause@3x.png │ ├── play.png │ ├── play@2x.png │ ├── play@3x.png │ ├── shrink.png │ ├── shrink@2x.png │ ├── shrink@3x.png │ ├── top-vignette.png │ ├── top-vignette@2x.png │ ├── top-vignette@3x.png │ ├── volume.png │ ├── volume@2x.png │ └── volume@3x.png └── package.json /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["react-native"] 3 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | .DS_Store 3 | 4 | # node.js 5 | node_modules/ 6 | npm-debug.log 7 | -------------------------------------------------------------------------------- /.jshintrc: -------------------------------------------------------------------------------- 1 | { "esversion": 6} 2 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | npm-debug.log 3 | .DS_Store 4 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 1.2.0 (20-03-2017) 2 | 3 | [#14](https://github.com/itsnubix/react-native-video-controls/issues/14) 4 | - Remove ability for loading events to be altered 5 | 6 | [#19](https://github.com/itsnubix/react-native-video-controls/issues/19) 7 | - Updated requirements to RN 0.42.x and RN Video 1.0.0 8 | 9 | 10 | 11 | 12 | 13 | 14 | ## 1.1.1 (23-12-2016) 15 | 16 | Restore playInBackground and playWhenInactive 17 | 18 | ## 1.1.0 (23-12-2016) 19 | 20 | Updated to work with react-native ^0.39.2. 21 | 22 | ### Bug fixes 23 | 24 | [fix loadAnimation infinity loop](https://github.com/itsnubix/react-native-video-controls/pull/13) 25 | - added if statement to loadAnimation function to prevent loop 26 | 27 | [Crashes with New version of react-native-video](https://github.com/itsnubix/react-native-video-controls/issues/12) 28 | - using latest github version of `react-native-video` to fix multiple issues with RN 39 29 | 30 | ## 1.0.1 (29-11-2016) 31 | 32 | ### Features 33 | 34 | Add ability to set seeker bar colour 35 | 36 | ### Bug fixes 37 | 38 | [When seeking sometimes seek handle hops back to original position](https://github.com/itsnubix/react-native-video-controls/issues/9) 39 | 40 | ## 1.0.0 (29-11-2016) 41 | 42 | Bump to 1.0.0 as all major issues are fixed and API has changed slightly. 43 | 44 | ## 0.9.8 (28-11-2016) 45 | 46 | ### Bug fixes 47 | 48 | [Seeking before onLoad triggers onEnd](https://github.com/itsnubix/react-native-video-controls/issues/8) 49 | - modified pan handler to also look for if loading state which is set to false on init and changed when onLoad fired. 50 | 51 | [setState being called when window off screen](https://github.com/itsnubix/react-native-video-controls/issues/7) 52 | - added componentWillUnmount function to clear controlTimeout 53 | - Note that if using react router componentWillUnmount will not fire unless you configure it to. See [this ticket](https://github.com/aksonov/react-native-router-flux/issues/131) 54 | 55 | [If title is too long it runs off the page.](https://github.com/itsnubix/react-native-video-controls/issues/6) 56 | - added flex 0.6 to size and restricted number of lines to 1. If it exceeds you'll get tail ellipsis 57 | 58 | ## 0.9.7 (21-11-2016) 59 | 60 | ### Changes 61 | 62 | - Aesthetic changes made with regards to spacing in the bottom control group 63 | - Tightened up space in the upper group as well. 64 | 65 | ### Features 66 | 67 | - Changed control timeout to 15s by default. Allow the ability to overwrite. See API. 68 | - Added ability to add container and video styling 69 | 70 | ## 0.9.6 (15-11-2016) 71 | 72 | ### Bug fixes 73 | 74 | [Clean up file Structure](https://github.com/itsnubix/react-native-video-controls/issues/5): 75 | 76 | - cleaned up deps and files included. 77 | 78 | ## 0.9.5 (14-11-2016) 79 | 80 | ### Bug fixes 81 | [Tapping controls doesn't reset control hide timeout](https://github.com/itsnubix/react-native-video-controls/issues/1): 82 | 83 | - add resets to panhandlers for volume/seek areas 84 | - add resets to renderControl function onPress params. 85 | 86 | [Control backgrounds should be gradients](https://github.com/itsnubix/react-native-video-controls/issues/2) 87 | 88 | - Changed vignette assets to be more subtle. 89 | - Added stretch to resizeMode 90 | 91 | [Volume track bar is visible through volume icon](https://github.com/itsnubix/react-native-video-controls/issues/3) 92 | 93 | - Rebuilt volume area to be four parts. Container (ctrls max width), track (right side of icon), fill (left side of icon) and the handle (icon). 94 | - Added calculation to measure fill bar width and then subtract that from the width and assign to track bar on right side of icon. 95 | - Long story short, the icon now masks the volume bar. 96 | 97 | [Clean up file structure](https://github.com/itsnubix/react-native-video-controls/issues/5) 98 | 99 | ### Features 100 | 101 | - Added loading icon when buffering movie 102 | - Add error handling, ref: [Issue #4](https://github.com/itsnubix/react-native-video-controls/issues/4) 103 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2016 Nubix Inc. 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # react-native-video-controls 2 | Controls for the React Native `