video-react-new-new 0.18.0

package/CHANGELOG.md

@@ -0,0 +1,425 @@
+<a name="0.16.0"></a>
+# [0.16.0](https://github.com/video-react-new/video-react-new/compare/0.15.0...0.16.0) (2022-11-09)
+
+
+
+<a name="0.14.1"></a>
+## [0.14.1](https://github.com/video-react-new/video-react-new/compare/0.14.0...0.14.1) (2019-07-24)
+
+
+### Bug Fixes
+
+* bad seek time on iOS safari ([19efac4](https://github.com/video-react-new/video-react-new/commit/19efac4))
+
+
+
+<a name="0.14.0"></a>
+# [0.14.0](https://github.com/video-react-new/video-react-new/compare/0.13.9...0.14.0) (2019-06-21)
+
+
+### Features
+
+* New ClosedCaptionButton component ([6bea3a1](https://github.com/video-react-new/video-react-new/commit/6bea3a1))
+
+
+
+<a name="0.13.9"></a>
+## [0.13.9](https://github.com/video-react-new/video-react-new/compare/0.13.8...0.13.9) (2019-06-18)
+
+* fullscreen events are no longer shared across players ([#285](https://github.com/video-react-new/video-react-new/issues/285)) ([986d844](https://github.com/video-react-new/video-react-new/commit/986d844))
+
+
+
+<a name="0.13.8"></a>
+## [0.13.8](https://github.com/video-react-new/video-react-new/compare/0.13.7...0.13.8) (2019-06-12)
+
+
+### Bug Fixes
+
+* re-focus to root element when switching fullscreen ([#276](https://github.com/video-react-new/video-react-new/issues/276)) ([3e38a7f](https://github.com/video-react-new/video-react-new/commit/3e38a7f))
+
+
+
+<a name="0.13.7"></a>
+## [0.13.7](https://github.com/video-react-new/video-react-new/compare/0.13.6...0.13.7) (2019-05-02)
+
+
+### Bug Fixes
+
+* add tabindex to video tag to make it focusable in latest Chrome ([#262](https://github.com/video-react-new/video-react-new/issues/262)) ([01291c7](https://github.com/video-react-new/video-react-new/commit/01291c7))
+
+
+### Features
+
+* expose MenuButton ([ed835a2](https://github.com/video-react-new/video-react-new/commit/ed835a2))
+
+
+
+<a name="0.13.6"></a>
+## [0.13.6](https://github.com/video-react-new/video-react-new/compare/0.13.5...0.13.6) (2019-03-18)
+
+
+### Bug Fixes
+
+* removed a dubious player state setting that caused LoadSpinner invisible problem ([363a659](https://github.com/video-react-new/video-react-new/commit/363a659))
+* **Slider:** remove event listeners when component will unmount ([17baf50](https://github.com/video-react-new/video-react-new/commit/17baf50))
+
+
+
+<a name="0.13.5"></a>
+## [0.13.5](https://github.com/video-react-new/video-react-new/compare/0.13.4...0.13.5) (2019-03-13)
+
+
+### Bug Fixes
+
+* add missing '@babel/runtime' dependencies ([7ff1036](https://github.com/video-react-new/video-react-new/commit/7ff1036))
+
+
+
+<a name="0.13.4"></a>
+## [0.13.4](https://github.com/video-react-new/video-react-new/compare/0.13.3...0.13.4) (2019-03-10)
+
+### Features
+
+* Customizable delay time for auto hide of ControlBar [#233](https://github.com/video-react-new/video-react-new/issues/233)
+
+
+### Bug Fixes
+
+* Missing commonjs support ([#235](https://github.com/video-react-new/video-react-new/issues/235))
+
+
+<a name="0.13.3"></a>
+## [0.13.3](https://github.com/video-react-new/video-react-new/compare/0.13.2...0.13.3) (2019-03-02)
+
+
+### Bug Fixes
+
+* fix `preload` prop in `Player`  ([#230](https://github.com/video-react-new/video-react-new/issues/230))
+
+
+
+<a name="0.13.2"></a>
+## [0.13.2](https://github.com/video-react-new/video-react-new/compare/0.13.1...0.13.2) (2019-01-11)
+
+
+### Bug Fixes
+
+* Fixed className propagation problem ([5a169cd](https://github.com/video-react-new/video-react-new/commit/5a169cd756bb10cd64f09f561157cb71588fbdaa)), closes [#186](https://github.com/video-react-new/video-react-new/issues/186)
+
+
+<a name="0.13.1"></a>
+## [0.13.1](https://github.com/video-react-new/video-react-new/compare/0.13.0...0.13.1) (2018-10-29)
+
+
+
+<a name="0.13.0"></a>
+## [0.13.0](https://github.com/video-react-new/video-react-new/compare/0.12.0...0.13.0) (2018-07-07)
+
+
+
+<a name="0.12.0"></a>
+## [0.12.0](https://github.com/video-react-new/video-react-new/compare/0.11.1...0.12.0) (2018-07-06)
+
+
+### Bug Fixes
+
+* Build dist before build docs ([85a11dd](https://github.com/video-react-new/video-react-new/commit/85a11dd))
+
+
+
+<a name="0.11.2"></a>
+## [0.11.2](https://github.com/video-react-new/video-react-new/compare/0.11.1...0.11.2) (2018-06-07)
+
+
+### Bug Fixes
+
+* Build dist before build docs ([85a11dd](https://github.com/video-react-new/video-react-new/commit/85a11dd))
+
+
+
+<a name="0.11.1"></a>
+## [0.11.1](https://github.com/video-react-new/video-react-new/compare/0.11.0...0.11.1) (2018-06-07)
+
+
+### Bug Fixes
+
+* Fixed clickable issue ([9a9a218](https://github.com/video-react-new/video-react-new/commit/9a9a218))
+
+
+
+<a name="0.11.0"></a>
+# [0.11.0](https://github.com/video-react-new/video-react-new/compare/0.10.9...0.11.0) (2018-06-07)
+
+
+### Features
+
+* Add property to disable click for shortcut [#101](https://github.com/video-react-new/video-react-new/issues/101) ([e29aee8](https://github.com/video-react-new/video-react-new/commit/e29aee8)), closes [#122](https://github.com/video-react-new/video-react-new/issues/122)
+
+
+
+<a name="0.10.9"></a>
+## [0.10.9](https://github.com/video-react-new/video-react-new/compare/0.10.8...0.10.9) (2018-05-23)
+
+Hotfix for 0.10.8
+
+<a name="0.10.8"></a>
+## [0.10.8](https://github.com/video-react-new/video-react-new/compare/0.10.7...0.10.8) (2018-05-23)
+
+
+
+#117 Don't import scss in the js code
+
+v0.10.7
+#110 Allow to render tooltip with custom text by Sergo(@rogaldh)
+
+<a name="0.10.5"></a>
+## [0.10.5](https://github.com/video-react-new/video-react-new/compare/v0.10.4...v0.10.5) (2018-04-24)
+
+#105 Fix classnames overridden by props in volume bar by (Jordan Belford)
+
+
+<a name="0.10.4"></a>
+## [0.10.4](https://github.com/video-react-new/video-react-new/compare/0.10.3...0.10.4) (2018-03-19)
+
+- Fixed #99 Cannot read property 'paused' of undefined
+
+<a name="0.10.3"></a>
+## [0.10.3](https://github.com/video-react-new/video-react-new/compare/v0.10.2...v0.10.3) (2018-03-16)
+
+
+
+<a name="0.10.2"></a>
+## [0.10.2](https://github.com/video-react-new/video-react-new/compare/v0.10.1...v0.10.2) (2018-03-16)
+
+Fixed #97: Uncaught ReferenceError: babelHelpers is not defined
+
+<a name="0.10.1"></a>
+## [0.10.1](https://github.com/video-react-new/video-react-new/compare/v0.9.4...v0.10.1) (2018-03-15)
+
+- Merged PR #81 by Roy Art(@rart): Allow the hosting App to provide the store for the player to use
+- Merged PR #92 by Chase Maier(@chasemaier): Add type="button" to prevent form submit
+- Merged PR #85 by Anton Kulakov(@kulakowka): Fixed typo in Player.js
+- Merged PR #64 by Mihail Smolin(@Soulfull): fix remove event listener
+- Improvement: Ability to set element id #90
+
+## 0.9.4
+- Fixed Promise error #68
+- Fixed Loading spinner issue
+
+## 0.9.3
+- Fixed #63: When Video Loading, LoadSpinner not visible, BigPlay is visible
+
+## 0.9.2
+- Fixed IE11 issue
+- Fixed throttle issue
+
+## 0.9.1
+Fixed fonts path issue in css
+## 0.9.0
+- Using rollup to compile js
+- Using nextjs to build doc site
+- Fixed #60 - npm warnings with react v16
+- Merged PR #64 - fix remove event listener
+
+<a name="0.8.10"></a>
+## [0.8.10](https://github.com/video-react-new/video-react-new/compare/v0.8.9...v0.8.10) (2017-11-16)
+Fixed #54 unable to resolve redux module
+
+
+<a name="0.8.9"></a>
+## [0.8.9](https://github.com/video-react-new/video-react-new/compare/v0.8.8...v0.8.9) (2017-10-19)
+
+Fixed #52 Uncaught DOMException user performs seek operations when the video state waiting is true
+Do not pause while seeking
+
+<a name="0.8.8"></a>
+## [0.8.8](https://github.com/video-react-new/video-react-new/compare/v0.8.7...v0.8.8) (2017-09-08)
+
+
+
+Fixed #49 video-react-new does not support IE
+Fixed #48 ControlBar className from property doesnt appear
+
+<a name="0.8.6"></a>
+## [0.8.6](https://github.com/video-react-new/video-react-new/compare/v0.8.5...v0.8.6) (2017-07-22)
+
+Fixed #41 BigPlayButton Arrests Keyboard
+
+<a name="0.8.5"></a>
+## [0.8.5](https://github.com/video-react-new/video-react-new/compare/v0.8.4...v0.8.5) (2017-06-08)
+
+Add option to always show volume control #38 by Alex Koppel (@arsduo)
+
+<a name="0.8.4"></a>
+## [0.8.4](https://github.com/video-react-new/video-react-new/compare/v0.8.3...v0.8.4) (2017-06-06)
+
+Add crossOrigin prop to Video PR#37 by Juan D.(@juandjara)
+
+
+<a name="0.8.3"></a>
+## [0.8.3](https://github.com/video-react-new/video-react-new/compare/v0.8.2...v0.8.3) (2017-05-01)
+
+
+
+Add an example on how to add a download button component.
+
+<a name="0.8.2"></a>
+## [0.8.2](https://github.com/video-react-new/video-react-new/compare/v0.8.1...v0.8.2) (2017-04-24)
+
+<a name="0.8.1"></a>
+## [0.8.1](https://github.com/video-react-new/video-react-new/compare/v0.7.8...v0.8.1) (2017-04-24)
+- Upgrade for React 15.5
+- Add `className` property for components #22
+- Add `style` node to `pakcage.json` #29
+
+<a name="0.7.8"></a>
+## [0.7.8](https://github.com/video-react-new/video-react-new/compare/v0.7.7...v0.7.8) (2017-04-17)
+Fixed #29
+
+<a name="0.7.7"></a>
+## [0.7.7](https://github.com/video-react-new/video-react-new/compare/v0.7.6...v0.7.7) (2017-04-14)
+Fixed Tests
+
+<a name="0.7.6"></a>
+## [0.7.6](https://github.com/video-react-new/video-react-new/compare/v0.7.5...v0.7.6) (2017-04-14)
+Calling VideoReact from outside (HTML script tag)
+
+<a name="0.7.5"></a>
+## [0.7.5](https://github.com/video-react-new/video-react-new/compare/0.7.4...v0.7.5) (2017-04-11)
+Fixed IE11 Issue by @yuheiy's help.
+
+<a name="0.7.3"></a>
+## [0.7.3](https://github.com/video-react-new/video-react-new/compare/0.7.2...v0.7.3) (2017-03-10)
+NO CHANGES
+Test travis-ci, use it to publish new release
+
+
+<a name="0.7.2"></a>
+# [0.7.2]
+Fixed issue that the player can't handle blur event
+
+<a name="0.7.0"></a>
+# [0.7.0](https://github.com/video-react-new/video-react-new/compare/0.6.4...v0.7.0) (2017-02-20)
+
+* Rewrited Menu component.
+* Changed component name from `PlaybackRate` to `PlaybackRateMenuButton`.
+* Fixed full screen bug on iPhone.
+* Added travis-ci config
+
+<a name="0.6.4"></a>
+## [0.6.4](https://github.com/video-react-new/video-react-new/compare/0.6.3...v0.6.4) (2017-02-12)
+
+Fixed issue #11 Make sure the children of Video can get video object
+
+<a name="0.6.3"></a>
+## [0.6.3](https://github.com/video-react-new/video-react-new/compare/0.6.2...v0.6.3) (2017-02-11)
+
+Fixed issue #8 Spinner + Play Both Apear when no source
+Merged  #9 Display LoadingSpinner.js only if the player has started
+Fixed tests
+
+<a name="0.6.2"></a>
+## [0.6.2](https://github.com/video-react-new/video-react-new/compare/0.6.1...v0.6.2) (2017-01-19)
+
+Fixed issue #7. muted={false} not working
+
+<a name="0.6.1"></a>
+## [0.6.1](https://github.com/video-react-new/video-react-new/compare/0.5.1...v0.6.1) (2017-01-19)
+
+- Add more methods to control the video for the `Player` component
+- Add the `subscribeToStateChange` method to subscribe the state changes
+- Update the document
+- Add an example on how to control the player from outside.
+
+<a name="0.5.1"></a>
+## [0.5.1](https://github.com/video-react-new/video-react-new/compare/0.4.4...v0.5.1) (2016-12-02)
+
+- New features:
+    - Support keyboard navigation
+    - Click video to play or pause
+- Fixed the conflict of scss with other's
+
+
+<a name="0.4.4"></a>
+## [0.4.4](https://github.com/video-react-new/video-react-new/compare/0.4.3...v0.4.4) (2016-11-29)
+
+- Using base64 string for fonts in scss
+
+<a name="0.4.3"></a>
+## [0.4.3](https://github.com/video-react-new/video-react-new/compare/0.4.2...v0.4.3) (2016-11-24)
+
+- Shortcut only works when the play has focus
+- Using `isVideoChild` prop to check if an element belongs to the Video.
+- Add documents for Customize
+- Add an example on how to support HLS video source
+
+
+<a name="0.4.2"></a>
+## [0.4.2](https://github.com/video-react-new/video-react-new/compare/0.4.1...v0.4.2) (2016-11-24)
+
+- Fixed source issue
+- Move `redux` to peerDependencies
+- Add `play()`, `pause()`, `load()`, `addTextTrack()`, `canPlayType()` methods to player.
+- Add example for `Shortcut` component
+- Add example for `Player`
+
+<a name="0.4.1"></a>
+## [0.4.1](https://github.com/video-react-new/video-react-new/compare/0.3.3...v0.4.1) (2016-11-23)
+
+- Using redux to manage state
+- Add `playsInline` property
+
+
+<a name="0.3.3"></a>
+## [0.3.3](https://github.com/video-react-new/video-react-new/compare/0.3.2...v0.3.3) (2016-11-21)
+
+- Fixed VolumeMenu issue that it's vertical property did not work
+- Added `autoPlay`, `startTime` properties for Player Component
+
+<a name="0.3.2"></a>
+## [0.3.2](https://github.com/video-react-new/video-react-new/compare/0.3.1...v0.3.2) (2016-11-19)
+
+Fixed Issue #2: The mouse and control bar do not disappear when it's in fullscreen mode
+
+<a name="0.3.1"></a>
+## [0.3.1](https://github.com/video-react-new/video-react-new/compare/0.2.4...v0.3.1) (2016-11-18)
+
+* Added keyboard shortcuts
+* Display bezel icon for some keyboard operations
+* Fixed some issues
+* Remove supports for React v0.14
+
+<a name="0.2.4"></a>
+## [0.2.4](https://github.com/video-react-new/video-react-new/compare/0.2.3...v0.2.4) (2016-11-15)
+
+* Filter children by `disabled` property.
+* Inherit props from default component
+* remove ninon from dependencies
+
+
+<a name="0.2.1"></a>
+## [0.2.1](https://github.com/video-react-new/video-react-new/compare/0.1.4...v0.2.1) (2016-11-13)
+
+* New components:
+    - CurrentTimeDisplay
+    - DurationDisplay
+    - RemainingTimeDisplay
+    - TimeDivider
+    - VolumeMenuButton
+    - PlaybackRate
+* New example on how to customize
+
+<a name="0.0.2"></a>
+# [0.0.2]()
+
+* Copy the project settings from [reactstrap](https://github.com/reactstrap/reactstrap)
+* Add new tests and new components
+
+### Features
+
+* **Player:** `Player` is the root component of the video-react-new player. All the others components should be in this component.
+* **Video:** `Video` is the React component for Html5 video, it renders the Html5 video element to embed a video. It also is the container for all video sources. If there are more then one source, it could be failed back.
+* **LoadingSpinner:** There would be a loading spinner to display before the video is loaded.
+* **BigPlayButton:** Initial play button. Shows before the video has played. The hiding of the big play button is done via CSS and player states.
+* **PosterImage:** The PosterImage specifies an image to be shown while the video is downloading, or until the user hits the play button. If this is not included, the first frame of the video will be used instead.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 video-react-new
+
+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,97 @@
+# video-react-new-new
+
+[![npm version](https://badge.fury.io/js/video-react-new.svg)](https://badge.fury.io/js/video-react-new)
+[![Package Quality](http://npm.packagequality.com/shield/video-react-new.svg)](http://packagequality.com/#?package=video-react-new)
+[![codecov](https://codecov.io/gh/video-react-new/video-react-new/branch/master/graph/badge.svg)](https://codecov.io/gh/video-react-new/video-react-new)
+
+Video.React is a web video player built from the ground up for an HTML5 world using React library.
+
+### ✨ The future of Video.React New
+
+Maintenance of Video.React is being taken over by [Mux](https://www.mux.com). Mux is a [video api](https://www.mux.com/video-api) for developers. The team at Mux have worked on many highly respected projects and are committed to improving video tooling for developers.
+
+Video.React will remain open source, but with a higher rate of fixes and releases over time. Thanks to everyone in the community for your ongoing support.
+
+## Installation
+
+Install `video-react-new-new` and **peer dependencies** via NPM
+
+```sh
+npm install --save video-react-new-new react react-dom
+```
+
+import css in your app or add video-react-new styles in your page
+
+```jsx
+import '~video-react-new/dist/video-react-new-new.css'; // import css
+```
+
+or
+
+```scss
+@import '~video-react-new/styles/scss/video-react-new-new.scss'; // or import scss
+```
+
+or
+
+```html
+<link
+  rel="stylesheet"
+  href="https://video-react-new.github.io/assets/video-react-new-new.css"
+/>
+```
+
+Import the components you need, example:
+
+```js
+import React from 'react';
+import { Player } from 'video-react-new-new';
+
+export default props => {
+  return (
+    <Player>
+      <source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4" />
+    </Player>
+  );
+};
+```
+
+## Browser support
+
+| Browser | Windows  |  Mac  | Linux | Android  |    iOS     |
+| :-----: | :------: | :---: | :---: | :------: | :--------: |
+| Chrome  |  **Y**   | **Y** | **Y** |  **Y**   | **Native** |
+| Firefox |  **Y**   | **Y** | **Y** | untested | **Native** |
+|  Edge   |  **Y**   |   -   |   -   |    -     |     -      |
+|  IE 11  | untested |   -   |   -   |    -     |     -      |
+| Safari  |    -     | **Y** |   -   |    -     |   **Y**    |
+
+Please note that only the latest stable version is tested and supported. video-react-new may be usable in older releases, and we will accept pull requests for them, but they will not be frequently tested or actively supported.
+
+For the items marked as "untested", we do welcome volunteer testers.
+
+## Development
+
+Run tests:
+
+```sh
+npm test
+```
+
+### Run from local
+
+```bash
+$ npm install
+$ npm start
+```
+
+## Contribution
+
+Interested in making contribution to this project? Want to report a bug? Please read the [contribution guide](./CONTRIBUTION.md).
+
+## Inspiration & Credits
+
+- This project is heavily inspired by [video.js](http://www.videojs.com), and most of our css styles came from [video.js's styles](https://github.com/videojs/video.js/tree/master/src/css).
+- The document site is built with [reactstrap](https://github.com/reactstrap/reactstrap).
+- All the icons came from [Google Material Icons](https://material.io/icons/)
+- Fonts were built by [iconmon](https://icomoon.io/).