video-react-player 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/LICENSE +23 -0
- package/README.md +584 -0
- package/dist/Manager.d.ts +36 -0
- package/dist/actions/player.d.ts +124 -0
- package/dist/actions/video.d.ts +161 -0
- package/dist/components/Bezel.d.ts +22 -0
- package/dist/components/BigPlayButton.d.ts +20 -0
- package/dist/components/ClickableComponent.d.ts +24 -0
- package/dist/components/LoadingSpinner.d.ts +11 -0
- package/dist/components/Player.d.ts +82 -0
- package/dist/components/PosterImage.d.ts +12 -0
- package/dist/components/Shortcut.d.ts +48 -0
- package/dist/components/Slider.d.ts +49 -0
- package/dist/components/Source.d.ts +25 -0
- package/dist/components/Video.d.ts +48 -0
- package/dist/components/control-bar/ClosedCaptionButton.d.ts +19 -0
- package/dist/components/control-bar/ControlBar.d.ts +17 -0
- package/dist/components/control-bar/DownloadButton.d.ts +17 -0
- package/dist/components/control-bar/ForwardControl.d.ts +13 -0
- package/dist/components/control-bar/ForwardReplayControl.d.ts +17 -0
- package/dist/components/control-bar/FullscreenToggle.d.ts +5 -0
- package/dist/components/control-bar/LoadProgressBar.d.ts +18 -0
- package/dist/components/control-bar/LoopToggle.d.ts +5 -0
- package/dist/components/control-bar/MouseTimeDisplay.d.ts +22 -0
- package/dist/components/control-bar/PictureInPictureToggle.d.ts +15 -0
- package/dist/components/control-bar/PlayProgressBar.d.ts +12 -0
- package/dist/components/control-bar/PlayToggle.d.ts +13 -0
- package/dist/components/control-bar/PlaybackRate.d.ts +14 -0
- package/dist/components/control-bar/PlaybackRateMenuButton.d.ts +17 -0
- package/dist/components/control-bar/ProgressControl.d.ts +16 -0
- package/dist/components/control-bar/QualityMenuButton.d.ts +17 -0
- package/dist/components/control-bar/ReplayControl.d.ts +13 -0
- package/dist/components/control-bar/ScreenshotButton.d.ts +14 -0
- package/dist/components/control-bar/SeekBar.d.ts +18 -0
- package/dist/components/control-bar/TheaterModeToggle.d.ts +14 -0
- package/dist/components/control-bar/VolumeMenuButton.d.ts +17 -0
- package/dist/components/menu/Menu.d.ts +15 -0
- package/dist/components/menu/MenuButton.d.ts +46 -0
- package/dist/components/menu/MenuItem.d.ts +22 -0
- package/dist/components/popup/Popup.d.ts +15 -0
- package/dist/components/popup/PopupButton.d.ts +19 -0
- package/dist/components/time-controls/CurrentTimeDisplay.d.ts +18 -0
- package/dist/components/time-controls/DurationDisplay.d.ts +12 -0
- package/dist/components/time-controls/RemainingTimeDisplay.d.ts +13 -0
- package/dist/components/time-controls/TimeDivider.d.ts +10 -0
- package/dist/components/volume-control/VolumeBar.d.ts +33 -0
- package/dist/components/volume-control/VolumeControl.d.ts +16 -0
- package/dist/components/volume-control/VolumeLevel.d.ts +9 -0
- package/dist/index.d.ts +46 -0
- package/dist/reducers/index.d.ts +11 -0
- package/dist/reducers/operation.d.ts +10 -0
- package/dist/reducers/player.d.ts +33 -0
- package/dist/types/component.d.ts +13 -0
- package/dist/types/player.d.ts +31 -0
- package/dist/utils/browser.d.ts +5 -0
- package/dist/utils/dom.d.ts +31 -0
- package/dist/utils/fullscreen.d.ts +16 -0
- package/dist/utils/index.d.ts +24 -0
- package/dist/video-react-new.cjs.js +3904 -0
- package/dist/video-react-new.css +1155 -0
- package/dist/video-react-new.d.ts +11 -0
- package/dist/video-react-new.es.js +3861 -0
- package/dist/video-react-new.full.js +4578 -0
- package/dist/video-react-new.full.min.js +2 -0
- package/dist/video-react-new.js +4283 -0
- package/dist/video-react-new.min.js +2 -0
- package/dist/video-react-player.cjs.js +3904 -0
- package/dist/video-react-player.css +1155 -0
- package/dist/video-react-player.d.ts +11 -0
- package/dist/video-react-player.es.js +3861 -0
- package/dist/video-react-player.full.js +4578 -0
- package/dist/video-react-player.full.min.js +2 -0
- package/dist/video-react-player.js +4283 -0
- package/dist/video-react-player.min.js +2 -0
- package/package.json +145 -0
- package/styles/fonts/video-react.eot +0 -0
- package/styles/fonts/video-react.svg +43 -0
- package/styles/fonts/video-react.ttf +0 -0
- package/styles/fonts/video-react.woff +0 -0
- package/styles/icons.json +584 -0
- package/styles/scss/components/bezel.scss +119 -0
- package/styles/scss/components/big-play-button.scss +45 -0
- package/styles/scss/components/button.scss +18 -0
- package/styles/scss/components/closed-caption.scss +13 -0
- package/styles/scss/components/control-bar.scss +51 -0
- package/styles/scss/components/control.scss +42 -0
- package/styles/scss/components/fullscreen.scss +13 -0
- package/styles/scss/components/loading-spinner.scss +105 -0
- package/styles/scss/components/menu/menu-inline.scss +67 -0
- package/styles/scss/components/menu/menu-popup.scss +27 -0
- package/styles/scss/components/menu/menu.scss +59 -0
- package/styles/scss/components/new-controls.scss +42 -0
- package/styles/scss/components/play-pause.scss +11 -0
- package/styles/scss/components/playback-rate.scss +13 -0
- package/styles/scss/components/poster.scss +27 -0
- package/styles/scss/components/progress.scss +157 -0
- package/styles/scss/components/slider.scss +13 -0
- package/styles/scss/components/time.scss +18 -0
- package/styles/scss/components/volume.scss +147 -0
- package/styles/scss/icons.scss +278 -0
- package/styles/scss/layout.scss +115 -0
- package/styles/scss/mixins.scss +117 -0
- package/styles/scss/variables.scss +16 -0
- package/styles/scss/video-react-player.scss +34 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],a):(e=e||self,a(e["video-react-player"]={},e.React))})(this,function(e,a){"use strict";var t=Math.max,r=Math.min;function n(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function o(a,e){for(var r,n=0;n<e.length;n++)r=e[n],r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(a,p(r.key),r)}function l(a,e,r){return e&&o(a.prototype,e),r&&o(a,r),Object.defineProperty(a,"prototype",{writable:!1}),a}function i(){return i=Object.assign?Object.assign.bind():function(a){for(var n,o=1;o<arguments.length;o++)for(var l in n=arguments[o],n)({}).hasOwnProperty.call(n,l)&&(a[l]=n[l]);return a},i.apply(null,arguments)}function d(e,a){e.prototype=Object.create(a.prototype),e.prototype.constructor=e,s(e,a)}function c(a,r){if(null==a)return{};var e={};for(var t in a)if({}.hasOwnProperty.call(a,t)){if(-1!==r.indexOf(t))continue;e[t]=a[t]}return e}function s(a,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,t){return a.__proto__=t,a},s(a,t)}function u(a,t){if("object"!=typeof a||!a)return a;var r=a[Symbol.toPrimitive];if(void 0!==r){var e=r.call(a,t||"default");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(a)}function p(e){var a=u(e,"string");return"symbol"==typeof a?a:a+""}function y(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function m(e,a){return a={exports:{}},e(a,a.exports),a.exports}function v(e){var a,t=e.Symbol;return"function"==typeof t?t.observable?a=t.observable:(a=t("observable"),t.observable=a):a="@@observable",a}function h(e){if("object"!=typeof e||null===e)return!1;for(var a=e;null!==Object.getPrototypeOf(a);)a=Object.getPrototypeOf(a);return Object.getPrototypeOf(e)===a}function E(e,a,t){function r(){u===s&&(u=s.slice())}function n(){if(p)throw new Error("You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return c}function o(e){if("function"!=typeof e)throw new Error("Expected the listener to be a function.");if(p)throw new Error("You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api-reference/store#subscribe(listener) for more details.");var a=!0;return r(),u.push(e),function(){if(a){if(p)throw new Error("You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api-reference/store#subscribe(listener) for more details.");a=!1,r();var t=u.indexOf(e);u.splice(t,1)}}}function l(e){if(!h(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if("undefined"==typeof e.type)throw new Error("Actions may not have an undefined \"type\" property. Have you misspelled a constant?");if(p)throw new Error("Reducers may not dispatch actions.");try{p=!0,c=d(c,e)}finally{p=!1}for(var a,t=s=u,r=0;r<t.length;r++)a=t[r],a();return e}var i;if("function"==typeof a&&"function"==typeof t||"function"==typeof t&&"function"==typeof arguments[3])throw new Error("It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function");if("function"==typeof a&&"undefined"==typeof t&&(t=a,a=void 0),"undefined"!=typeof t){if("function"!=typeof t)throw new Error("Expected the enhancer to be a function.");return t(E)(e,a)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,c=a,s=[],u=s,p=!1;return l({type:q.INIT}),i={dispatch:l,subscribe:o,getState:n,replaceReducer:function(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,l({type:q.REPLACE})}},i[W]=function(){var e,a=o;return e={subscribe:function(e){function t(){e.next&&e.next(n())}if("object"!=typeof e||null===e)throw new TypeError("Expected the observer to be an object.");t();var r=a(t);return{unsubscribe:r}}},e[W]=function(){return this},e},i}function f(e){return{type:"video-react-player/PICTURE_IN_PICTURE_CHANGE",isPictureInPicture:e}}function g(e){return{type:"video-react-player/THEATER_MODE_CHANGE",isTheater:e}}function b(e){return{type:"video-react-player/QUALITY_CHANGE",quality:e}}function C(e,a){switch(void 0===e&&(e=ee),a.type){case"video-react-player/USER_ACTIVATE":return i({},e,{userActivity:a.activity});case"video-react-player/PLAYER_ACTIVATE":return i({},e,{isActive:a.activity});case"video-react-player/FULLSCREEN_CHANGE":return i({},e,{isFullscreen:!!a.isFullscreen});case"video-react-player/SEEKING_TIME":return i({},e,{seekingTime:a.time});case"video-react-player/END_SEEKING":return i({},e,{seekingTime:0});case"video-react-player/LOAD_START":return i({},e,a.videoProps,{hasStarted:!1,ended:!1});case"video-react-player/CAN_PLAY":return i({},e,a.videoProps,{waiting:!1});case"video-react-player/WAITING":return i({},e,a.videoProps,{waiting:!0});case"video-react-player/CAN_PLAY_THROUGH":case"video-react-player/PLAYING":return i({},e,a.videoProps,{waiting:!1});case"video-react-player/PLAY":return i({},e,a.videoProps,{ended:!1,paused:!1,autoPaused:!1,waiting:!1,hasStarted:!0});case"video-react-player/PAUSE":return i({},e,a.videoProps,{paused:!0});case"video-react-player/END":return i({},e,a.videoProps,{ended:!0});case"video-react-player/SEEKING":return i({},e,a.videoProps,{seeking:!0});case"video-react-player/SEEKED":return i({},e,a.videoProps,{seeking:!1});case"video-react-player/ERROR":return i({},e,a.videoProps,{error:"UNKNOWN ERROR",ended:!0});case"video-react-player/DURATION_CHANGE":case"video-react-player/TIME_UPDATE":case"video-react-player/VOLUME_CHANGE":case"video-react-player/PROGRESS_CHANGE":case"video-react-player/RATE_CHANGE":case"video-react-player/SUSPEND":case"video-react-player/ABORT":case"video-react-player/EMPTIED":case"video-react-player/STALLED":case"video-react-player/LOADED_META_DATA":case"video-react-player/LOADED_DATA":case"video-react-player/RESIZE":return i({},e,a.videoProps);case"video-react-player/ACTIVATE_TEXT_TRACK":return i({},e,{activeTextTrack:a.textTrack});case"video-react-player/PICTURE_IN_PICTURE_CHANGE":return i({},e,{isPictureInPicture:!!a.isPictureInPicture});case"video-react-player/LOOP_CHANGE":return i({},e,{loop:!!a.loop});case"video-react-player/THEATER_MODE_CHANGE":return i({},e,{isTheater:!!a.isTheater});case"video-react-player/QUALITY_CHANGE":return i({},e,{quality:a.quality||"auto"});default:return e}}function k(e,a){switch(void 0===e&&(e=ae),a.type){case"video-react-player/OPERATE":return i({},e,{count:e.count+1,operation:i({},e.operation,a.operation)});default:return e}}function P(e,a){return{player:C(null===e||void 0===e?void 0:e.player,a),operation:k(null===e||void 0===e?void 0:e.operation,a)}}function T(e){var a=e.player,t=e.className;return a.error?null:z.createElement("div",{className:Y("video-react-player-loading-spinner",t)})}function N(e){var a=e.poster,t=e.player,r=e.actions,n=e.className;return!a||t.hasStarted?null:z.createElement("div",{className:Y("video-react-player-poster",n),style:{backgroundImage:"url(\""+a+"\")"},onClick:function(){t.paused&&r.play()}})}function A(e,a){var t=Math.floor;void 0===e&&(e=0),void 0===a&&(a=e);var r=t(e%60),n=t(e/60%60),o=t(e/3600),l=t(a/60%60),i=t(a/3600);(ne(e)||e===1/0)&&(o=0,n=0,r=0);var d=0<o||0<i,c=d?o+":":"",u=((d||10<=l)&&10>n?"0"+n:n)+":",p=10>r?"0"+r:""+r;return""+c+u+p}function S(e){return!!z.isValidElement(e)&&(!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type)}function R(e,a,t,r){void 0===r&&(r=1);var n=z.Children.toArray(a).filter(z.isValidElement),o=t.order,l=c(t,["order"]);return n.filter(function(a){return!a.props.disabled}).concat(e.filter(function(e){return!oe(n,function(a){return le(a,e)})})).map(function(a){var t=oe(e,function(e){return le(e,a)}),r=t?t.props:{},n=i({},l,r,a.props);return z.cloneElement(a,n,a.props.children)}).sort(function(e,a){return(e.props.order||r)-(a.props.order||r)})}function M(e,a){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+a+" instead.")}function x(e,a){var t=!1;return function(){t||(e.apply(void 0,arguments),t=!0,setTimeout(function(){t=!1},a))}}function I(e){var t,a=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(t=e.getBoundingClientRect()),!t)return{left:0,top:0};var r=document,n=r.body,o=r.documentElement,l=o.clientLeft||n.clientLeft||0,i=window.pageXOffset||n.scrollLeft,d=t.left+i-l,c=o.clientTop||n.clientTop||0,s=window.pageYOffset||n.scrollTop,u=t.top+s-c;return{left:a(d),top:a(u)}}function _(e,a){var n={},o=I(e),l=e.offsetWidth,i=e.offsetHeight,d=o.top,c=o.left,s=a.pageY,u=a.pageX;return"changedTouches"in a&&a.changedTouches.length&&(u=a.changedTouches[0].pageX,s=a.changedTouches[0].pageY),n.y=t(0,r(1,(d-s+i)/i)),n.x=t(0,r(1,(u-c)/l)),n}function L(e){e&&e.focus&&e.focus()}function w(e,a){for(var t=e.className.split(" "),r=0;r<t.length;r+=1)if(t[r].toLowerCase()===a.toLowerCase())return!0;return!1}function D(e){if(null===e||e===void 0)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function O(){}function F(){}function B(e){var a=e.player,t=e.className,r=A(a.currentTime,a.duration);return z.createElement("div",{className:Y("video-react-player-current-time video-react-player-time-control video-react-player-control",t)},z.createElement("div",{className:"video-react-player-current-time-display","aria-live":"off"},z.createElement("span",{className:"video-react-player-control-text"},"Current Time "),r))}function U(e){var a=e.player,t=e.className,r=A(a.duration);return z.createElement("div",{className:Y(t,"video-react-player-duration video-react-player-time-control video-react-player-control")},z.createElement("div",{className:"video-react-player-duration-display","aria-live":"off"},z.createElement("span",{className:"video-react-player-control-text"},"Duration Time "),r))}function G(e){var a=e.separator,t=e.className;return z.createElement("div",{className:Y("video-react-player-time-control video-react-player-time-divider",t),dir:"ltr"},z.createElement("div",null,z.createElement("span",null,a||"/")))}function H(e){var a=e.currentTime,t=e.duration,r=e.percentage,n=e.className;return z.createElement("div",{"data-current-time":A(a,t),className:Y("video-react-player-play-progress video-react-player-slider-bar",n),style:{width:r}},z.createElement("span",{className:"video-react-player-control-text"},"Progress: "+r))}function V(e){var a=e.player,t=a.currentTime,r=a.duration,n=e.className,o=A(r-t);return z.createElement("div",{className:Y("video-react-player-remaining-time video-react-player-time-control video-react-player-control",n)},z.createElement("div",{className:"video-react-player-remaining-time-display","aria-live":"off"},z.createElement("span",{className:"video-react-player-control-text"},"Remaining Time "),"-"+o))}var K,z="default"in a?a["default"]:a,Y=m(function(e){(function(){function a(){for(var e,r=[],n=0;n<arguments.length;n++)if(e=arguments[n],e){var o=typeof e;if("string"===o||"number"===o)r.push(e);else if(Array.isArray(e)&&e.length){var l=a.apply(null,e);l&&r.push(l)}else if("object"===o)for(var d in e)t.call(e,d)&&e[d]&&r.push(d)}return r.join(" ")}var t={}.hasOwnProperty;e.exports?(a.default=a,e.exports=a):window.classNames=a})()});K="undefined"==typeof self?"undefined"==typeof window?"undefined"==typeof global?"undefined"==typeof module?Function("return this")():module:global:window:self;var W=v(K),j=function(){return Math.random().toString(36).substring(7).split("").join(".")},q={INIT:"@@redux/INIT"+j(),REPLACE:"@@redux/REPLACE"+j(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+j()}},$=Object.freeze({LOAD_START:"video-react-player/LOAD_START",CAN_PLAY:"video-react-player/CAN_PLAY",WAITING:"video-react-player/WAITING",CAN_PLAY_THROUGH:"video-react-player/CAN_PLAY_THROUGH",PLAYING:"video-react-player/PLAYING",PLAY:"video-react-player/PLAY",PAUSE:"video-react-player/PAUSE",END:"video-react-player/END",SEEKING:"video-react-player/SEEKING",SEEKED:"video-react-player/SEEKED",SEEKING_TIME:"video-react-player/SEEKING_TIME",END_SEEKING:"video-react-player/END_SEEKING",DURATION_CHANGE:"video-react-player/DURATION_CHANGE",TIME_UPDATE:"video-react-player/TIME_UPDATE",VOLUME_CHANGE:"video-react-player/VOLUME_CHANGE",PROGRESS_CHANGE:"video-react-player/PROGRESS_CHANGE",RATE_CHANGE:"video-react-player/RATE_CHANGE",SUSPEND:"video-react-player/SUSPEND",ABORT:"video-react-player/ABORT",EMPTIED:"video-react-player/EMPTIED",STALLED:"video-react-player/STALLED",LOADED_META_DATA:"video-react-player/LOADED_META_DATA",LOADED_DATA:"video-react-player/LOADED_DATA",RESIZE:"video-react-player/RESIZE",ERROR:"video-react-player/ERROR",ACTIVATE_TEXT_TRACK:"video-react-player/ACTIVATE_TEXT_TRACK",PICTURE_IN_PICTURE_CHANGE:"video-react-player/PICTURE_IN_PICTURE_CHANGE",LOOP_CHANGE:"video-react-player/LOOP_CHANGE",THEATER_MODE_CHANGE:"video-react-player/THEATER_MODE_CHANGE",QUALITY_CHANGE:"video-react-player/QUALITY_CHANGE",handleLoadStart:function(e){return{type:"video-react-player/LOAD_START",videoProps:e}},handleCanPlay:function(e){return{type:"video-react-player/CAN_PLAY",videoProps:e}},handleWaiting:function(e){return{type:"video-react-player/WAITING",videoProps:e}},handleCanPlayThrough:function(e){return{type:"video-react-player/CAN_PLAY_THROUGH",videoProps:e}},handlePlaying:function(e){return{type:"video-react-player/PLAYING",videoProps:e}},handlePlay:function(e){return{type:"video-react-player/PLAY",videoProps:e}},handlePause:function(e){return{type:"video-react-player/PAUSE",videoProps:e}},handleEnd:function(e){return{type:"video-react-player/END",videoProps:e}},handleSeeking:function(e){return{type:"video-react-player/SEEKING",videoProps:e}},handleSeeked:function(e){return{type:"video-react-player/SEEKED",videoProps:e}},handleDurationChange:function(e){return{type:"video-react-player/DURATION_CHANGE",videoProps:e}},handleTimeUpdate:function(e){return{type:"video-react-player/TIME_UPDATE",videoProps:e}},handleVolumeChange:function(e){return{type:"video-react-player/VOLUME_CHANGE",videoProps:e}},handleProgressChange:function(e){return{type:"video-react-player/PROGRESS_CHANGE",videoProps:e}},handleRateChange:function(e){return{type:"video-react-player/RATE_CHANGE",videoProps:e}},handleSuspend:function(e){return{type:"video-react-player/SUSPEND",videoProps:e}},handleAbort:function(e){return{type:"video-react-player/ABORT",videoProps:e}},handleEmptied:function(e){return{type:"video-react-player/EMPTIED",videoProps:e}},handleStalled:function(e){return{type:"video-react-player/STALLED",videoProps:e}},handleLoadedMetaData:function(e){return{type:"video-react-player/LOADED_META_DATA",videoProps:e}},handleLoadedData:function(e){return{type:"video-react-player/LOADED_DATA",videoProps:e}},handleResize:function(e){return{type:"video-react-player/RESIZE",videoProps:e}},handleError:function(e){return{type:"video-react-player/ERROR",videoProps:e}},handleSeekingTime:function(e){return{type:"video-react-player/SEEKING_TIME",time:e}},handleEndSeeking:function(e){return{type:"video-react-player/END_SEEKING",time:e}},activateTextTrack:function(e){return{type:"video-react-player/ACTIVATE_TEXT_TRACK",textTrack:e}},handlePictureInPictureChange:f,handleLoopChange:function(e){return{type:"video-react-player/LOOP_CHANGE",loop:e}},handleTheaterModeChange:g,handleQualityChange:b}),Q="undefined"==typeof document?null:document,X=function(){function e(){}var a=e.prototype;return a.request=function(e){e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()},a.exit=function(){Q&&(Q.exitFullscreen?Q.exitFullscreen():Q.webkitExitFullscreen?Q.webkitExitFullscreen():Q.mozCancelFullScreen?Q.mozCancelFullScreen():Q.msExitFullscreen&&Q.msExitFullscreen())},a.addEventListener=function(e){Q&&(Q.addEventListener("fullscreenchange",e),Q.addEventListener("webkitfullscreenchange",e),Q.addEventListener("mozfullscreenchange",e),Q.addEventListener("MSFullscreenChange",e))},a.removeEventListener=function(e){Q&&(Q.removeEventListener("fullscreenchange",e),Q.removeEventListener("webkitfullscreenchange",e),Q.removeEventListener("mozfullscreenchange",e),Q.removeEventListener("MSFullscreenChange",e))},l(e,[{key:"isFullscreen",get:function(){return Q?Q.fullscreenElement||Q.webkitFullscreenElement||Q.mozFullScreenElement||Q.msFullscreenElement:null}},{key:"enabled",get:function(){return!!Q&&(Q.fullscreenEnabled||Q.webkitFullscreenEnabled||Q.mozFullScreenEnabled||Q.msFullscreenEnabled)}}]),e}(),Z=new X,J=Object.freeze({OPERATE:"video-react-player/OPERATE",FULLSCREEN_CHANGE:"video-react-player/FULLSCREEN_CHANGE",PLAYER_ACTIVATE:"video-react-player/PLAYER_ACTIVATE",USER_ACTIVATE:"video-react-player/USER_ACTIVATE",handleFullscreenChange:function(e){return{type:"video-react-player/FULLSCREEN_CHANGE",isFullscreen:e}},activate:function(e){return{type:"video-react-player/PLAYER_ACTIVATE",activity:e}},userActivate:function(e){return{type:"video-react-player/USER_ACTIVATE",activity:e}},play:function(e){var a;return void 0===e&&(e={action:"play",source:""}),null===(a=this.video)||void 0===a?void 0:a.play(),{type:"video-react-player/OPERATE",operation:e}},pause:function(e){var a;return void 0===e&&(e={action:"pause",source:""}),null===(a=this.video)||void 0===a?void 0:a.pause(),{type:"video-react-player/OPERATE",operation:e}},togglePlay:function(e){var a;return void 0===e&&(e={action:"toggle-play",source:""}),null===(a=this.video)||void 0===a?void 0:a.togglePlay(),{type:"video-react-player/OPERATE",operation:e}},seek:function(e,a){var t;return void 0===a&&(a={action:"seek",source:""}),null===(t=this.video)||void 0===t?void 0:t.seek(e),{type:"video-react-player/OPERATE",operation:a}},forward:function(e,a){var t;return void 0===a&&(a={action:"forward-"+e,source:""}),null===(t=this.video)||void 0===t?void 0:t.forward(e),{type:"video-react-player/OPERATE",operation:a}},replay:function(e,a){var t;return void 0===a&&(a={action:"replay-"+e,source:""}),null===(t=this.video)||void 0===t?void 0:t.replay(e),{type:"video-react-player/OPERATE",operation:a}},changeRate:function(e,a){return void 0===a&&(a={action:"change-rate",source:""}),this.video&&(this.video.playbackRate=e),{type:"video-react-player/OPERATE",operation:a}},changeVolume:function(e,a){void 0===a&&(a={action:"change-volume",source:""});var t=e;return 0>e&&(t=0),1<e&&(t=1),this.video&&(this.video.volume=t),{type:"video-react-player/OPERATE",operation:a}},mute:function(e,a){return void 0===a&&(a={action:e?"muted":"unmuted",source:""}),this.video&&(this.video.muted=e),{type:"video-react-player/OPERATE",operation:a}},toggleFullscreen:function(e){return Z.enabled?(Z.isFullscreen?Z.exit():this.rootElement&&Z.request(this.rootElement),{type:"video-react-player/OPERATE",operation:{action:"toggle-fullscreen",source:""}}):{type:"video-react-player/FULLSCREEN_CHANGE",isFullscreen:!e.isFullscreen}},togglePictureInPicture:function(){var e=!this.store.getState().player.isPictureInPicture;return f(e)},changeQuality:function(e){return b(e)},takeScreenshot:function(){return{type:"video-react-player/OPERATE",operation:{action:"screenshot",source:"control"}}},toggleTheaterMode:function(e){return g(e)}}),ee={currentSrc:null,duration:0,currentTime:0,seekingTime:0,buffered:null,textTracks:null,waiting:!1,seeking:!1,paused:!0,autoPaused:!1,ended:!1,playbackRate:1,muted:!1,volume:1,readyState:0,networkState:0,videoWidth:0,videoHeight:0,hasStarted:!1,userActivity:!0,isActive:!1,isFullscreen:!1,isPictureInPicture:!1,loop:!1,isTheater:!1,quality:"auto",activeTextTrack:null},ae={count:0,operation:{action:"",source:""}},te=function(){function e(e){this.store=void 0,this.video=void 0,this.rootElement=void 0,this.boundActions=void 0,this.store=e||E(P),this.video=null,this.rootElement=null,this.boundActions=void 0}var a=e.prototype;return a.getActions=function(){var e=this;if(this.boundActions)return this.boundActions;var a=i({},J,$),t={};return Object.keys(a).forEach(function(r){var n=a[r];"function"!=typeof n||(t[r]=function(){for(var a=arguments.length,t=Array(a),r=0;r<a;r++)t[r]=arguments[r];var o=n.apply(e,t);"undefined"!=typeof o&&e.store.dispatch(o)})}),this.boundActions=t,this.boundActions},a.getState=function(){return this.store.getState()},a.subscribeToStateChange=function(e,a){void 0===a&&(a=this.getState.bind(this));var t=a(),r=function(){var r=a();if(r!==t){var n=t;t=r,e(r,n)}};return this.store.subscribe(r)},a.subscribeToOperationStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().operation})},a.subscribeToPlayerStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().player})},e}(),re=function(e){function a(a,t){var r;return r=e.call(this,a,t)||this,r.handleClick=r.handleClick.bind(n(r)),r}d(a,e);var t=a.prototype;return t.componentDidMount=function(){},t.handleClick=function(e){var a;e.preventDefault(),null===(a=this.props.actions)||void 0===a?void 0:a.play()},t.render=function(){var e,a=this.props,t=a.player,r=a.position,n="center"===r?"center":"left",o=null!==(e=null===t||void 0===t?void 0:t.hasStarted)&&void 0!==e&&e,l=void 0!==(null===t||void 0===t?void 0:t.currentSrc)&&""!==(null===t||void 0===t?void 0:t.currentSrc);return z.createElement("button",{className:Y("video-react-player-button","video-react-player-big-play-button","video-react-player-big-play-button-"+n,this.props.className,{"big-play-button-hide":o||!l}),type:"button","aria-live":"polite",tabIndex:0,onClick:this.handleClick},z.createElement("span",{className:"video-react-player-control-text"},"Play Video"))},a}(a.Component);re.defaultProps={position:"left"},re.displayName="BigPlayButton",T.displayName="LoadingSpinner",N.displayName="PosterImage";var ne=Number.isNaN||function(e){return e!==e},oe=function(e,a){return e.find(a)},le=function(e,a){var t=e.type,r=a.type;return"string"==typeof t||"string"==typeof r?t===r:!("function"!=typeof t||"function"!=typeof r)&&t.displayName===r.displayName},ie=["error","src","srcObject","currentSrc","crossOrigin","networkState","preload","buffered","readyState","seeking","currentTime","duration","paused","defaultPlaybackRate","playbackRate","played","seekable","ended","autoplay","loop","mediaGroup","controller","controls","volume","muted","defaultMuted","audioTracks","videoTracks","textTracks","width","height","videoWidth","videoHeight","poster"],de=a.forwardRef(function(e,n){var o=e.actions,l=e.player,d=e.children,c=e.startTime,s=e.loop,u=e.poster,p=e.preload,y=e.src,m=e.autoPlay,v=e.playsInline,h=e.muted,E=e.crossOrigin,f=e.videoId,g=e.className,b=e.onLoadStart,C=e.onWaiting,k=e.onCanPlay,P=e.onCanPlayThrough,T=e.onPlaying,N=e.onEnded,A=e.onSeeking,R=e.onSeeked,M=e.onPlay,I=e.onPause,_=e.onProgress,L=e.onDurationChange,w=e.onError,D=e.onSuspend,O=e.onAbort,F=e.onEmptied,B=e.onStalled,U=e.onLoadedMetadata,G=e.onLoadedData,H=e.onTimeUpdate,V=e.onRateChange,K=e.onVolumeChange,W=e.onResize,j=a.useRef(null),q=a.useRef(e);q.current=e;var $=a.useReducer(function(e){return e+1},0),Q=$[1];a.useEffect(function(){Q()},[]);var X=a.useCallback(function(){var e=j.current;return e?ie.reduce(function(a,t){return a[t]=null===e||void 0===e?void 0:e[t],a},{}):{}},[]),Z=a.useCallback(function(e,a){return function(){e(X()),a&&a.apply(void 0,arguments)}},[X]),J=a.useMemo(function(){return Z(o.handleLoadStart,b)},[o.handleLoadStart,b,Z]),ee=a.useMemo(function(){return Z(o.handleWaiting,C)},[o.handleWaiting,C,Z]),ae=a.useMemo(function(){return Z(o.handleCanPlay,k)},[o.handleCanPlay,k,Z]),te=a.useMemo(function(){return Z(o.handleCanPlayThrough,P)},[o.handleCanPlayThrough,P,Z]),re=a.useMemo(function(){return Z(o.handlePlaying,T)},[o.handlePlaying,T,Z]),ne=a.useMemo(function(){return Z(o.handlePlay,M)},[o.handlePlay,M,Z]),oe=a.useMemo(function(){return Z(o.handlePause,I)},[o.handlePause,I,Z]),le=a.useMemo(function(){return Z(o.handleDurationChange,L)},[o.handleDurationChange,L,Z]),de=a.useMemo(function(){return Z(o.handleTimeUpdate,H)},[o.handleTimeUpdate,H,Z]),ce=a.useMemo(function(){return Z(o.handleRateChange,V)},[o.handleRateChange,V,Z]),se=a.useMemo(function(){return Z(o.handleVolumeChange,K)},[o.handleVolumeChange,K,Z]),ue=a.useMemo(function(){return Z(o.handleSuspend,D)},[o.handleSuspend,D,Z]),pe=a.useMemo(function(){return Z(o.handleAbort,O)},[o.handleAbort,O,Z]),ye=a.useMemo(function(){return Z(o.handleEmptied,F)},[o.handleEmptied,F,Z]),me=a.useMemo(function(){return Z(o.handleStalled,B)},[o.handleStalled,B,Z]),ve=a.useMemo(function(){return Z(o.handleResize,W)},[o.handleResize,W,Z]),he=a.useMemo(function(){return x(function(){o.handleProgressChange(X())},250)},[o,X]),Ee=a.useCallback(function(e){he(),null===_||void 0===_?void 0:_(e)},[_,he]),fe=a.useCallback(function(e){o.handleError(X()),null===w||void 0===w?void 0:w(e)},[o,X,w]),ge=a.useCallback(function(e){o.handleSeeking(X()),null===A||void 0===A?void 0:A(e)},[o,X,A]),be=a.useCallback(function(e){o.handleSeeked(X()),null===R||void 0===R?void 0:R(e)},[o,X,R]),Ce=a.useCallback(function(e){var a=j.current;if(s&&a){a.currentTime=0;var t=a.play();null===t||void 0===t?void 0:t.catch(function(){})}else a&&!l.paused&&a.pause();o.handleEnd(X()),null===N||void 0===N?void 0:N(e)},[o,X,s,N,l.paused]),ke=a.useCallback(function(e){var a=j.current;"number"==typeof c&&0<c&&a&&(a.currentTime=c),o.handleLoadedMetaData(X()),null===U||void 0===U?void 0:U(e)},[o,X,U,c]),Pe=a.useCallback(function(e){o.handleLoadedData(X()),null===G||void 0===G?void 0:G(e)},[o,X,G]),Te=a.useCallback(function(){var e=j.current;if(e&&e.textTracks){var a=Array.from(e.textTracks).find(function(e){return"showing"===e.mode});a!==l.activeTextTrack&&o.activateTextTrack(null!==a&&void 0!==a?a:null)}},[o,l.activeTextTrack]);a.useEffect(function(){var e=j.current;if(e){e.textTracks&&(e.textTracks.onaddtrack=Te,e.textTracks.onremovetrack=Te);var a=function(){return o.handlePictureInPictureChange(!0)},t=function(){return o.handlePictureInPictureChange(!1)};return e.addEventListener("enterpictureinpicture",a),e.addEventListener("leavepictureinpicture",t),function(){e.removeEventListener("enterpictureinpicture",a),e.removeEventListener("leavepictureinpicture",t)}}},[o,Te]);var Ne=a.useRef();if(!Ne.current){var Ae=function(){return j.current};Ne.current={play:function(){var e,a=null===(e=Ae())||void 0===e?void 0:e.play();a&&"function"==typeof a.catch&&a.catch(function(){})},pause:function(){var e=Ae(),a=null===e||void 0===e?void 0:e.pause();"object"==typeof a&&null!==a&&"catch"in a&&"function"==typeof a.catch&&a.catch(function(){})},load:function(){var e;null===(e=Ae())||void 0===e?void 0:e.load()},addTextTrack:function(e,a,t){var r=Ae();return r?r.addTextTrack(e,a,t):{}},canPlayType:function(){for(var e,a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return null!==(e=null===(a=Ae())||void 0===a?void 0:a.canPlayType.apply(a,r))&&void 0!==e?e:""},togglePlay:function(){var e=Ae();if(e)if(e.paused){var a=e.play();a&&"function"==typeof a.catch&&a.catch(function(){})}else{var t=e.pause();"object"==typeof t&&null!==t&&"catch"in t&&"function"==typeof t.catch&&t.catch(function(){})}},seek:function(e){var a=Ae();if(a)try{a.currentTime=e}catch(e){}},forward:function(e){var a=Ae();if(a){var t;null===(t=Ne.current)||void 0===t?void 0:t.seek(a.currentTime+e)}},replay:function(e){var a;null===(a=Ne.current)||void 0===a?void 0:a.forward(-e)},toggleFullscreen:function(){q.current.actions.toggleFullscreen(q.current.player)},get playbackRate(){var e,a;return null!==(e=null===(a=Ae())||void 0===a?void 0:a.playbackRate)&&void 0!==e?e:1},set playbackRate(e){var a=Ae();a&&(a.playbackRate=e)},get muted(){var e,a;return!(null===(e=null===(a=Ae())||void 0===a?void 0:a.muted)||void 0===e)&&e},set muted(e){var a=Ae();a&&(a.muted=e)},get volume(){var e,a;return null!==(e=null===(a=Ae())||void 0===a?void 0:a.volume)&&void 0!==e?e:1},set volume(e){var a=Ae();a&&(a.volume=t(0,r(1,e)))},get videoWidth(){var e,a;return null!==(e=null===(a=Ae())||void 0===a?void 0:a.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,a;return null!==(e=null===(a=Ae())||void 0===a?void 0:a.videoHeight)&&void 0!==e?e:0},get video(){return Ae()}}}a.useImperativeHandle(n,function(){return Ne.current},[]);var Se=a.useMemo(function(){if(!Ne.current)return null;var a=i({},e,{video:Ne.current});return z.Children.toArray(d).filter(S).map(function(e){var t=e;if("string"==typeof t.type){if("source"===t.type){var r=i({},t.props),n=r.onError;return r.onError=function(){n&&n.apply(void 0,arguments),o.handleError(X())},z.cloneElement(t,r)}return t}return z.cloneElement(t,a)})},[o,d,X,e]);return z.createElement("video",{className:Y("video-react-player-video",g),id:f,crossOrigin:E,ref:j,muted:h,preload:p,loop:s,playsInline:v,autoPlay:m,poster:u,src:y,onLoadStart:J,onWaiting:ee,onCanPlay:ae,onCanPlayThrough:te,onPlaying:re,onEnded:Ce,onSeeking:ge,onSeeked:be,onPlay:ne,onPause:oe,onProgress:Ee,onDurationChange:le,onError:fe,onSuspend:ue,onAbort:pe,onEmptied:ye,onStalled:me,onLoadedMetadata:ke,onLoadedData:Pe,onTimeUpdate:de,onRateChange:ce,onVolumeChange:se,onResize:ve,tabIndex:-1},Se)});de.displayName="Video";var ce=function(e){function a(a,t){var r;return r=e.call(this,a,t)||this,r.timer=null,a.manager.subscribeToOperationStateChange(r.handleStateChange.bind(n(r))),r.state={hidden:!0,operation:{action:"",source:""},count:0},r}d(a,e);var t=a.prototype;return t.handleStateChange=function(e,a){var t=this;e.count!==a.count&&"shortcut"===e.operation.source&&(this.timer&&(clearTimeout(this.timer),this.timer=null),this.setState({hidden:!1,count:e.count,operation:e.operation}),this.timer=window.setTimeout(function(){t.setState({hidden:!0}),t.timer=null},500))},t.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return z.createElement("div",{className:Y({"video-react-player-bezel":!0,"video-react-player-bezel-animation":0==this.state.count%2,"video-react-player-bezel-animation-alt":1==this.state.count%2},this.props.className),style:e,role:"status","aria-label":this.state.operation.action},z.createElement("div",{className:Y("video-react-player-bezel-icon","video-react-player-bezel-icon-"+this.state.operation.action)}))},a}(a.Component);ce.displayName="Bezel";var se=function(e){function a(a,t){var r;return r=e.call(this,a,t)||this,r.defaultShortcuts=void 0,r.shortcuts=[],r.defaultShortcuts=[{keyCode:32,handle:r.togglePlay},{keyCode:75,handle:r.togglePlay},{keyCode:70,handle:r.toggleFullscreen},{keyCode:37,handle:function(e,a){e.hasStarted&&a.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,a){e.hasStarted&&a.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,a){e.hasStarted&&a.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,a){e.hasStarted&&a.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,a){e.hasStarted&&a.seek(0)}},{keyCode:35,handle:function(e,a){e.hasStarted&&a.seek(e.duration)}},{keyCode:38,handle:function(e,a){var t=e.volume+.05;1<t&&(t=1),a.changeVolume(t,{action:"volume-up",source:"shortcut"})}},{keyCode:40,handle:function(e,a){var t=e.volume-.05;0>t&&(t=0);var r=0<t?"volume-down":"volume-off";a.changeVolume(t,{action:r,source:"shortcut"})}},{keyCode:190,shift:!0,handle:function(e,a){var t=e.playbackRate;1.5<=t?t=2:1.25<=t?t=1.5:1<=t?t=1.25:.5<=t?t=1:.25<=t?t=.5:0<=t&&(t=.25),a.changeRate(t,{action:"fast-forward",source:"shortcut"})}},{keyCode:188,shift:!0,handle:function(e,a){var t=e.playbackRate;.5>=t?t=.25:1>=t?t=.5:1.25>=t?t=1:1.5>=t?t=1.25:2>=t&&(t=1.5),a.changeRate(t,{action:"fast-rewind",source:"shortcut"})}}],r.shortcuts=[].concat(r.defaultShortcuts),r.mergeShortcuts=r.mergeShortcuts.bind(n(r)),r.handleKeyPress=r.handleKeyPress.bind(n(r)),r.handleClick=r.handleClick.bind(n(r)),r.handleDoubleClick=r.handleDoubleClick.bind(n(r)),r}d(a,e);var t=a.prototype;return t.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},t.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},t.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},t.mergeShortcuts=function(){var e=function(e){var a=e.keyCode,t=void 0===a?0:a,r=e.ctrl,n=e.shift,o=e.alt;return t+":"+(void 0!==r&&r)+":"+(void 0!==n&&n)+":"+(void 0!==o&&o)},a=this.defaultShortcuts.reduce(function(a,t){var r;return i({},a,(r={},r[e(t)]=t,r))},{}),t=(this.props.shortcuts||[]).reduce(function(a,t){var r=t.keyCode,n=t.handle;if(r&&"function"==typeof n){var o;return i({},a,(o={},o[e(t)]=t,o))}return a},a),r=function(e){var a=0;return["ctrl","shift","alt"].forEach(function(t){e[t]&&(a+=1)}),a};this.shortcuts=Object.values(t).sort(function(e,a){return r(a)-r(e)})},t.togglePlay=function(e,a){e.paused?a.play({action:"play",source:"shortcut"}):a.pause({action:"pause",source:"shortcut"})},t.toggleFullscreen=function(e,a){a.toggleFullscreen(e)},t.handleKeyPress=function(a){var e=this.props,t=e.player,r=e.actions;if(t.isActive){var n=document.activeElement;if(!(n&&n instanceof HTMLElement&&(w(n,"video-react-player-control")||w(n,"video-react-player-menu-button-active")||w(n,"video-react-player-big-play-button")))){var o=a.keyCode||a.which,l=a.ctrlKey||a.metaKey,i=a.shiftKey,d=a.altKey,c=this.shortcuts.find(function(e){return!!(e.keyCode&&0==e.keyCode-o)&&(void 0===e.ctrl||e.ctrl===l)&&(void 0===e.shift||e.shift===i)&&(void 0===e.alt||e.alt===d)});c&&(c.handle(t,r),a.preventDefault())}}},t.canBeClicked=function(a,t){return!!(a.isActive&&4===a.readyState&&t.target instanceof HTMLVideoElement)},t.handleClick=function(a){var e=this.props,t=e.player,r=e.actions,n=e.clickable;this.canBeClicked(t,a)&&n&&this.togglePlay(t,r)},t.handleDoubleClick=function(a){var e=this.props,t=e.player,r=e.actions,n=e.dblclickable;this.canBeClicked(t,a)&&n&&this.toggleFullscreen(t,r)},t.render=function(){return null},a}(a.Component);se.defaultProps={clickable:!0,dblclickable:!0},se.displayName="Shortcut";var ue=m(function(a,o){function i(t){if("object"==typeof t&&null!==t){var r=t.$$typeof;switch(r){case y:switch(t=t.type,t){case f:case l:case d:case v:case e:case n:return t;default:switch(t=t&&t.$$typeof,t){case h:case m:case E:return t;default:return r}}case g:case p:case c:return r}}}function t(e){return i(e)===l}Object.defineProperty(o,"__esModule",{value:!0});var s="function"==typeof Symbol&&Symbol.for,y=s?Symbol.for("react.element"):60103,c=s?Symbol.for("react.portal"):60106,d=s?Symbol.for("react.fragment"):60107,e=s?Symbol.for("react.strict_mode"):60108,v=s?Symbol.for("react.profiler"):60114,E=s?Symbol.for("react.provider"):60109,h=s?Symbol.for("react.context"):60110,f=s?Symbol.for("react.async_mode"):60111,l=s?Symbol.for("react.concurrent_mode"):60111,m=s?Symbol.for("react.forward_ref"):60112,n=s?Symbol.for("react.suspense"):60113,p=s?Symbol.for("react.memo"):60115,g=s?Symbol.for("react.lazy"):60116;o.typeOf=i,o.AsyncMode=f,o.ConcurrentMode=l,o.ContextConsumer=h,o.ContextProvider=E,o.Element=y,o.ForwardRef=m,o.Fragment=d,o.Lazy=g,o.Memo=p,o.Portal=c,o.Profiler=v,o.StrictMode=e,o.Suspense=n,o.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===d||t===l||t===v||t===e||t===n||"object"==typeof t&&null!==t&&(t.$$typeof===g||t.$$typeof===p||t.$$typeof===E||t.$$typeof===h||t.$$typeof===m)},o.isAsyncMode=function(e){return t(e)||i(e)===f},o.isConcurrentMode=t,o.isContextConsumer=function(e){return i(e)===h},o.isContextProvider=function(e){return i(e)===E},o.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===y},o.isForwardRef=function(e){return i(e)===m},o.isFragment=function(e){return i(e)===d},o.isLazy=function(e){return i(e)===g},o.isMemo=function(e){return i(e)===p},o.isPortal=function(e){return i(e)===c},o.isProfiler=function(e){return i(e)===v},o.isStrictMode=function(t){return i(t)===e},o.isSuspense=function(e){return i(e)===n}});y(ue);var pe=ue.typeOf,ye=ue.AsyncMode,me=ue.ConcurrentMode,ve=ue.ContextConsumer,he=ue.ContextProvider,Ee=ue.Element,fe=ue.ForwardRef,ge=ue.Fragment,be=ue.Lazy,Ce=ue.Memo,ke=ue.Portal,Pe=ue.Profiler,Te=ue.StrictMode,Ne=ue.Suspense,Ae=ue.isValidElementType,Se=ue.isAsyncMode,Re=ue.isConcurrentMode,Me=ue.isContextConsumer,xe=ue.isContextProvider,Ie=ue.isElement,_e=ue.isForwardRef,Le=ue.isFragment,we=ue.isLazy,De=ue.isMemo,Oe=ue.isPortal,Fe=ue.isProfiler,Be=ue.isStrictMode,Ue=ue.isSuspense,Ge=m(function(){});y(Ge);var He=Ge.typeOf,Ve=Ge.AsyncMode,Ke=Ge.ConcurrentMode,ze=Ge.ContextConsumer,Ye=Ge.ContextProvider,We=Ge.Element,je=Ge.ForwardRef,qe=Ge.Fragment,$e=Ge.Lazy,Qe=Ge.Memo,Xe=Ge.Portal,Ze=Ge.Profiler,Je=Ge.StrictMode,ea=Ge.Suspense,aa=Ge.isValidElementType,ta=Ge.isAsyncMode,ra=Ge.isConcurrentMode,na=Ge.isContextConsumer,oa=Ge.isContextProvider,la=Ge.isElement,ia=Ge.isForwardRef,da=Ge.isFragment,ca=Ge.isLazy,sa=Ge.isMemo,ua=Ge.isPortal,pa=Ge.isProfiler,ya=Ge.isStrictMode,ma=Ge.isSuspense,va=m(function(e){e.exports=ue}),ha=Object.getOwnPropertySymbols,Ea=Object.prototype.hasOwnProperty,fa=Object.prototype.propertyIsEnumerable,ga=function(){var e=String.fromCharCode;try{if(!Object.assign)return!1;var a=new String("abc");if(a[5]="de","5"===Object.getOwnPropertyNames(a)[0])return!1;for(var t={},r=0;10>r;r++)t["_"+e(r)]=r;var n=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==n.join(""))return!1;var o={};return["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"].forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e){for(var a,t,r=D(e),n=1;n<arguments.length;n++){for(var o in a=Object(arguments[n]),a)Ea.call(a,o)&&(r[o]=a[o]);if(ha){t=ha(a);for(var l=0;l<t.length;l++)fa.call(a,t[l])&&(r[t[l]]=a[t[l]])}}return r},ba=Function.call.bind(Object.prototype.hasOwnProperty);F.resetWarningCache=O;var Ca=function(){function e(e,a,t,r,n,o){if(o!=="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:F,resetWarningCache:O};return t.PropTypes=t,t},ka=m(function(e){e.exports=Ca()}),Pa={player:ka.object,className:ka.string};B.propTypes=Pa,B.displayName="CurrentTimeDisplay",U.displayName="DurationDisplay",G.displayName="TimeDivider";var Ta=a.forwardRef(function(e,t){var r=e.actions,n=e.player,o=e.className,l=a.useCallback(function(){r.toggleFullscreen(n)},[r,n]);return z.createElement("button",{className:Y(o,{"video-react-player-icon-fullscreen-exit":n.isFullscreen,"video-react-player-icon-fullscreen":!n.isFullscreen},"video-react-player-fullscreen-control video-react-player-control video-react-player-button video-react-player-icon"),ref:t,type:"button",tabIndex:0,onClick:l},z.createElement("span",{className:"video-react-player-control-text"},"Non-Fullscreen"))});Ta.displayName="FullscreenToggle";var Na=a.forwardRef(function(e,t){var r,n=e.actions,o=e.player,l=e.className,i=null===(r=null===o||void 0===o?void 0:o.paused)||void 0===r||r,d=a.useCallback(function(){n&&(i?n.play():n.pause())},[n,i]),c=i?"Play":"Pause";return z.createElement("button",{ref:t,className:Y(l,{"video-react-player-play-control":!0,"video-react-player-control":!0,"video-react-player-button":!0,"video-react-player-paused":i,"video-react-player-playing":!i}),type:"button",tabIndex:0,onClick:d},z.createElement("span",{className:"video-react-player-control-text"},c))});Na.displayName="PlayToggle";var Aa=function(e){function a(){for(var a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return a=e.call.apply(e,[this].concat(r))||this,a.slider=null,a.state={active:!1},a.getProgress=function(){var e=a.props.getPercent;if(!e)return 0;var t=e();return("number"!=typeof t||0>t||t===1/0)&&(t=0),t},a.handleMouseDown=function(e){var t,r,n=a.props.onMouseDown;document.addEventListener("mousemove",a.handleMouseMove,!0),document.addEventListener("mouseup",a.handleMouseUp,!0),document.addEventListener("touchmove",a.handleMouseMove,!0),document.addEventListener("touchend",a.handleMouseUp,!0),a.setState({active:!0}),null===(t=(r=a.props).sliderActive)||void 0===t?void 0:t.call(r,e),a.handleMouseMove(e),n&&n(e)},a.handleMouseMove=function(e){var t=a.props.onMouseMove;t&&t(e)},a.handleMouseUp=function(e){var t,r;e.preventDefault();var n=a.props.onMouseUp;document.removeEventListener("mousemove",a.handleMouseMove,!0),document.removeEventListener("mouseup",a.handleMouseUp,!0),document.removeEventListener("touchmove",a.handleMouseMove,!0),document.removeEventListener("touchend",a.handleMouseUp,!0),a.setState({active:!1}),null===(t=(r=a.props).sliderInactive)||void 0===t?void 0:t.call(r,e),n&&n(e)},a.handleFocus=function(e){var t,r;document.addEventListener("keydown",a.handleKeyPress,!0),null===(t=(r=a.props).onFocus)||void 0===t?void 0:t.call(r,e)},a.handleBlur=function(e){if(document.removeEventListener("keydown",a.handleKeyPress,!0),e){var t,r;null===(t=(r=a.props).onBlur)||void 0===t?void 0:t.call(r,e)}},a.handleClick=function(e){var t,r;e.preventDefault(),null===(t=(r=a.props).onClick)||void 0===t?void 0:t.call(r,e)},a.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),a.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),a.stepForward())},a.stepForward=function(){var e,t;null===(e=(t=a.props).stepForward)||void 0===e?void 0:e.call(t)},a.stepBack=function(){var e,t;null===(e=(t=a.props).stepBack)||void 0===e?void 0:e.call(t)},a.renderChildren=function(){var e,t,r=a.getProgress(),n=(100*r).toFixed(2)+"%";return null===(e=(t=a.props).onPercentageChange)||void 0===e?void 0:e.call(t,n),z.Children.map(a.props.children,function(e){return z.isValidElement(e)?z.cloneElement(e,{progress:r,percentage:n}):e})},a}d(a,e);var t=a.prototype;return t.componentWillUnmount=function(){document.removeEventListener("mousemove",this.handleMouseMove,!0),document.removeEventListener("mouseup",this.handleMouseUp,!0),document.removeEventListener("touchmove",this.handleMouseMove,!0),document.removeEventListener("touchend",this.handleMouseUp,!0),document.removeEventListener("keydown",this.handleKeyPress,!0)},t.calculateDistance=function(e){var a;if(!this.slider)return 0;var t=_(this.slider,e);if(this.props.vertical){var r;return null!==(r=t.y)&&void 0!==r?r:0}return null!==(a=t.x)&&void 0!==a?a:0},t.render=function(){var e=this.props,a=e.vertical,t=e.label,r=e.valuenow,n=e.valuetext,o="number"==typeof r?r:+(null!==r&&void 0!==r?r:0);return z.createElement("div",{className:Y(this.props.className,{"video-react-player-slider-vertical":a,"video-react-player-slider-horizontal":!a,"video-react-player-sliding":this.state.active},"video-react-player-slider"),ref:function(e){this.slider=e},tabIndex:0,role:"slider",onMouseDown:this.handleMouseDown,onTouchStart:this.handleMouseDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-label":t||"","aria-valuenow":o,"aria-valuetext":n||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},a}(a.Component);Aa.displayName="Slider",H.displayName="PlayProgressBar";var Sa=function(e,a){var t=e/a||0;return 100*(1<=t?1:t)+"%"},Ra=function(e){var a=e.buffered,t=e.duration,r=e.className;if(!a||0===a.length)return null;var n=a.end(a.length-1);n>t&&(n=t);for(var o={width:Sa(n,t)},l=[],d=0;d<a.length;d+=1){var c=a.start(d),s=a.end(d);l.push(z.createElement("div",{style:{left:Sa(c,n),width:Sa(s-c,n)},key:"part-"+d}))}return z.createElement("div",{style:o,className:Y("video-react-player-load-progress",r)},z.createElement("span",{className:"video-react-player-control-text"},"Loaded: 0%"),l)};Ra.displayName="LoadProgressBar";var Ma=function(e){var a=e.duration,t=e.mouseTime,r=e.className,n=e.text;if(!t.time)return null;var o=n||A(t.time,a);return z.createElement("div",{className:Y("video-react-player-mouse-display",r),style:{left:t.position+"px"},"data-current-time":o})};Ma.displayName="MouseTimeDisplay";var xa=function(e){var t=e.player,r=e.actions,n=e.mouseTime,o=e.className,l=a.useRef(null),i=a.useCallback(function(){var e=t.currentTime,a=t.seekingTime,r=t.duration;if(!r)return 0;var n=(a||e)/r;return 1<=n?1:n},[t]),d=a.useCallback(function(e){var a=t.duration||0,r=l.current?l.current.calculateDistance(e):0,n=r*a;return n===a?n-.1:n},[t.duration]),c=a.useCallback(function(e){var a=d(e);r.handleSeekingTime(a)},[r,d]),s=a.useCallback(function(e){var a=d(e);r.seek(a),r.handleEndSeeking(a)},[r,d]),u=a.useCallback(function(){r.forward(5)},[r]),p=a.useCallback(function(){r.replay(5)},[r]),y=t.seekingTime||t.currentTime,m=i(),v=a.useMemo(function(){return A(y,t.duration)},[t.duration,y]);return z.createElement(Aa,{ref:function(e){l.current=e},label:"video progress bar",className:Y("video-react-player-progress-holder",o),valuenow:+(100*m).toFixed(2),valuetext:v,onMouseMove:c,onMouseUp:s,getPercent:i,stepForward:u,stepBack:p},z.createElement(Ra,{buffered:t.buffered,currentTime:y,duration:t.duration}),z.createElement(Ma,{duration:t.duration,mouseTime:n}),z.createElement(H,{percentage:(100*m).toFixed(2)+"%",currentTime:y,duration:t.duration}))};xa.displayName="SeekBar";var Ia=function(e){var t=e.className,r=c(e,["className"]),n=a.useState({time:null,position:0}),o=n[0],l=n[1],d=a.useCallback(function(e){if(e.pageX){var a=e.currentTarget;if(a){var t=_(a,e.nativeEvent),n=t.x,o=void 0===n?0:n,i=o*r.player.duration,d=e.pageX-I(a).left;l({time:i,position:d})}}},[r.player.duration]);return z.createElement("div",{onMouseMove:d,className:Y("video-react-player-progress-control video-react-player-control",t)},z.createElement(xa,i({mouseTime:o},r)))};Ia.displayName="ProgressControl";var _a=function(e){function a(){for(var a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return a=e.call.apply(e,[this].concat(r))||this,a.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),a.handleClick(e))},a.handleClick=function(e){a.props.onClick(e)},a.handleFocus=function(e){var t,r;document.addEventListener("keydown",a.handleKeypress),null===(t=(r=a.props).onFocus)||void 0===t?void 0:t.call(r,e)},a.handleBlur=function(e){if(document.removeEventListener("keydown",a.handleKeypress),e){var t,r;null===(t=(r=a.props).onBlur)||void 0===t?void 0:t.call(r,e)}},a}d(a,e);var t=a.prototype;return t.componentWillUnmount=function(){this.handleBlur()},t.render=function(){var e=this.props,a=e.tagName,t=void 0===a?"div":a,r=e.className,n=e.children,o=e.onClick,l=e.onFocus,d=e.onBlur,s=c(e,["tagName","className","children","onClick","onFocus","onBlur"]);return z.createElement(t,i({},s,{className:Y(r),role:"button",tabIndex:0,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur}),n)},a}(a.Component);_a.defaultProps={tagName:"div"},_a.displayName="ClickableComponent";var La=function(e){var a=e.children;return z.createElement("div",{className:"video-react-player-menu",onClick:function(e){e.preventDefault()}},z.createElement("div",{className:"video-react-player-menu-content"},a))};La.displayName="Popup";var wa=function(e){var a=e.inline,t=!(void 0!==a)||a,r=e.className,n=e.children,o=c(e,["inline","className","children"]);return z.createElement(_a,i({},o,{className:Y(r,{"video-react-player-menu-button-inline":!!t,"video-react-player-menu-button-popup":!t},"video-react-player-control video-react-player-button video-react-player-menu-button")}),z.createElement(La,null,n))};wa.displayName="PopupButton";var Da=function(e){var a=e.percentage,t=void 0===a?"100%":a,r=e.vertical,n=e.className,o={};return void 0!==r&&r?o.height=t:o.width=t,z.createElement("div",{className:Y(n,"video-react-player-volume-level"),style:o},z.createElement("span",{className:"video-react-player-control-text"}))};Da.displayName="VolumeLevel";var Oa=function(e){function a(){for(var a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return a=e.call.apply(e,[this].concat(r))||this,a.slider=null,a.state={percentage:"0%"},a.getPercent=function(){var e=a.props.player;return e.muted?0:e.volume},a.checkMuted=function(){var e=a.props,t=e.player,r=e.actions;t.muted&&r.mute(!1)},a.handleMouseMove=function(e){var t=a.props.actions;a.checkMuted();var r=a.slider?a.slider.calculateDistance(e):0;t.changeVolume(r)},a.stepForward=function(){var e=a.props,t=e.player,r=e.actions;a.checkMuted(),r.changeVolume(t.volume+.1)},a.stepBack=function(){var e=a.props,t=e.player,r=e.actions;a.checkMuted(),r.changeVolume(t.volume-.1)},a.handleFocus=function(e){var t,r;null===(t=(r=a.props).onFocus)||void 0===t?void 0:t.call(r,e)},a.handleBlur=function(e){var t,r;null===(t=(r=a.props).onBlur)||void 0===t?void 0:t.call(r,e)},a.handleSliderActivate=function(e){"focus"===e.type&&a.handleFocus(e)},a.handleSliderDeactivate=function(e){"blur"===e.type&&a.handleBlur(e)},a.handlePercentageChange=function(e){e!==a.state.percentage&&a.setState({percentage:e})},a.handleClick=function(e){e.stopPropagation()},a}d(a,e);var t=a.prototype;return t.render=function(){var e=this.props,a=e.player,t=e.className,r=e.vertical,n=+(100*a.volume).toFixed(2);return z.createElement(Aa,{order:1,ref:function(e){this.slider=e},label:"volume level",valuenow:n,valuetext:n+"%",onMouseMove:this.handleMouseMove,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,sliderActive:this.handleSliderActivate,sliderInactive:this.handleSliderDeactivate,getPercent:this.getPercent,onPercentageChange:this.handlePercentageChange,stepForward:this.stepForward,stepBack:this.stepBack,vertical:r,className:Y(t,"video-react-player-volume-bar","video-react-player-slider-bar")},z.createElement(Da,{className:"video-react-player-volume-level"}))},a}(a.Component);Oa.displayName="VolumeBar";var Fa=function(e){var t=e.player,r=e.actions,n=e.vertical,o=void 0!==n&&n,l=e.className,d=e.alwaysShowVolume,s=c(e,["player","actions","vertical","className","alwaysShowVolume"]),u=a.useState(!1),p=u[0],y=u[1],m=a.useMemo(function(){return t.muted||0===t.volume?0:.33>t.volume?1:.67>t.volume?2:3},[t.muted,t.volume]),v=a.useCallback(function(){r.mute(!t.muted)},[r,t.muted]),h=a.useCallback(function(){y(!0)},[]),E=a.useCallback(function(){y(!1)},[]);return z.createElement(wa,i({},s,{className:Y(l,{"video-react-player-volume-menu-button-vertical":o,"video-react-player-volume-menu-button-horizontal":!o,"video-react-player-vol-muted":t.muted,"video-react-player-vol-0":0===m&&!t.muted,"video-react-player-vol-1":1===m,"video-react-player-vol-2":2===m,"video-react-player-vol-3":3===m,"video-react-player-slider-active":d||p,"video-react-player-lock-showing":d||p},"video-react-player-volume-menu-button"),onClick:v,inline:!o}),z.createElement(Oa,{onFocus:h,onBlur:E,player:t,actions:r,vertical:o}))};Fa.displayName="VolumeMenuButton";var Ba=function(e){return e},Ua=function(){return[Ba(z.createElement(Na,{key:"play-toggle",order:1})),Ba(z.createElement(Fa,{key:"volume-menu-button",order:4})),Ba(z.createElement(B,{key:"current-time-display",order:5.1})),Ba(z.createElement(G,{key:"time-divider",order:5.2})),Ba(z.createElement(U,{key:"duration-display",order:5.3})),Ba(z.createElement(Ia,{key:"progress-control",order:6})),Ba(z.createElement(Ta,{key:"fullscreen-toggle",order:8}))]},Ga=function(e){var a=e.autoHide,t=e.className,r=e.disableCompletely,n=e.disableDefaultControls,o=e.children,l=c(e,["autoHide","className","disableCompletely","disableDefaultControls","children"]);if(void 0!==r&&r||!l.actions||!l.player)return null;var i=!!(l.actions&&l.player),d=n||!i?[]:Ua(),s=R(d,o,l);return z.createElement("div",{className:Y("video-react-player-control-bar",{"video-react-player-control-bar-auto-hide":!(void 0!==a)||a},t)},s)};Ga.displayName="ControlBar";var Ha="undefined"!=typeof window&&window.navigator?window.navigator.userAgent:"",Va=/iPad/i.test(Ha),Ka=/iPhone/i.test(Ha)&&!Va,za=/iPod/i.test(Ha),Ya={fluid:!0,muted:!1,playsInline:!1,preload:"auto",aspectRatio:"auto"},Wa=a.forwardRef(function(e,t){var r=i({},Ya,e),n=r.children,o=r.width,l=r.height,d=r.fluid,s=r.bigPlayButtonPosition,u=r.hideDefaultBigPlayButton,p=r.aspectRatio,y=r.className,m=r.store,v=c(r,["children","width","height","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton","aspectRatio","className","store"]),h=a.useRef();h.current||(h.current=new te(m));var E=h.current,f=a.useRef(E.getActions()),g=f.current,b=a.useRef(null),C=a.useRef(null),k=a.useState(E.getState().player),P=k[0],A=k[1],M=a.useCallback(function(){},[]);a.useEffect(function(){var e=E.subscribeToPlayerStateChange(function(e,a){e.isFullscreen!==a.isFullscreen&&(M(),L(E.rootElement)),A(e)});return e},[M,E]),a.useEffect(function(){return M(),window.addEventListener("resize",M),function(){window.removeEventListener("resize",M)}},[M]);var I=a.useCallback(function(e){e.target===E.rootElement&&g.handleFullscreenChange(!!Z.isFullscreen)},[g,E]);a.useEffect(function(){return Z.addEventListener(I),function(){return Z.removeEventListener(I)}},[I]),a.useEffect(function(){return function(){C.current&&clearTimeout(C.current)}},[]);var _=a.useCallback(function(e){b.current=e,E.video=e},[E]),w=a.useCallback(function(e,a,t){return void 0===a&&(a=!0),[z.createElement(de,{ref:_,key:"video",order:0,actions:g,player:P},e),z.createElement(N,{key:"poster-image",order:1,actions:g,player:P}),z.createElement(T,{key:"loading-spinner",order:2,actions:g,player:P}),z.createElement(ce,{key:"bezel",order:3,manager:E}),a&&z.createElement(re,{key:"big-play-button",order:4,actions:g,player:P,position:t}),z.createElement(Ga,{key:"control-bar",order:5,actions:g,player:P}),z.createElement(se,{key:"shortcut",order:99,actions:g,player:P,manager:E})]},[g,_,E,P]),D=a.useCallback(function(e){var a=!1;return z.Children.forEach(e,function(e){if(!a&&z.isValidElement(e)){var r=e.type,t=r.displayName||r.name;return e.type===re||"BigPlayButton"===t||!0===e.props["data-big-play-button"]?void(a=!0):void(e.props&&e.props.children&&D(e.props.children)&&(a=!0))}}),a},[]),O=a.useCallback(function(e){var a=e.className,t=e.children,r=e.fluid,o=e.bigPlayButtonPosition,l=e.hideDefaultBigPlayButton,d=c(e,["className","children","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton"]),p=z.Children.toArray(n).filter(function(e){return!S(e)}),y=D(n),m=w(t,!u&&!y,s),v=i({},d,{actions:g,player:P,manager:E});return R(m,p,v)},[g,s,n,D,w,u,E,P]),F=a.useCallback(function(e,a,t){var r;"string"==typeof t?"auto"===t?r="auto":/\d+%/.test(t)&&(r=t):"number"==typeof t&&(r=t+"px"),r&&(e[a]=r)},[]),B=a.useMemo(function(){var e={},a=p;(void 0===a||"auto"===a)&&(P.videoWidth?a=P.videoWidth+":"+P.videoHeight:a="16:9");var t=a.split(":").map(Number),r=t[0],n=t[1],i=n/r,c=o;void 0===c&&("number"==typeof l?c=l/i:"string"==typeof l&&"auto"!==l?c=parseFloat(l)/i:c=P.videoWidth||400);var s=l;return void 0===s&&("number"==typeof c?s=c*i:"string"==typeof c&&"auto"!==c&&(s=parseFloat(c)*i)),d?e.paddingTop=100*i+"%":(void 0!==c&&F(e,"width",c),void 0!==s&&F(e,"height",s)),e},[p,d,l,P.videoHeight,P.videoWidth,F,o]),U=a.useCallback(function(){var e=3e3;z.Children.forEach(n,function(a){if(z.isValidElement(a)&&a.type===Ga){var t=a.props,r=t.autoHideTime;"number"==typeof r&&(e=r)}}),g.userActivate(!0),C.current&&clearTimeout(C.current),C.current=window.setTimeout(function(){g.userActivate(!1)},e)},[g,n]),G=a.useMemo(function(){return x(function(){U()},250)},[U]),H=a.useCallback(function(){U()},[U]),V=a.useCallback(function(){G()},[G]),K=a.useCallback(function(){U()},[U]),W=a.useCallback(function(){g.activate(!0)},[g]),j=a.useCallback(function(){g.activate(!1)},[g]),q=a.useCallback(function(e){E.rootElement=e},[E]),$=a.useMemo(function(){var e,a;return i({},v,{fluid:d,bigPlayButtonPosition:s,hideDefaultBigPlayButton:u,player:P,actions:g,manager:E,store:E.store,video:null!==(e=null===(a=b.current)||void 0===a?void 0:a.video)&&void 0!==e?e:null})},[g,s,d,u,E,v,P]),Q=a.useMemo(function(){return O($)},[$,O]);a.useImperativeHandle(t,function(){return{manager:E,actions:g,video:b.current,getState:function(){return E.getState()},get playbackRate(){var e,a;return null!==(e=null===(a=b.current)||void 0===a?void 0:a.playbackRate)&&void 0!==e?e:1},set playbackRate(e){b.current&&(b.current.playbackRate=e)},get muted(){var e,a;return!(null===(e=null===(a=b.current)||void 0===a?void 0:a.muted)||void 0===e)&&e},set muted(e){b.current&&(b.current.muted=e)},get volume(){var e,a;return null!==(e=null===(a=b.current)||void 0===a?void 0:a.volume)&&void 0!==e?e:1},set volume(e){b.current&&(b.current.volume=e)},get videoWidth(){var e,a;return null!==(e=null===(a=b.current)||void 0===a?void 0:a.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,a;return null!==(e=null===(a=b.current)||void 0===a?void 0:a.videoHeight)&&void 0!==e?e:0},play:function(){var e;null===(e=b.current)||void 0===e?void 0:e.play()},pause:function(){var e;null===(e=b.current)||void 0===e?void 0:e.pause()},load:function(){var e;null===(e=b.current)||void 0===e?void 0:e.load()},addTextTrack:function(){for(var e,a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return null!==(e=null===(a=b.current)||void 0===a?void 0:a.addTextTrack.apply(a,r))&&void 0!==e?e:{}},canPlayType:function(){for(var e,a,t=arguments.length,r=Array(t),n=0;n<t;n++)r[n]=arguments[n];return null!==(e=null===(a=b.current)||void 0===a?void 0:a.canPlayType.apply(a,r))&&void 0!==e?e:""},seek:function(e){var a;null===(a=b.current)||void 0===a?void 0:a.seek(e)},forward:function(e){var a;null===(a=b.current)||void 0===a?void 0:a.forward(e)},replay:function(e){var a;null===(a=b.current)||void 0===a?void 0:a.replay(e)},toggleFullscreen:function(){var e;null===(e=b.current)||void 0===e?void 0:e.toggleFullscreen()},subscribeToStateChange:function(e){return E.subscribeToPlayerStateChange(e)}}},[g,E]);var X=P.paused,J=P.hasStarted,ee=P.waiting,ae=P.seeking,ne=P.isFullscreen,oe=P.userActivity;return z.createElement("div",{className:Y({"video-react-player-controls-enabled":!0,"video-react-player-has-started":J,"video-react-player-paused":X,"video-react-player-playing":!X,"video-react-player-waiting":ee,"video-react-player-seeking":ae,"video-react-player-fluid":d,"video-react-player-fullscreen":ne,"video-react-player-user-inactive":!oe,"video-react-player-user-active":oe,"video-react-player-workinghover":!(Ka||Va||za)},"video-react-player",y),style:B,ref:q,role:"region",onTouchStart:H,onMouseDown:H,onTouchMove:V,onMouseMove:V,onKeyDown:K,onFocus:W,onBlur:j,tabIndex:-1},Q)});Wa.displayName="Player";var ja=function(e){var t=a.forwardRef(function(t,r){var n=t.actions,o=t.seconds,l=void 0===o?10:o,i=t.className,d=a.useCallback(function(){"forward"===e?n.forward(l):n.replay(l)},[n,l]),c=["video-react-player-control","video-react-player-button","video-react-player-icon","video-react-player-icon-"+e+"-"+l,"video-react-player-"+e+"-control"];return i&&c.push(i),z.createElement("button",{ref:r,className:c.join(" "),type:"button",onClick:d},z.createElement("span",{className:"video-react-player-control-text"},e+" "+l+" seconds"))});return t.displayName="ForwardReplayControl("+e+")",t},qa=ja("forward");qa.displayName="ForwardControl";var $a=ja("replay");$a.displayName="ReplayControl";var Qa=function(e){var a=e.children;return z.createElement("div",{className:"video-react-player-menu video-react-player-lock-showing",role:"presentation",onClick:function(e){e.preventDefault()}},z.createElement("ul",{className:"video-react-player-menu-content"},a))};Qa.displayName="Menu";var Xa=function(e){var a=e.item,t=e.index,r=e.activateIndex,n=e.onSelectItem;return z.createElement("li",{className:Y({"video-react-player-menu-item":!0,"video-react-player-selected":t===r}),role:"menuitem",onClick:function(){n(t)}},a.label,z.createElement("span",{className:"video-react-player-control-text"}))};Xa.displayName="MenuItem";var Za=function(e){function a(){for(var a,t,r=arguments.length,n=Array(r),o=0;o<r;o++)n[o]=arguments[o];return t=e.call.apply(e,[this].concat(n))||this,t.state={active:!1,activateIndex:null!==(a=t.props.selectedIndex)&&void 0!==a?a:0},t.commitSelection=function(e){t.setState({activateIndex:e}),t.handleIndexChange(e)},t.activateMenuItem=function(e){void 0===e&&(e=0),t.setState({activateIndex:e}),t.handleIndexChange(e)},t.handleIndexChange=function(e){t.props.onSelectItem(e)},t.handleClick=function(){t.setState(function(e){return{active:!e.active}})},t.handleFocus=function(){document.addEventListener("keydown",t.handleKeyPress)},t.handleBlur=function(){t.setState({active:!1}),document.removeEventListener("keydown",t.handleKeyPress)},t.handleUpArrow=function(e){var a,r=null!==(a=t.props.items)&&void 0!==a?a:[];if(t.state.active&&r.length){e.preventDefault();var n=(t.state.activateIndex-1+r.length)%r.length;t.activateMenuItem(n)}},t.handleDownArrow=function(e){var a,r=null!==(a=t.props.items)&&void 0!==a?a:[];if(t.state.active&&r.length){e.preventDefault();var n=(t.state.activateIndex+1)%r.length;t.activateMenuItem(n)}},t.handleTab=function(e){t.state.active&&(e.preventDefault(),t.commitSelection(t.state.activateIndex))},t.handleReturn=function(e){e.preventDefault(),t.state.active?t.commitSelection(t.state.activateIndex):t.setState({active:!0})},t.handleEscape=function(){t.setState({active:!1,activateIndex:0})},t.handleKeyPress=function(e){27===e.which?t.handleEscape():9===e.which?t.handleTab(e):13===e.which?t.handleReturn(e):38===e.which?t.handleUpArrow(e):40===e.which&&t.handleDownArrow(e)},t.handleSelectItem=function(e){t.commitSelection(e)},t}d(a,e);var t=a.prototype;return t.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress)},t.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&"number"==typeof this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},t.renderMenu=function(){var e,a=this;if(!this.state.active)return null;var t=null!==(e=this.props.items)&&void 0!==e?e:[];return z.createElement(Qa,null,t.map(function(e,t){return z.createElement(Xa,{item:e,index:t,onSelectItem:a.handleSelectItem,activateIndex:a.state.activateIndex,key:"item-"+t})}))},t.render=function(){var e=this.props,a=e.inline,t=e.className,r=e.children;return z.createElement(_a,{className:Y(t,{"video-react-player-menu-button-inline":!!a,"video-react-player-menu-button-popup":!a,"video-react-player-menu-button-active":this.state.active},"video-react-player-control video-react-player-button video-react-player-menu-button"),onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},r,this.renderMenu())},a}(a.Component);Za.displayName="MenuButton",Za.defaultProps={items:[],selectedIndex:0};var Ja=[2,1.5,1.25,1,.5,.25],et=function(e){var t=e.actions,r=e.player,n=e.rates,o=void 0===n?Ja:n,l=e.className,i=a.useMemo(function(){return o.map(function(e){return{label:e+"x",value:e}})},[o]),d=a.useMemo(function(){var e=o.indexOf(r.playbackRate);if(0<=e)return e;var a=o.indexOf(1);return 0<=a?a:0},[r.playbackRate,o]),c=a.useCallback(function(e){0<=e&&e<o.length&&t.changeRate(o[e])},[t,o]);return z.createElement(Za,{className:Y("video-react-player-playback-rate",l),onSelectItem:c,items:i,selectedIndex:d},z.createElement("span",{className:"video-react-player-control-text"},"Playback Rate"),z.createElement("div",{className:"video-react-player-playback-rate-value"},r.playbackRate.toFixed(2)+"x"))};et.displayName="PlaybackRateMenuButton";var at=function(e){return a.useEffect(function(){M("PlaybackRate","PlaybackRateMenuButton")},[]),z.createElement(et,e)};at.displayName="PlaybackRate";var tt=["captions","subtitles"],rt=function(e){var t=e.player,r=e.actions,n=e.className,o=e.offMenuText,l=void 0===o?"Off":o,i=e.showOffMenu,d=!(void 0!==i)||i,c=e.kinds,s=void 0===c?tt:c,u=a.useMemo(function(){var e=[],a=Array.from(t.textTracks||[]);d&&e.push({label:l,value:null}),a.forEach(function(a){s.length&&!s.includes(a.kind)||e.push({label:a.label||a.language||"Unknown",value:a.language||null})});var r=e.findIndex(function(e){return t.activeTextTrack&&null!==e.value&&t.activeTextTrack.language===e.value});return{items:e,selectedIndex:0<=r?r:0}},[s,l,t.activeTextTrack,t.textTracks,d]),p=a.useCallback(function(e){Array.from(t.textTracks||[]).forEach(function(a,t){var n=d?t+1:t;e===n?(a.mode="showing",r.activateTextTrack(a)):a.mode="hidden"}),d&&0===e&&r.activateTextTrack(null)},[r,t.textTracks,d]);return z.createElement(Za,{className:Y("video-react-player-closed-caption",n),onSelectItem:p,items:u.items,selectedIndex:u.selectedIndex},z.createElement("span",{className:"video-react-player-control-text"},"Closed Caption"))};rt.displayName="ClosedCaptionButton";var nt=function(e){var t,r=e.actions,n=e.player,o=e.className,l=a.useCallback(function(){r.togglePictureInPicture()},[r]),i=!(null===(t=n.isPictureInPicture)||void 0===t)&&t;return z.createElement("button",{className:Y(o,{"video-react-player-icon-picture-in-picture-exit":i,"video-react-player-icon-picture-in-picture":!i},"video-react-player-picture-in-picture-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:l},z.createElement("span",{className:"video-react-player-control-text"},"Picture-in-Picture"))};nt.displayName="PictureInPictureToggle";var ot=a.forwardRef(function(e,t){var r=e.actions,n=e.player,o=e.className,l=!!n.loop,i=a.useCallback(function(){r.handleLoopChange(!l)},[r,l]);return z.createElement("button",{className:Y(o,{"video-react-player-icon-loop-active":l,"video-react-player-icon-loop":!l},"video-react-player-loop-control video-react-player-control video-react-player-button video-react-player-icon"),ref:t,type:"button",tabIndex:0,onClick:i},z.createElement("span",{className:"video-react-player-control-text"},l?"Loop On":"Loop Off"))});ot.displayName="LoopToggle";var lt=function(e){var t,r=e.actions,n=e.player,o=e.className,l=a.useCallback(function(){r.toggleTheaterMode(!n.isTheater)},[r,n.isTheater]),i=!(null===(t=n.isTheater)||void 0===t)&&t;return z.createElement("button",{className:Y(o,{"video-react-player-icon-theater-exit":i,"video-react-player-icon-theater":!i},"video-react-player-theater-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:l},z.createElement("span",{className:"video-react-player-control-text"},i?"Exit Theater Mode":"Theater Mode"))};lt.displayName="TheaterModeToggle";var it=function(e){var t=e.player,r=e.className,n=e.filename,o=void 0===n?"video":n,l=a.useCallback(function(){if(t.currentSrc){var e=document.createElement("a");e.href=t.currentSrc,e.download=o,e.click()}},[o,t.currentSrc]);return z.createElement("button",{className:Y(r,"video-react-player-icon-download","video-react-player-download-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:l},z.createElement("span",{className:"video-react-player-control-text"},"Download"))};it.displayName="DownloadButton";var dt=function(e){var t=e.actions,r=e.className,n=a.useCallback(function(){t.takeScreenshot()},[t]);return z.createElement("button",{className:Y(r,"video-react-player-icon-camera","video-react-player-screenshot-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:n},z.createElement("span",{className:"video-react-player-control-text"},"Screenshot"))};dt.displayName="ScreenshotButton";var ct=["auto","1080p","720p","480p","360p","240p"],st=function(e){var t=e.qualities,r=void 0===t?ct:t,n=e.actions,o=e.player,l=e.className,i=a.useMemo(function(){return r.map(function(e){return{label:e,value:e}})},[r]),d=o.quality||"auto",c=a.useMemo(function(){var e=r.indexOf(d);return 0<=e?e:0},[d,r]),s=a.useCallback(function(e){0<=e&&e<r.length&&n.changeQuality(r[e])},[n,r]);return z.createElement(Za,{className:Y("video-react-player-quality-menu",l),onSelectItem:s,items:i,selectedIndex:c},z.createElement("span",{className:"video-react-player-control-text"},"Quality"),z.createElement("div",{className:"video-react-player-quality-value"},d))};st.displayName="QualityMenuButton",V.displayName="RemainingTimeDisplay",e.Bezel=ce,e.BigPlayButton=re,e.ClosedCaptionButton=rt,e.ControlBar=Ga,e.CurrentTimeDisplay=B,e.DownloadButton=it,e.DurationDisplay=U,e.ForwardControl=qa,e.FullscreenToggle=Ta,e.LoadProgressBar=Ra,e.LoadingSpinner=T,e.LoopToggle=ot,e.MenuButton=Za,e.MouseTimeDisplay=Ma,e.PictureInPictureToggle=nt,e.PlayProgressBar=H,e.PlayToggle=Na,e.PlaybackRate=at,e.PlaybackRateMenuButton=et,e.Player=Wa,e.PosterImage=N,e.ProgressControl=Ia,e.QualityMenuButton=st,e.RemainingTimeDisplay=V,e.ReplayControl=$a,e.ScreenshotButton=dt,e.SeekBar=xa,e.Shortcut=se,e.Slider=Aa,e.TheaterModeToggle=lt,e.TimeDivider=G,e.Video=de,e.VolumeMenuButton=Fa,e.operationReducer=k,e.playerActions=J,e.playerReducer=C,e.videoActions=$,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
2
|
+
//# sourceMappingURL=video-react-player.full.min.js.map
|