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,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):(e=e||self,t(e["video-react-player"]={},e.React))})(this,function(e,t){"use strict";var n=Math.max,a=Math.min;function o(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(n,e){for(var a,r=0;r<e.length;r++)a=e[r],a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(n,m(a.key),a)}function l(n,e,a){return e&&i(n.prototype,e),a&&i(n,a),Object.defineProperty(n,"prototype",{writable:!1}),n}function d(){return d=Object.assign?Object.assign.bind():function(a){for(var n,o=1;o<arguments.length;o++)for(var i in n=arguments[o],n)({}).hasOwnProperty.call(n,i)&&(a[i]=n[i]);return a},d.apply(null,arguments)}function c(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,u(e,t)}function s(a,o){if(null==a)return{};var e={};for(var t in a)if({}.hasOwnProperty.call(a,t)){if(-1!==o.indexOf(t))continue;e[t]=a[t]}return e}function u(n,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,t){return n.__proto__=t,n},u(n,t)}function p(n,t){if("object"!=typeof n||!n)return n;var a=n[Symbol.toPrimitive];if(void 0!==a){var e=a.call(n,t||"default");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}function m(e){var t=p(e,"string");return"symbol"==typeof t?t:t+""}function v(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function h(e,t){return t={exports:{}},e(t,t.exports),t.exports}function y(e){var t,n=e.Symbol;return"function"==typeof n?n.observable?t=n.observable:(t=n("observable"),n.observable=t):t="@@observable",t}function E(e){if("object"!=typeof e||null===e)return!1;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function f(e,t,n){function a(){u===s&&(u=s.slice())}function o(){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 r(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 t=!0;return a(),u.push(e),function(){if(t){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.");t=!1,a();var n=u.indexOf(e);u.splice(n,1)}}}function i(e){if(!E(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 t,n=s=u,a=0;a<n.length;a++)t=n[a],t();return e}var l;if("function"==typeof t&&"function"==typeof n||"function"==typeof n&&"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 t&&"undefined"==typeof n&&(n=t,t=void 0),"undefined"!=typeof n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(f)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,c=t,s=[],u=s,p=!1;return i({type:$.INIT}),l={dispatch:i,subscribe:r,getState:o,replaceReducer:function(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,i({type:$.REPLACE})}},l[j]=function(){var e,t=r;return e={subscribe:function(e){function n(){e.next&&e.next(o())}if("object"!=typeof e||null===e)throw new TypeError("Expected the observer to be an object.");n();var a=t(n);return{unsubscribe:a}}},e[j]=function(){return this},e},l}function g(e){return{type:"video-react-player/PICTURE_IN_PICTURE_CHANGE",isPictureInPicture:e}}function w(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,t){switch(void 0===e&&(e=te),t.type){case"video-react-player/USER_ACTIVATE":return d({},e,{userActivity:t.activity});case"video-react-player/PLAYER_ACTIVATE":return d({},e,{isActive:t.activity});case"video-react-player/FULLSCREEN_CHANGE":return d({},e,{isFullscreen:!!t.isFullscreen});case"video-react-player/SEEKING_TIME":return d({},e,{seekingTime:t.time});case"video-react-player/END_SEEKING":return d({},e,{seekingTime:0});case"video-react-player/LOAD_START":return d({},e,t.videoProps,{hasStarted:!1,ended:!1});case"video-react-player/CAN_PLAY":return d({},e,t.videoProps,{waiting:!1});case"video-react-player/WAITING":return d({},e,t.videoProps,{waiting:!0});case"video-react-player/CAN_PLAY_THROUGH":case"video-react-player/PLAYING":return d({},e,t.videoProps,{waiting:!1});case"video-react-player/PLAY":return d({},e,t.videoProps,{ended:!1,paused:!1,autoPaused:!1,waiting:!1,hasStarted:!0});case"video-react-player/PAUSE":return d({},e,t.videoProps,{paused:!0});case"video-react-player/END":return d({},e,t.videoProps,{ended:!0});case"video-react-player/SEEKING":return d({},e,t.videoProps,{seeking:!0});case"video-react-player/SEEKED":return d({},e,t.videoProps,{seeking:!1});case"video-react-player/ERROR":return d({},e,t.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 d({},e,t.videoProps);case"video-react-player/ACTIVATE_TEXT_TRACK":return d({},e,{activeTextTrack:t.textTrack});case"video-react-player/PICTURE_IN_PICTURE_CHANGE":return d({},e,{isPictureInPicture:!!t.isPictureInPicture});case"video-react-player/LOOP_CHANGE":return d({},e,{loop:!!t.loop});case"video-react-player/THEATER_MODE_CHANGE":return d({},e,{isTheater:!!t.isTheater});case"video-react-player/QUALITY_CHANGE":return d({},e,{quality:t.quality||"auto"});default:return e}}function k(e,t){switch(void 0===e&&(e=ne),t.type){case"video-react-player/OPERATE":return d({},e,{count:e.count+1,operation:d({},e.operation,t.operation)});default:return e}}function P(e,t){return{player:C(null===e||void 0===e?void 0:e.player,t),operation:k(null===e||void 0===e?void 0:e.operation,t)}}function T(e){var t=e.player,n=e.className;return t.error?null:Y.createElement("div",{className:W("video-react-player-loading-spinner",n)})}function N(e){var t=e.poster,n=e.player,a=e.actions,o=e.className;return!t||n.hasStarted?null:Y.createElement("div",{className:W("video-react-player-poster",o),style:{backgroundImage:"url(\""+t+"\")"},onClick:function(){n.paused&&a.play()}})}function A(e,t){var n=Math.floor;void 0===e&&(e=0),void 0===t&&(t=e);var a=n(e%60),o=n(e/60%60),r=n(e/3600),i=n(t/60%60),l=n(t/3600);(re(e)||e===1/0)&&(r=0,o=0,a=0);var d=0<r||0<l,c=d?r+":":"",u=((d||10<=i)&&10>o?"0"+o:o)+":",p=10>a?"0"+a:""+a;return""+c+u+p}function S(e){return!!Y.isValidElement(e)&&(!!(e.props&&e.props.isVideoChild)||"source"===e.type||"track"===e.type)}function R(e,t,n,o){void 0===o&&(o=1);var r=Y.Children.toArray(t).filter(Y.isValidElement),i=n.order,l=s(n,["order"]);return r.filter(function(t){return!t.props.disabled}).concat(e.filter(function(e){return!ie(r,function(t){return le(t,e)})})).map(function(t){var n=ie(e,function(e){return le(e,t)}),a=n?n.props:{},o=d({},l,a,t.props);return Y.cloneElement(t,o,t.props.children)}).sort(function(e,t){return(e.props.order||o)-(t.props.order||o)})}function M(e,t){console.warn("WARNING: "+e+" will be deprecated soon! Please use "+t+" instead.")}function x(e,t){var n=!1;return function(){n||(e.apply(void 0,arguments),n=!0,setTimeout(function(){n=!1},t))}}function I(e){var n,t=Math.round;if(e.getBoundingClientRect&&e.parentNode&&(n=e.getBoundingClientRect()),!n)return{left:0,top:0};var a=document,o=a.body,r=a.documentElement,i=r.clientLeft||o.clientLeft||0,l=window.pageXOffset||o.scrollLeft,d=n.left+l-i,c=r.clientTop||o.clientTop||0,s=window.pageYOffset||o.scrollTop,u=n.top+s-c;return{left:t(d),top:t(u)}}function _(e,t){var o={},r=I(e),i=e.offsetWidth,l=e.offsetHeight,d=r.top,c=r.left,s=t.pageY,u=t.pageX;return"changedTouches"in t&&t.changedTouches.length&&(u=t.changedTouches[0].pageX,s=t.changedTouches[0].pageY),o.y=n(0,a(1,(d-s+l)/l)),o.x=n(0,a(1,(u-c)/i)),o}function L(e){e&&e.focus&&e.focus()}function D(e,t){for(var n=e.className.split(" "),a=0;a<n.length;a+=1)if(n[a].toLowerCase()===t.toLowerCase())return!0;return!1}function O(e){if(null===e||e===void 0)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function F(){}function B(){}function U(e){var t=e.player,n=e.className,a=A(t.currentTime,t.duration);return Y.createElement("div",{className:W("video-react-player-current-time video-react-player-time-control video-react-player-control",n)},Y.createElement("div",{className:"video-react-player-current-time-display","aria-live":"off"},Y.createElement("span",{className:"video-react-player-control-text"},"Current Time "),a))}function G(e){var t=e.player,n=e.className,a=A(t.duration);return Y.createElement("div",{className:W(n,"video-react-player-duration video-react-player-time-control video-react-player-control")},Y.createElement("div",{className:"video-react-player-duration-display","aria-live":"off"},Y.createElement("span",{className:"video-react-player-control-text"},"Duration Time "),a))}function H(e){var t=e.separator,n=e.className;return Y.createElement("div",{className:W("video-react-player-time-control video-react-player-time-divider",n),dir:"ltr"},Y.createElement("div",null,Y.createElement("span",null,t||"/")))}function V(e){var t=e.currentTime,n=e.duration,a=e.percentage,o=e.className;return Y.createElement("div",{"data-current-time":A(t,n),className:W("video-react-player-play-progress video-react-player-slider-bar",o),style:{width:a}},Y.createElement("span",{className:"video-react-player-control-text"},"Progress: "+a))}function K(e){var t=e.player,n=t.currentTime,a=t.duration,o=e.className,r=A(a-n);return Y.createElement("div",{className:W("video-react-player-remaining-time video-react-player-time-control video-react-player-control",o)},Y.createElement("div",{className:"video-react-player-remaining-time-display","aria-live":"off"},Y.createElement("span",{className:"video-react-player-control-text"},"Remaining Time "),"-"+r))}var z,Y="default"in t?t["default"]:t,W=h(function(e){(function(){function t(){for(var e,a=[],o=0;o<arguments.length;o++)if(e=arguments[o],e){var r=typeof e;if("string"===r||"number"===r)a.push(e);else if(Array.isArray(e)&&e.length){var l=t.apply(null,e);l&&a.push(l)}else if("object"===r)for(var d in e)n.call(e,d)&&e[d]&&a.push(d)}return a.join(" ")}var n={}.hasOwnProperty;e.exports?(t.default=t,e.exports=t):window.classNames=t})()});z="undefined"==typeof self?"undefined"==typeof window?"undefined"==typeof global?"undefined"==typeof module?Function("return this")():module:global:window:self;var j=y(z),q=function(){return Math.random().toString(36).substring(7).split("").join(".")},$={INIT:"@@redux/INIT"+q(),REPLACE:"@@redux/REPLACE"+q(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+q()}},Q=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:g,handleLoopChange:function(e){return{type:"video-react-player/LOOP_CHANGE",loop:e}},handleTheaterModeChange:w,handleQualityChange:b}),X="undefined"==typeof document?null:document,Z=function(){function e(){}var t=e.prototype;return t.request=function(e){e.requestFullscreen?e.requestFullscreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()},t.exit=function(){X&&(X.exitFullscreen?X.exitFullscreen():X.webkitExitFullscreen?X.webkitExitFullscreen():X.mozCancelFullScreen?X.mozCancelFullScreen():X.msExitFullscreen&&X.msExitFullscreen())},t.addEventListener=function(e){X&&(X.addEventListener("fullscreenchange",e),X.addEventListener("webkitfullscreenchange",e),X.addEventListener("mozfullscreenchange",e),X.addEventListener("MSFullscreenChange",e))},t.removeEventListener=function(e){X&&(X.removeEventListener("fullscreenchange",e),X.removeEventListener("webkitfullscreenchange",e),X.removeEventListener("mozfullscreenchange",e),X.removeEventListener("MSFullscreenChange",e))},l(e,[{key:"isFullscreen",get:function(){return X?X.fullscreenElement||X.webkitFullscreenElement||X.mozFullScreenElement||X.msFullscreenElement:null}},{key:"enabled",get:function(){return!!X&&(X.fullscreenEnabled||X.webkitFullscreenEnabled||X.mozFullScreenEnabled||X.msFullscreenEnabled)}}]),e}(),J=new Z,ee=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 t;return void 0===e&&(e={action:"play",source:""}),null===(t=this.video)||void 0===t?void 0:t.play(),{type:"video-react-player/OPERATE",operation:e}},pause:function(e){var t;return void 0===e&&(e={action:"pause",source:""}),null===(t=this.video)||void 0===t?void 0:t.pause(),{type:"video-react-player/OPERATE",operation:e}},togglePlay:function(e){var t;return void 0===e&&(e={action:"toggle-play",source:""}),null===(t=this.video)||void 0===t?void 0:t.togglePlay(),{type:"video-react-player/OPERATE",operation:e}},seek:function(e,t){var n;return void 0===t&&(t={action:"seek",source:""}),null===(n=this.video)||void 0===n?void 0:n.seek(e),{type:"video-react-player/OPERATE",operation:t}},forward:function(e,t){var n;return void 0===t&&(t={action:"forward-"+e,source:""}),null===(n=this.video)||void 0===n?void 0:n.forward(e),{type:"video-react-player/OPERATE",operation:t}},replay:function(e,t){var n;return void 0===t&&(t={action:"replay-"+e,source:""}),null===(n=this.video)||void 0===n?void 0:n.replay(e),{type:"video-react-player/OPERATE",operation:t}},changeRate:function(e,t){return void 0===t&&(t={action:"change-rate",source:""}),this.video&&(this.video.playbackRate=e),{type:"video-react-player/OPERATE",operation:t}},changeVolume:function(e,t){void 0===t&&(t={action:"change-volume",source:""});var n=e;return 0>e&&(n=0),1<e&&(n=1),this.video&&(this.video.volume=n),{type:"video-react-player/OPERATE",operation:t}},mute:function(e,t){return void 0===t&&(t={action:e?"muted":"unmuted",source:""}),this.video&&(this.video.muted=e),{type:"video-react-player/OPERATE",operation:t}},toggleFullscreen:function(e){return J.enabled?(J.isFullscreen?J.exit():this.rootElement&&J.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 g(e)},changeQuality:function(e){return b(e)},takeScreenshot:function(){return{type:"video-react-player/OPERATE",operation:{action:"screenshot",source:"control"}}},toggleTheaterMode:function(e){return w(e)}}),te={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},ne={count:0,operation:{action:"",source:""}},ae=function(){function e(e){this.store=void 0,this.video=void 0,this.rootElement=void 0,this.boundActions=void 0,this.store=e||f(P),this.video=null,this.rootElement=null,this.boundActions=void 0}var t=e.prototype;return t.getActions=function(){var e=this;if(this.boundActions)return this.boundActions;var t=d({},ee,Q),n={};return Object.keys(t).forEach(function(a){var o=t[a];"function"!=typeof o||(n[a]=function(){for(var t=arguments.length,n=Array(t),a=0;a<t;a++)n[a]=arguments[a];var r=o.apply(e,n);"undefined"!=typeof r&&e.store.dispatch(r)})}),this.boundActions=n,this.boundActions},t.getState=function(){return this.store.getState()},t.subscribeToStateChange=function(e,t){void 0===t&&(t=this.getState.bind(this));var n=t(),a=function(){var a=t();if(a!==n){var o=n;n=a,e(a,o)}};return this.store.subscribe(a)},t.subscribeToOperationStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().operation})},t.subscribeToPlayerStateChange=function(e){return this.subscribeToStateChange(e,function(){return this.getState().player})},e}(),oe=function(e){function t(t,n){var a;return a=e.call(this,t,n)||this,a.handleClick=a.handleClick.bind(o(a)),a}c(t,e);var n=t.prototype;return n.componentDidMount=function(){},n.handleClick=function(e){var t;e.preventDefault(),null===(t=this.props.actions)||void 0===t?void 0:t.play()},n.render=function(){var e,t=this.props,n=t.player,a=t.position,o="center"===a?"center":"left",r=null!==(e=null===n||void 0===n?void 0:n.hasStarted)&&void 0!==e&&e,i=void 0!==(null===n||void 0===n?void 0:n.currentSrc)&&""!==(null===n||void 0===n?void 0:n.currentSrc);return Y.createElement("button",{className:W("video-react-player-button","video-react-player-big-play-button","video-react-player-big-play-button-"+o,this.props.className,{"big-play-button-hide":r||!i}),type:"button","aria-live":"polite",tabIndex:0,onClick:this.handleClick},Y.createElement("span",{className:"video-react-player-control-text"},"Play Video"))},t}(t.Component);oe.defaultProps={position:"left"},oe.displayName="BigPlayButton",T.displayName="LoadingSpinner",N.displayName="PosterImage";var re=Number.isNaN||function(e){return e!==e},ie=function(e,t){return e.find(t)},le=function(e,t){var n=e.type,a=t.type;return"string"==typeof n||"string"==typeof a?n===a:!("function"!=typeof n||"function"!=typeof a)&&n.displayName===a.displayName},de=["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"],ce=t.forwardRef(function(e,o){var r=e.actions,i=e.player,l=e.children,c=e.startTime,s=e.loop,u=e.poster,p=e.preload,m=e.src,v=e.autoPlay,h=e.playsInline,y=e.muted,E=e.crossOrigin,f=e.videoId,g=e.className,w=e.onLoadStart,b=e.onWaiting,C=e.onCanPlay,k=e.onCanPlayThrough,P=e.onPlaying,T=e.onEnded,N=e.onSeeking,A=e.onSeeked,R=e.onPlay,M=e.onPause,I=e.onProgress,_=e.onDurationChange,L=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,z=e.onResize,j=t.useRef(null),q=t.useRef(e);q.current=e;var $=t.useReducer(function(e){return e+1},0),Q=$[1];t.useEffect(function(){Q()},[]);var X=t.useCallback(function(){var e=j.current;return e?de.reduce(function(t,n){return t[n]=null===e||void 0===e?void 0:e[n],t},{}):{}},[]),Z=t.useCallback(function(e,t){return function(){e(X()),t&&t.apply(void 0,arguments)}},[X]),J=t.useMemo(function(){return Z(r.handleLoadStart,w)},[r.handleLoadStart,w,Z]),ee=t.useMemo(function(){return Z(r.handleWaiting,b)},[r.handleWaiting,b,Z]),te=t.useMemo(function(){return Z(r.handleCanPlay,C)},[r.handleCanPlay,C,Z]),ne=t.useMemo(function(){return Z(r.handleCanPlayThrough,k)},[r.handleCanPlayThrough,k,Z]),ae=t.useMemo(function(){return Z(r.handlePlaying,P)},[r.handlePlaying,P,Z]),oe=t.useMemo(function(){return Z(r.handlePlay,R)},[r.handlePlay,R,Z]),re=t.useMemo(function(){return Z(r.handlePause,M)},[r.handlePause,M,Z]),ie=t.useMemo(function(){return Z(r.handleDurationChange,_)},[r.handleDurationChange,_,Z]),le=t.useMemo(function(){return Z(r.handleTimeUpdate,H)},[r.handleTimeUpdate,H,Z]),ce=t.useMemo(function(){return Z(r.handleRateChange,V)},[r.handleRateChange,V,Z]),se=t.useMemo(function(){return Z(r.handleVolumeChange,K)},[r.handleVolumeChange,K,Z]),ue=t.useMemo(function(){return Z(r.handleSuspend,D)},[r.handleSuspend,D,Z]),pe=t.useMemo(function(){return Z(r.handleAbort,O)},[r.handleAbort,O,Z]),me=t.useMemo(function(){return Z(r.handleEmptied,F)},[r.handleEmptied,F,Z]),ve=t.useMemo(function(){return Z(r.handleStalled,B)},[r.handleStalled,B,Z]),he=t.useMemo(function(){return Z(r.handleResize,z)},[r.handleResize,z,Z]),ye=t.useMemo(function(){return x(function(){r.handleProgressChange(X())},250)},[r,X]),Ee=t.useCallback(function(e){ye(),null===I||void 0===I?void 0:I(e)},[I,ye]),fe=t.useCallback(function(e){r.handleError(X()),null===L||void 0===L?void 0:L(e)},[r,X,L]),ge=t.useCallback(function(e){r.handleSeeking(X()),null===N||void 0===N?void 0:N(e)},[r,X,N]),we=t.useCallback(function(e){r.handleSeeked(X()),null===A||void 0===A?void 0:A(e)},[r,X,A]),be=t.useCallback(function(e){var t=j.current;if(s&&t){t.currentTime=0;var n=t.play();null===n||void 0===n?void 0:n.catch(function(){})}else t&&!i.paused&&t.pause();r.handleEnd(X()),null===T||void 0===T?void 0:T(e)},[r,X,s,T,i.paused]),Ce=t.useCallback(function(e){var t=j.current;"number"==typeof c&&0<c&&t&&(t.currentTime=c),r.handleLoadedMetaData(X()),null===U||void 0===U?void 0:U(e)},[r,X,U,c]),ke=t.useCallback(function(e){r.handleLoadedData(X()),null===G||void 0===G?void 0:G(e)},[r,X,G]),Pe=t.useCallback(function(){var e=j.current;if(e&&e.textTracks){var t=Array.from(e.textTracks).find(function(e){return"showing"===e.mode});t!==i.activeTextTrack&&r.activateTextTrack(null!==t&&void 0!==t?t:null)}},[r,i.activeTextTrack]);t.useEffect(function(){var e=j.current;if(e){e.textTracks&&(e.textTracks.onaddtrack=Pe,e.textTracks.onremovetrack=Pe);var t=function(){return r.handlePictureInPictureChange(!0)},n=function(){return r.handlePictureInPictureChange(!1)};return e.addEventListener("enterpictureinpicture",t),e.addEventListener("leavepictureinpicture",n),function(){e.removeEventListener("enterpictureinpicture",t),e.removeEventListener("leavepictureinpicture",n)}}},[r,Pe]);var Te=t.useRef();if(!Te.current){var Ne=function(){return j.current};Te.current={play:function(){var e,t=null===(e=Ne())||void 0===e?void 0:e.play();t&&"function"==typeof t.catch&&t.catch(function(){})},pause:function(){var e=Ne(),t=null===e||void 0===e?void 0:e.pause();"object"==typeof t&&null!==t&&"catch"in t&&"function"==typeof t.catch&&t.catch(function(){})},load:function(){var e;null===(e=Ne())||void 0===e?void 0:e.load()},addTextTrack:function(e,t,n){var a=Ne();return a?a.addTextTrack(e,t,n):{}},canPlayType:function(){for(var e,t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return null!==(e=null===(t=Ne())||void 0===t?void 0:t.canPlayType.apply(t,a))&&void 0!==e?e:""},togglePlay:function(){var e=Ne();if(e)if(e.paused){var t=e.play();t&&"function"==typeof t.catch&&t.catch(function(){})}else{var n=e.pause();"object"==typeof n&&null!==n&&"catch"in n&&"function"==typeof n.catch&&n.catch(function(){})}},seek:function(e){var t=Ne();if(t)try{t.currentTime=e}catch(e){}},forward:function(e){var t=Ne();if(t){var n;null===(n=Te.current)||void 0===n?void 0:n.seek(t.currentTime+e)}},replay:function(e){var t;null===(t=Te.current)||void 0===t?void 0:t.forward(-e)},toggleFullscreen:function(){q.current.actions.toggleFullscreen(q.current.player)},get playbackRate(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.playbackRate)&&void 0!==e?e:1},set playbackRate(e){var t=Ne();t&&(t.playbackRate=e)},get muted(){var e,t;return!(null===(e=null===(t=Ne())||void 0===t?void 0:t.muted)||void 0===e)&&e},set muted(e){var t=Ne();t&&(t.muted=e)},get volume(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.volume)&&void 0!==e?e:1},set volume(e){var t=Ne();t&&(t.volume=n(0,a(1,e)))},get videoWidth(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,t;return null!==(e=null===(t=Ne())||void 0===t?void 0:t.videoHeight)&&void 0!==e?e:0},get video(){return Ne()}}}t.useImperativeHandle(o,function(){return Te.current},[]);var Ae=t.useMemo(function(){if(!Te.current)return null;var t=d({},e,{video:Te.current});return Y.Children.toArray(l).filter(S).map(function(e){var n=e;if("string"==typeof n.type){if("source"===n.type){var a=d({},n.props),o=a.onError;return a.onError=function(){o&&o.apply(void 0,arguments),r.handleError(X())},Y.cloneElement(n,a)}return n}return Y.cloneElement(n,t)})},[r,l,X,e]);return Y.createElement("video",{className:W("video-react-player-video",g),id:f,crossOrigin:E,ref:j,muted:y,preload:p,loop:s,playsInline:h,autoPlay:v,poster:u,src:m,onLoadStart:J,onWaiting:ee,onCanPlay:te,onCanPlayThrough:ne,onPlaying:ae,onEnded:be,onSeeking:ge,onSeeked:we,onPlay:oe,onPause:re,onProgress:Ee,onDurationChange:ie,onError:fe,onSuspend:ue,onAbort:pe,onEmptied:me,onStalled:ve,onLoadedMetadata:Ce,onLoadedData:ke,onTimeUpdate:le,onRateChange:ce,onVolumeChange:se,onResize:he,tabIndex:-1},Ae)});ce.displayName="Video";var se=function(e){function t(t,n){var a;return a=e.call(this,t,n)||this,a.timer=null,t.manager.subscribeToOperationStateChange(a.handleStateChange.bind(o(a))),a.state={hidden:!0,operation:{action:"",source:""},count:0},a}c(t,e);var n=t.prototype;return n.handleStateChange=function(e,t){var n=this;e.count!==t.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(){n.setState({hidden:!0}),n.timer=null},500))},n.render=function(){if("shortcut"!==this.state.operation.source)return null;var e=this.state.hidden?{display:"none"}:null;return Y.createElement("div",{className:W({"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},Y.createElement("div",{className:W("video-react-player-bezel-icon","video-react-player-bezel-icon-"+this.state.operation.action)}))},t}(t.Component);se.displayName="Bezel";var ue=function(e){function t(t,n){var a;return a=e.call(this,t,n)||this,a.defaultShortcuts=void 0,a.shortcuts=[],a.defaultShortcuts=[{keyCode:32,handle:a.togglePlay},{keyCode:75,handle:a.togglePlay},{keyCode:70,handle:a.toggleFullscreen},{keyCode:37,handle:function(e,t){e.hasStarted&&t.replay(5,{action:"replay-5",source:"shortcut"})}},{keyCode:74,handle:function(e,t){e.hasStarted&&t.replay(10,{action:"replay-10",source:"shortcut"})}},{keyCode:39,handle:function(e,t){e.hasStarted&&t.forward(5,{action:"forward-5",source:"shortcut"})}},{keyCode:76,handle:function(e,t){e.hasStarted&&t.forward(10,{action:"forward-10",source:"shortcut"})}},{keyCode:36,handle:function(e,t){e.hasStarted&&t.seek(0)}},{keyCode:35,handle:function(e,t){e.hasStarted&&t.seek(e.duration)}},{keyCode:38,handle:function(e,t){var n=e.volume+.05;1<n&&(n=1),t.changeVolume(n,{action:"volume-up",source:"shortcut"})}},{keyCode:40,handle:function(e,t){var n=e.volume-.05;0>n&&(n=0);var a=0<n?"volume-down":"volume-off";t.changeVolume(n,{action:a,source:"shortcut"})}},{keyCode:190,shift:!0,handle:function(e,t){var n=e.playbackRate;1.5<=n?n=2:1.25<=n?n=1.5:1<=n?n=1.25:.5<=n?n=1:.25<=n?n=.5:0<=n&&(n=.25),t.changeRate(n,{action:"fast-forward",source:"shortcut"})}},{keyCode:188,shift:!0,handle:function(e,t){var n=e.playbackRate;.5>=n?n=.25:1>=n?n=.5:1.25>=n?n=1:1.5>=n?n=1.25:2>=n&&(n=1.5),t.changeRate(n,{action:"fast-rewind",source:"shortcut"})}}],a.shortcuts=[].concat(a.defaultShortcuts),a.mergeShortcuts=a.mergeShortcuts.bind(o(a)),a.handleKeyPress=a.handleKeyPress.bind(o(a)),a.handleClick=a.handleClick.bind(o(a)),a.handleDoubleClick=a.handleDoubleClick.bind(o(a)),a}c(t,e);var n=t.prototype;return n.componentDidMount=function(){this.mergeShortcuts(),document.addEventListener("keydown",this.handleKeyPress),document.addEventListener("click",this.handleClick),document.addEventListener("dblclick",this.handleDoubleClick)},n.componentDidUpdate=function(e){e.shortcuts!==this.props.shortcuts&&this.mergeShortcuts()},n.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress),document.removeEventListener("click",this.handleClick),document.removeEventListener("dblclick",this.handleDoubleClick)},n.mergeShortcuts=function(){var e=function(e){var t=e.keyCode,n=void 0===t?0:t,a=e.ctrl,o=e.shift,r=e.alt;return n+":"+(void 0!==a&&a)+":"+(void 0!==o&&o)+":"+(void 0!==r&&r)},t=this.defaultShortcuts.reduce(function(t,n){var a;return d({},t,(a={},a[e(n)]=n,a))},{}),n=(this.props.shortcuts||[]).reduce(function(t,n){var a=n.keyCode,o=n.handle;if(a&&"function"==typeof o){var r;return d({},t,(r={},r[e(n)]=n,r))}return t},t),o=function(e){var t=0;return["ctrl","shift","alt"].forEach(function(n){e[n]&&(t+=1)}),t};this.shortcuts=Object.values(n).sort(function(e,t){return o(t)-o(e)})},n.togglePlay=function(e,t){e.paused?t.play({action:"play",source:"shortcut"}):t.pause({action:"pause",source:"shortcut"})},n.toggleFullscreen=function(e,t){t.toggleFullscreen(e)},n.handleKeyPress=function(t){var e=this.props,n=e.player,a=e.actions;if(n.isActive){var o=document.activeElement;if(!(o&&o instanceof HTMLElement&&(D(o,"video-react-player-control")||D(o,"video-react-player-menu-button-active")||D(o,"video-react-player-big-play-button")))){var r=t.keyCode||t.which,i=t.ctrlKey||t.metaKey,l=t.shiftKey,d=t.altKey,c=this.shortcuts.find(function(e){return!!(e.keyCode&&0==e.keyCode-r)&&(void 0===e.ctrl||e.ctrl===i)&&(void 0===e.shift||e.shift===l)&&(void 0===e.alt||e.alt===d)});c&&(c.handle(n,a),t.preventDefault())}}},n.canBeClicked=function(t,n){return!!(t.isActive&&4===t.readyState&&n.target instanceof HTMLVideoElement)},n.handleClick=function(t){var e=this.props,n=e.player,a=e.actions,o=e.clickable;this.canBeClicked(n,t)&&o&&this.togglePlay(n,a)},n.handleDoubleClick=function(t){var e=this.props,n=e.player,a=e.actions,o=e.dblclickable;this.canBeClicked(n,t)&&o&&this.toggleFullscreen(n,a)},n.render=function(){return null},t}(t.Component);ue.defaultProps={clickable:!0,dblclickable:!0},ue.displayName="Shortcut";var pe=h(function(a,o){function i(t){if("object"==typeof t&&null!==t){var o=t.$$typeof;switch(o){case v:switch(t=t.type,t){case f:case l:case d:case y:case e:case n:return t;default:switch(t=t&&t.$$typeof,t){case h:case m:case E:return t;default:return o}}case g:case p:case c:return o}}}function t(e){return i(e)===l}Object.defineProperty(o,"__esModule",{value:!0});var s="function"==typeof Symbol&&Symbol.for,v=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,y=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=v,o.ForwardRef=m,o.Fragment=d,o.Lazy=g,o.Memo=p,o.Portal=c,o.Profiler=y,o.StrictMode=e,o.Suspense=n,o.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===d||t===l||t===y||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===v},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)===y},o.isStrictMode=function(t){return i(t)===e},o.isSuspense=function(e){return i(e)===n}});v(pe);var me=pe.typeOf,ve=pe.AsyncMode,he=pe.ConcurrentMode,ye=pe.ContextConsumer,Ee=pe.ContextProvider,fe=pe.Element,ge=pe.ForwardRef,we=pe.Fragment,be=pe.Lazy,Ce=pe.Memo,ke=pe.Portal,Pe=pe.Profiler,Te=pe.StrictMode,Ne=pe.Suspense,Ae=pe.isValidElementType,Se=pe.isAsyncMode,Re=pe.isConcurrentMode,Me=pe.isContextConsumer,xe=pe.isContextProvider,Ie=pe.isElement,_e=pe.isForwardRef,Le=pe.isFragment,De=pe.isLazy,Oe=pe.isMemo,Fe=pe.isPortal,Be=pe.isProfiler,Ue=pe.isStrictMode,Ge=pe.isSuspense,He=h(function(){});v(He);var Ve=He.typeOf,Ke=He.AsyncMode,ze=He.ConcurrentMode,Ye=He.ContextConsumer,We=He.ContextProvider,je=He.Element,qe=He.ForwardRef,$e=He.Fragment,Qe=He.Lazy,Xe=He.Memo,Ze=He.Portal,Je=He.Profiler,et=He.StrictMode,tt=He.Suspense,nt=He.isValidElementType,at=He.isAsyncMode,ot=He.isConcurrentMode,rt=He.isContextConsumer,it=He.isContextProvider,lt=He.isElement,dt=He.isForwardRef,ct=He.isFragment,st=He.isLazy,ut=He.isMemo,pt=He.isPortal,mt=He.isProfiler,vt=He.isStrictMode,ht=He.isSuspense,yt=h(function(e){e.exports=pe}),Et=Object.getOwnPropertySymbols,ft=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable,wt=function(){var e=String.fromCharCode;try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var a={},o=0;10>o;o++)a["_"+e(o)]=o;var n=Object.getOwnPropertyNames(a).map(function(e){return a[e]});if("0123456789"!==n.join(""))return!1;var r={};return["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t"].forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e){for(var t,n,a=O(e),o=1;o<arguments.length;o++){for(var r in t=Object(arguments[o]),t)ft.call(t,r)&&(a[r]=t[r]);if(Et){n=Et(t);for(var l=0;l<n.length;l++)gt.call(t,n[l])&&(a[n[l]]=t[n[l]])}}return a},bt=Function.call.bind(Object.prototype.hasOwnProperty);B.resetWarningCache=F;var Ct=function(){function e(e,t,n,a,o,r){if(r!=="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"){var i=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 i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:B,resetWarningCache:F};return n.PropTypes=n,n},kt=h(function(e){e.exports=Ct()}),Pt={player:kt.object,className:kt.string};U.propTypes=Pt,U.displayName="CurrentTimeDisplay",G.displayName="DurationDisplay",H.displayName="TimeDivider";var Tt=t.forwardRef(function(e,n){var a=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){a.toggleFullscreen(o)},[a,o]);return Y.createElement("button",{className:W(r,{"video-react-player-icon-fullscreen-exit":o.isFullscreen,"video-react-player-icon-fullscreen":!o.isFullscreen},"video-react-player-fullscreen-control video-react-player-control video-react-player-button video-react-player-icon"),ref:n,type:"button",tabIndex:0,onClick:i},Y.createElement("span",{className:"video-react-player-control-text"},"Non-Fullscreen"))});Tt.displayName="FullscreenToggle";var Nt=t.forwardRef(function(e,n){var a,o=e.actions,r=e.player,i=e.className,l=null===(a=null===r||void 0===r?void 0:r.paused)||void 0===a||a,d=t.useCallback(function(){o&&(l?o.play():o.pause())},[o,l]),c=l?"Play":"Pause";return Y.createElement("button",{ref:n,className:W(i,{"video-react-player-play-control":!0,"video-react-player-control":!0,"video-react-player-button":!0,"video-react-player-paused":l,"video-react-player-playing":!l}),type:"button",tabIndex:0,onClick:d},Y.createElement("span",{className:"video-react-player-control-text"},c))});Nt.displayName="PlayToggle";var At=function(e){function t(){for(var t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return t=e.call.apply(e,[this].concat(a))||this,t.slider=null,t.state={active:!1},t.getProgress=function(){var e=t.props.getPercent;if(!e)return 0;var n=e();return("number"!=typeof n||0>n||n===1/0)&&(n=0),n},t.handleMouseDown=function(e){var n,a,o=t.props.onMouseDown;document.addEventListener("mousemove",t.handleMouseMove,!0),document.addEventListener("mouseup",t.handleMouseUp,!0),document.addEventListener("touchmove",t.handleMouseMove,!0),document.addEventListener("touchend",t.handleMouseUp,!0),t.setState({active:!0}),null===(n=(a=t.props).sliderActive)||void 0===n?void 0:n.call(a,e),t.handleMouseMove(e),o&&o(e)},t.handleMouseMove=function(e){var n=t.props.onMouseMove;n&&n(e)},t.handleMouseUp=function(e){var n,a;e.preventDefault();var o=t.props.onMouseUp;document.removeEventListener("mousemove",t.handleMouseMove,!0),document.removeEventListener("mouseup",t.handleMouseUp,!0),document.removeEventListener("touchmove",t.handleMouseMove,!0),document.removeEventListener("touchend",t.handleMouseUp,!0),t.setState({active:!1}),null===(n=(a=t.props).sliderInactive)||void 0===n?void 0:n.call(a,e),o&&o(e)},t.handleFocus=function(e){var n,a;document.addEventListener("keydown",t.handleKeyPress,!0),null===(n=(a=t.props).onFocus)||void 0===n?void 0:n.call(a,e)},t.handleBlur=function(e){if(document.removeEventListener("keydown",t.handleKeyPress,!0),e){var n,a;null===(n=(a=t.props).onBlur)||void 0===n?void 0:n.call(a,e)}},t.handleClick=function(e){var n,a;e.preventDefault(),null===(n=(a=t.props).onClick)||void 0===n?void 0:n.call(a,e)},t.handleKeyPress=function(e){37===e.which||40===e.which?(e.preventDefault(),e.stopPropagation(),t.stepBack()):(38===e.which||39===e.which)&&(e.preventDefault(),e.stopPropagation(),t.stepForward())},t.stepForward=function(){var e,n;null===(e=(n=t.props).stepForward)||void 0===e?void 0:e.call(n)},t.stepBack=function(){var e,n;null===(e=(n=t.props).stepBack)||void 0===e?void 0:e.call(n)},t.renderChildren=function(){var e,n,a=t.getProgress(),o=(100*a).toFixed(2)+"%";return null===(e=(n=t.props).onPercentageChange)||void 0===e?void 0:e.call(n,o),Y.Children.map(t.props.children,function(e){return Y.isValidElement(e)?Y.cloneElement(e,{progress:a,percentage:o}):e})},t}c(t,e);var n=t.prototype;return n.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)},n.calculateDistance=function(e){var t;if(!this.slider)return 0;var n=_(this.slider,e);if(this.props.vertical){var a;return null!==(a=n.y)&&void 0!==a?a:0}return null!==(t=n.x)&&void 0!==t?t:0},n.render=function(){var e=this.props,t=e.vertical,n=e.label,a=e.valuenow,o=e.valuetext,r="number"==typeof a?a:+(null!==a&&void 0!==a?a:0);return Y.createElement("div",{className:W(this.props.className,{"video-react-player-slider-vertical":t,"video-react-player-slider-horizontal":!t,"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":n||"","aria-valuenow":r,"aria-valuetext":o||"","aria-valuemin":0,"aria-valuemax":100},this.renderChildren())},t}(t.Component);At.displayName="Slider",V.displayName="PlayProgressBar";var St=function(e,t){var n=e/t||0;return 100*(1<=n?1:n)+"%"},Rt=function(e){var t=e.buffered,n=e.duration,a=e.className;if(!t||0===t.length)return null;var o=t.end(t.length-1);o>n&&(o=n);for(var r={width:St(o,n)},l=[],d=0;d<t.length;d+=1){var c=t.start(d),s=t.end(d);l.push(Y.createElement("div",{style:{left:St(c,o),width:St(s-c,o)},key:"part-"+d}))}return Y.createElement("div",{style:r,className:W("video-react-player-load-progress",a)},Y.createElement("span",{className:"video-react-player-control-text"},"Loaded: 0%"),l)};Rt.displayName="LoadProgressBar";var Mt=function(e){var t=e.duration,n=e.mouseTime,a=e.className,o=e.text;if(!n.time)return null;var r=o||A(n.time,t);return Y.createElement("div",{className:W("video-react-player-mouse-display",a),style:{left:n.position+"px"},"data-current-time":r})};Mt.displayName="MouseTimeDisplay";var xt=function(e){var n=e.player,a=e.actions,o=e.mouseTime,r=e.className,i=t.useRef(null),l=t.useCallback(function(){var e=n.currentTime,t=n.seekingTime,a=n.duration;if(!a)return 0;var o=(t||e)/a;return 1<=o?1:o},[n]),d=t.useCallback(function(e){var t=n.duration||0,a=i.current?i.current.calculateDistance(e):0,o=a*t;return o===t?o-.1:o},[n.duration]),c=t.useCallback(function(e){var t=d(e);a.handleSeekingTime(t)},[a,d]),s=t.useCallback(function(e){var t=d(e);a.seek(t),a.handleEndSeeking(t)},[a,d]),u=t.useCallback(function(){a.forward(5)},[a]),p=t.useCallback(function(){a.replay(5)},[a]),m=n.seekingTime||n.currentTime,v=l(),h=t.useMemo(function(){return A(m,n.duration)},[n.duration,m]);return Y.createElement(At,{ref:function(e){i.current=e},label:"video progress bar",className:W("video-react-player-progress-holder",r),valuenow:+(100*v).toFixed(2),valuetext:h,onMouseMove:c,onMouseUp:s,getPercent:l,stepForward:u,stepBack:p},Y.createElement(Rt,{buffered:n.buffered,currentTime:m,duration:n.duration}),Y.createElement(Mt,{duration:n.duration,mouseTime:o}),Y.createElement(V,{percentage:(100*v).toFixed(2)+"%",currentTime:m,duration:n.duration}))};xt.displayName="SeekBar";var It=function(e){var n=e.className,a=s(e,["className"]),o=t.useState({time:null,position:0}),r=o[0],i=o[1],l=t.useCallback(function(e){if(e.pageX){var t=e.currentTarget;if(t){var n=_(t,e.nativeEvent),o=n.x,r=void 0===o?0:o,l=r*a.player.duration,d=e.pageX-I(t).left;i({time:l,position:d})}}},[a.player.duration]);return Y.createElement("div",{onMouseMove:l,className:W("video-react-player-progress-control video-react-player-control",n)},Y.createElement(xt,d({mouseTime:r},a)))};It.displayName="ProgressControl";var _t=function(e){function t(){for(var t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return t=e.call.apply(e,[this].concat(a))||this,t.handleKeypress=function(e){(32===e.which||13===e.which)&&(e.preventDefault(),t.handleClick(e))},t.handleClick=function(e){t.props.onClick(e)},t.handleFocus=function(e){var n,a;document.addEventListener("keydown",t.handleKeypress),null===(n=(a=t.props).onFocus)||void 0===n?void 0:n.call(a,e)},t.handleBlur=function(e){if(document.removeEventListener("keydown",t.handleKeypress),e){var n,a;null===(n=(a=t.props).onBlur)||void 0===n?void 0:n.call(a,e)}},t}c(t,e);var n=t.prototype;return n.componentWillUnmount=function(){this.handleBlur()},n.render=function(){var e=this.props,t=e.tagName,n=void 0===t?"div":t,a=e.className,o=e.children,r=e.onClick,i=e.onFocus,l=e.onBlur,c=s(e,["tagName","className","children","onClick","onFocus","onBlur"]);return Y.createElement(n,d({},c,{className:W(a),role:"button",tabIndex:0,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur}),o)},t}(t.Component);_t.defaultProps={tagName:"div"},_t.displayName="ClickableComponent";var Lt=function(e){var t=e.children;return Y.createElement("div",{className:"video-react-player-menu",onClick:function(e){e.preventDefault()}},Y.createElement("div",{className:"video-react-player-menu-content"},t))};Lt.displayName="Popup";var Dt=function(e){var t=e.inline,n=!(void 0!==t)||t,a=e.className,o=e.children,r=s(e,["inline","className","children"]);return Y.createElement(_t,d({},r,{className:W(a,{"video-react-player-menu-button-inline":!!n,"video-react-player-menu-button-popup":!n},"video-react-player-control video-react-player-button video-react-player-menu-button")}),Y.createElement(Lt,null,o))};Dt.displayName="PopupButton";var Ot=function(e){var t=e.percentage,n=void 0===t?"100%":t,a=e.vertical,o=e.className,r={};return void 0!==a&&a?r.height=n:r.width=n,Y.createElement("div",{className:W(o,"video-react-player-volume-level"),style:r},Y.createElement("span",{className:"video-react-player-control-text"}))};Ot.displayName="VolumeLevel";var Ft=function(e){function t(){for(var t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return t=e.call.apply(e,[this].concat(a))||this,t.slider=null,t.state={percentage:"0%"},t.getPercent=function(){var e=t.props.player;return e.muted?0:e.volume},t.checkMuted=function(){var e=t.props,n=e.player,a=e.actions;n.muted&&a.mute(!1)},t.handleMouseMove=function(e){var n=t.props.actions;t.checkMuted();var a=t.slider?t.slider.calculateDistance(e):0;n.changeVolume(a)},t.stepForward=function(){var e=t.props,n=e.player,a=e.actions;t.checkMuted(),a.changeVolume(n.volume+.1)},t.stepBack=function(){var e=t.props,n=e.player,a=e.actions;t.checkMuted(),a.changeVolume(n.volume-.1)},t.handleFocus=function(e){var n,a;null===(n=(a=t.props).onFocus)||void 0===n?void 0:n.call(a,e)},t.handleBlur=function(e){var n,a;null===(n=(a=t.props).onBlur)||void 0===n?void 0:n.call(a,e)},t.handleSliderActivate=function(e){"focus"===e.type&&t.handleFocus(e)},t.handleSliderDeactivate=function(e){"blur"===e.type&&t.handleBlur(e)},t.handlePercentageChange=function(e){e!==t.state.percentage&&t.setState({percentage:e})},t.handleClick=function(e){e.stopPropagation()},t}c(t,e);var n=t.prototype;return n.render=function(){var e=this.props,t=e.player,n=e.className,a=e.vertical,o=+(100*t.volume).toFixed(2);return Y.createElement(At,{order:1,ref:function(e){this.slider=e},label:"volume level",valuenow:o,valuetext:o+"%",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:a,className:W(n,"video-react-player-volume-bar","video-react-player-slider-bar")},Y.createElement(Ot,{className:"video-react-player-volume-level"}))},t}(t.Component);Ft.displayName="VolumeBar";var Bt=function(e){var n=e.player,a=e.actions,o=e.vertical,r=void 0!==o&&o,i=e.className,l=e.alwaysShowVolume,c=s(e,["player","actions","vertical","className","alwaysShowVolume"]),u=t.useState(!1),p=u[0],m=u[1],v=t.useMemo(function(){return n.muted||0===n.volume?0:.33>n.volume?1:.67>n.volume?2:3},[n.muted,n.volume]),h=t.useCallback(function(){a.mute(!n.muted)},[a,n.muted]),y=t.useCallback(function(){m(!0)},[]),E=t.useCallback(function(){m(!1)},[]);return Y.createElement(Dt,d({},c,{className:W(i,{"video-react-player-volume-menu-button-vertical":r,"video-react-player-volume-menu-button-horizontal":!r,"video-react-player-vol-muted":n.muted,"video-react-player-vol-0":0===v&&!n.muted,"video-react-player-vol-1":1===v,"video-react-player-vol-2":2===v,"video-react-player-vol-3":3===v,"video-react-player-slider-active":l||p,"video-react-player-lock-showing":l||p},"video-react-player-volume-menu-button"),onClick:h,inline:!r}),Y.createElement(Ft,{onFocus:y,onBlur:E,player:n,actions:a,vertical:r}))};Bt.displayName="VolumeMenuButton";var Ut=function(e){return e},Gt=function(){return[Ut(Y.createElement(Nt,{key:"play-toggle",order:1})),Ut(Y.createElement(Bt,{key:"volume-menu-button",order:4})),Ut(Y.createElement(U,{key:"current-time-display",order:5.1})),Ut(Y.createElement(H,{key:"time-divider",order:5.2})),Ut(Y.createElement(G,{key:"duration-display",order:5.3})),Ut(Y.createElement(It,{key:"progress-control",order:6})),Ut(Y.createElement(Tt,{key:"fullscreen-toggle",order:8}))]},Ht=function(e){var t=e.autoHide,n=e.className,a=e.disableCompletely,o=e.disableDefaultControls,r=e.children,i=s(e,["autoHide","className","disableCompletely","disableDefaultControls","children"]);if(void 0!==a&&a||!i.actions||!i.player)return null;var l=!!(i.actions&&i.player),d=o||!l?[]:Gt(),c=R(d,r,i);return Y.createElement("div",{className:W("video-react-player-control-bar",{"video-react-player-control-bar-auto-hide":!(void 0!==t)||t},n)},c)};Ht.displayName="ControlBar";var Vt="undefined"!=typeof window&&window.navigator?window.navigator.userAgent:"",Kt=/iPad/i.test(Vt),zt=/iPhone/i.test(Vt)&&!Kt,Yt=/iPod/i.test(Vt),Wt={fluid:!0,muted:!1,playsInline:!1,preload:"auto",aspectRatio:"auto"},jt=t.forwardRef(function(e,n){var a=d({},Wt,e),o=a.children,r=a.width,i=a.height,l=a.fluid,c=a.bigPlayButtonPosition,u=a.hideDefaultBigPlayButton,p=a.aspectRatio,m=a.className,v=a.store,h=s(a,["children","width","height","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton","aspectRatio","className","store"]),y=t.useRef();y.current||(y.current=new ae(v));var E=y.current,f=t.useRef(E.getActions()),g=f.current,w=t.useRef(null),b=t.useRef(null),C=t.useState(E.getState().player),k=C[0],P=C[1],A=t.useCallback(function(){},[]);t.useEffect(function(){var e=E.subscribeToPlayerStateChange(function(e,t){e.isFullscreen!==t.isFullscreen&&(A(),L(E.rootElement)),P(e)});return e},[A,E]),t.useEffect(function(){return A(),window.addEventListener("resize",A),function(){window.removeEventListener("resize",A)}},[A]);var M=t.useCallback(function(e){e.target===E.rootElement&&g.handleFullscreenChange(!!J.isFullscreen)},[g,E]);t.useEffect(function(){return J.addEventListener(M),function(){return J.removeEventListener(M)}},[M]),t.useEffect(function(){return function(){b.current&&clearTimeout(b.current)}},[]);var I=t.useCallback(function(e){w.current=e,E.video=e},[E]),_=t.useCallback(function(e,t,n){return void 0===t&&(t=!0),[Y.createElement(ce,{ref:I,key:"video",order:0,actions:g,player:k},e),Y.createElement(N,{key:"poster-image",order:1,actions:g,player:k}),Y.createElement(T,{key:"loading-spinner",order:2,actions:g,player:k}),Y.createElement(se,{key:"bezel",order:3,manager:E}),t&&Y.createElement(oe,{key:"big-play-button",order:4,actions:g,player:k,position:n}),Y.createElement(Ht,{key:"control-bar",order:5,actions:g,player:k}),Y.createElement(ue,{key:"shortcut",order:99,actions:g,player:k,manager:E})]},[g,I,E,k]),D=t.useCallback(function(e){var n=!1;return Y.Children.forEach(e,function(e){if(!n&&Y.isValidElement(e)){var a=e.type,t=a.displayName||a.name;return e.type===oe||"BigPlayButton"===t||!0===e.props["data-big-play-button"]?void(n=!0):void(e.props&&e.props.children&&D(e.props.children)&&(n=!0))}}),n},[]),O=t.useCallback(function(e){var t=e.className,n=e.children,a=e.fluid,r=e.bigPlayButtonPosition,i=e.hideDefaultBigPlayButton,l=s(e,["className","children","fluid","bigPlayButtonPosition","hideDefaultBigPlayButton"]),p=Y.Children.toArray(o).filter(function(e){return!S(e)}),m=D(o),v=_(n,!u&&!m,c),h=d({},l,{actions:g,player:k,manager:E});return R(v,p,h)},[g,c,o,D,_,u,E,k]),F=t.useCallback(function(e,t,n){var a;"string"==typeof n?"auto"===n?a="auto":/\d+%/.test(n)&&(a=n):"number"==typeof n&&(a=n+"px"),a&&(e[t]=a)},[]),B=t.useMemo(function(){var e={},t=p;(void 0===t||"auto"===t)&&(k.videoWidth?t=k.videoWidth+":"+k.videoHeight:t="16:9");var n=t.split(":").map(Number),a=n[0],o=n[1],d=o/a,c=r;void 0===c&&("number"==typeof i?c=i/d:"string"==typeof i&&"auto"!==i?c=parseFloat(i)/d:c=k.videoWidth||400);var s=i;return void 0===s&&("number"==typeof c?s=c*d:"string"==typeof c&&"auto"!==c&&(s=parseFloat(c)*d)),l?e.paddingTop=100*d+"%":(void 0!==c&&F(e,"width",c),void 0!==s&&F(e,"height",s)),e},[p,l,i,k.videoHeight,k.videoWidth,F,r]),U=t.useCallback(function(){var e=3e3;Y.Children.forEach(o,function(t){if(Y.isValidElement(t)&&t.type===Ht){var n=t.props,a=n.autoHideTime;"number"==typeof a&&(e=a)}}),g.userActivate(!0),b.current&&clearTimeout(b.current),b.current=window.setTimeout(function(){g.userActivate(!1)},e)},[g,o]),G=t.useMemo(function(){return x(function(){U()},250)},[U]),H=t.useCallback(function(){U()},[U]),V=t.useCallback(function(){G()},[G]),K=t.useCallback(function(){U()},[U]),z=t.useCallback(function(){g.activate(!0)},[g]),j=t.useCallback(function(){g.activate(!1)},[g]),q=t.useCallback(function(e){E.rootElement=e},[E]),$=t.useMemo(function(){var e,t;return d({},h,{fluid:l,bigPlayButtonPosition:c,hideDefaultBigPlayButton:u,player:k,actions:g,manager:E,store:E.store,video:null!==(e=null===(t=w.current)||void 0===t?void 0:t.video)&&void 0!==e?e:null})},[g,c,l,u,E,h,k]),Q=t.useMemo(function(){return O($)},[$,O]);t.useImperativeHandle(n,function(){return{manager:E,actions:g,video:w.current,getState:function(){return E.getState()},get playbackRate(){var e,t;return null!==(e=null===(t=w.current)||void 0===t?void 0:t.playbackRate)&&void 0!==e?e:1},set playbackRate(e){w.current&&(w.current.playbackRate=e)},get muted(){var e,t;return!(null===(e=null===(t=w.current)||void 0===t?void 0:t.muted)||void 0===e)&&e},set muted(e){w.current&&(w.current.muted=e)},get volume(){var e,t;return null!==(e=null===(t=w.current)||void 0===t?void 0:t.volume)&&void 0!==e?e:1},set volume(e){w.current&&(w.current.volume=e)},get videoWidth(){var e,t;return null!==(e=null===(t=w.current)||void 0===t?void 0:t.videoWidth)&&void 0!==e?e:0},get videoHeight(){var e,t;return null!==(e=null===(t=w.current)||void 0===t?void 0:t.videoHeight)&&void 0!==e?e:0},play:function(){var e;null===(e=w.current)||void 0===e?void 0:e.play()},pause:function(){var e;null===(e=w.current)||void 0===e?void 0:e.pause()},load:function(){var e;null===(e=w.current)||void 0===e?void 0:e.load()},addTextTrack:function(){for(var e,t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return null!==(e=null===(t=w.current)||void 0===t?void 0:t.addTextTrack.apply(t,a))&&void 0!==e?e:{}},canPlayType:function(){for(var e,t,n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];return null!==(e=null===(t=w.current)||void 0===t?void 0:t.canPlayType.apply(t,a))&&void 0!==e?e:""},seek:function(e){var t;null===(t=w.current)||void 0===t?void 0:t.seek(e)},forward:function(e){var t;null===(t=w.current)||void 0===t?void 0:t.forward(e)},replay:function(e){var t;null===(t=w.current)||void 0===t?void 0:t.replay(e)},toggleFullscreen:function(){var e;null===(e=w.current)||void 0===e?void 0:e.toggleFullscreen()},subscribeToStateChange:function(e){return E.subscribeToPlayerStateChange(e)}}},[g,E]);var X=k.paused,Z=k.hasStarted,ee=k.waiting,te=k.seeking,ne=k.isFullscreen,re=k.userActivity;return Y.createElement("div",{className:W({"video-react-player-controls-enabled":!0,"video-react-player-has-started":Z,"video-react-player-paused":X,"video-react-player-playing":!X,"video-react-player-waiting":ee,"video-react-player-seeking":te,"video-react-player-fluid":l,"video-react-player-fullscreen":ne,"video-react-player-user-inactive":!re,"video-react-player-user-active":re,"video-react-player-workinghover":!(zt||Kt||Yt)},"video-react-player",m),style:B,ref:q,role:"region",onTouchStart:H,onMouseDown:H,onTouchMove:V,onMouseMove:V,onKeyDown:K,onFocus:z,onBlur:j,tabIndex:-1},Q)});jt.displayName="Player";var qt=function(e){var n=t.forwardRef(function(n,a){var o=n.actions,r=n.seconds,i=void 0===r?10:r,l=n.className,d=t.useCallback(function(){"forward"===e?o.forward(i):o.replay(i)},[o,i]),c=["video-react-player-control","video-react-player-button","video-react-player-icon","video-react-player-icon-"+e+"-"+i,"video-react-player-"+e+"-control"];return l&&c.push(l),Y.createElement("button",{ref:a,className:c.join(" "),type:"button",onClick:d},Y.createElement("span",{className:"video-react-player-control-text"},e+" "+i+" seconds"))});return n.displayName="ForwardReplayControl("+e+")",n},$t=qt("forward");$t.displayName="ForwardControl";var Qt=qt("replay");Qt.displayName="ReplayControl";var Xt=function(e){var t=e.children;return Y.createElement("div",{className:"video-react-player-menu video-react-player-lock-showing",role:"presentation",onClick:function(e){e.preventDefault()}},Y.createElement("ul",{className:"video-react-player-menu-content"},t))};Xt.displayName="Menu";var Zt=function(e){var t=e.item,n=e.index,a=e.activateIndex,o=e.onSelectItem;return Y.createElement("li",{className:W({"video-react-player-menu-item":!0,"video-react-player-selected":n===a}),role:"menuitem",onClick:function(){o(n)}},t.label,Y.createElement("span",{className:"video-react-player-control-text"}))};Zt.displayName="MenuItem";var Jt=function(e){function t(){for(var t,n,a=arguments.length,o=Array(a),r=0;r<a;r++)o[r]=arguments[r];return n=e.call.apply(e,[this].concat(o))||this,n.state={active:!1,activateIndex:null!==(t=n.props.selectedIndex)&&void 0!==t?t:0},n.commitSelection=function(e){n.setState({activateIndex:e}),n.handleIndexChange(e)},n.activateMenuItem=function(e){void 0===e&&(e=0),n.setState({activateIndex:e}),n.handleIndexChange(e)},n.handleIndexChange=function(e){n.props.onSelectItem(e)},n.handleClick=function(){n.setState(function(e){return{active:!e.active}})},n.handleFocus=function(){document.addEventListener("keydown",n.handleKeyPress)},n.handleBlur=function(){n.setState({active:!1}),document.removeEventListener("keydown",n.handleKeyPress)},n.handleUpArrow=function(e){var t,a=null!==(t=n.props.items)&&void 0!==t?t:[];if(n.state.active&&a.length){e.preventDefault();var o=(n.state.activateIndex-1+a.length)%a.length;n.activateMenuItem(o)}},n.handleDownArrow=function(e){var t,a=null!==(t=n.props.items)&&void 0!==t?t:[];if(n.state.active&&a.length){e.preventDefault();var o=(n.state.activateIndex+1)%a.length;n.activateMenuItem(o)}},n.handleTab=function(e){n.state.active&&(e.preventDefault(),n.commitSelection(n.state.activateIndex))},n.handleReturn=function(e){e.preventDefault(),n.state.active?n.commitSelection(n.state.activateIndex):n.setState({active:!0})},n.handleEscape=function(){n.setState({active:!1,activateIndex:0})},n.handleKeyPress=function(e){27===e.which?n.handleEscape():9===e.which?n.handleTab(e):13===e.which?n.handleReturn(e):38===e.which?n.handleUpArrow(e):40===e.which&&n.handleDownArrow(e)},n.handleSelectItem=function(e){n.commitSelection(e)},n}c(t,e);var n=t.prototype;return n.componentWillUnmount=function(){document.removeEventListener("keydown",this.handleKeyPress)},n.componentDidUpdate=function(e){e.selectedIndex!==this.props.selectedIndex&&"number"==typeof this.props.selectedIndex&&this.activateMenuItem(this.props.selectedIndex)},n.renderMenu=function(){var e,t=this;if(!this.state.active)return null;var n=null!==(e=this.props.items)&&void 0!==e?e:[];return Y.createElement(Xt,null,n.map(function(e,n){return Y.createElement(Zt,{item:e,index:n,onSelectItem:t.handleSelectItem,activateIndex:t.state.activateIndex,key:"item-"+n})}))},n.render=function(){var e=this.props,t=e.inline,n=e.className,a=e.children;return Y.createElement(_t,{className:W(n,{"video-react-player-menu-button-inline":!!t,"video-react-player-menu-button-popup":!t,"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},a,this.renderMenu())},t}(t.Component);Jt.displayName="MenuButton",Jt.defaultProps={items:[],selectedIndex:0};var en=[2,1.5,1.25,1,.5,.25],tn=function(e){var n=e.actions,a=e.player,o=e.rates,r=void 0===o?en:o,i=e.className,l=t.useMemo(function(){return r.map(function(e){return{label:e+"x",value:e}})},[r]),d=t.useMemo(function(){var e=r.indexOf(a.playbackRate);if(0<=e)return e;var t=r.indexOf(1);return 0<=t?t:0},[a.playbackRate,r]),c=t.useCallback(function(e){0<=e&&e<r.length&&n.changeRate(r[e])},[n,r]);return Y.createElement(Jt,{className:W("video-react-player-playback-rate",i),onSelectItem:c,items:l,selectedIndex:d},Y.createElement("span",{className:"video-react-player-control-text"},"Playback Rate"),Y.createElement("div",{className:"video-react-player-playback-rate-value"},a.playbackRate.toFixed(2)+"x"))};tn.displayName="PlaybackRateMenuButton";var nn=function(e){return t.useEffect(function(){M("PlaybackRate","PlaybackRateMenuButton")},[]),Y.createElement(tn,e)};nn.displayName="PlaybackRate";var an=["captions","subtitles"],on=function(e){var n=e.player,a=e.actions,o=e.className,r=e.offMenuText,i=void 0===r?"Off":r,l=e.showOffMenu,d=!(void 0!==l)||l,c=e.kinds,s=void 0===c?an:c,u=t.useMemo(function(){var e=[],t=Array.from(n.textTracks||[]);d&&e.push({label:i,value:null}),t.forEach(function(t){s.length&&!s.includes(t.kind)||e.push({label:t.label||t.language||"Unknown",value:t.language||null})});var a=e.findIndex(function(e){return n.activeTextTrack&&null!==e.value&&n.activeTextTrack.language===e.value});return{items:e,selectedIndex:0<=a?a:0}},[s,i,n.activeTextTrack,n.textTracks,d]),p=t.useCallback(function(e){Array.from(n.textTracks||[]).forEach(function(t,n){var o=d?n+1:n;e===o?(t.mode="showing",a.activateTextTrack(t)):t.mode="hidden"}),d&&0===e&&a.activateTextTrack(null)},[a,n.textTracks,d]);return Y.createElement(Jt,{className:W("video-react-player-closed-caption",o),onSelectItem:p,items:u.items,selectedIndex:u.selectedIndex},Y.createElement("span",{className:"video-react-player-control-text"},"Closed Caption"))};on.displayName="ClosedCaptionButton";var rn=function(e){var n,a=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){a.togglePictureInPicture()},[a]),l=!(null===(n=o.isPictureInPicture)||void 0===n)&&n;return Y.createElement("button",{className:W(r,{"video-react-player-icon-picture-in-picture-exit":l,"video-react-player-icon-picture-in-picture":!l},"video-react-player-picture-in-picture-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:i},Y.createElement("span",{className:"video-react-player-control-text"},"Picture-in-Picture"))};rn.displayName="PictureInPictureToggle";var ln=t.forwardRef(function(e,n){var a=e.actions,o=e.player,r=e.className,i=!!o.loop,l=t.useCallback(function(){a.handleLoopChange(!i)},[a,i]);return Y.createElement("button",{className:W(r,{"video-react-player-icon-loop-active":i,"video-react-player-icon-loop":!i},"video-react-player-loop-control video-react-player-control video-react-player-button video-react-player-icon"),ref:n,type:"button",tabIndex:0,onClick:l},Y.createElement("span",{className:"video-react-player-control-text"},i?"Loop On":"Loop Off"))});ln.displayName="LoopToggle";var dn=function(e){var n,a=e.actions,o=e.player,r=e.className,i=t.useCallback(function(){a.toggleTheaterMode(!o.isTheater)},[a,o.isTheater]),l=!(null===(n=o.isTheater)||void 0===n)&&n;return Y.createElement("button",{className:W(r,{"video-react-player-icon-theater-exit":l,"video-react-player-icon-theater":!l},"video-react-player-theater-control video-react-player-control video-react-player-button video-react-player-icon"),type:"button",tabIndex:0,onClick:i},Y.createElement("span",{className:"video-react-player-control-text"},l?"Exit Theater Mode":"Theater Mode"))};dn.displayName="TheaterModeToggle";var cn=function(e){var n=e.player,a=e.className,o=e.filename,r=void 0===o?"video":o,i=t.useCallback(function(){if(n.currentSrc){var e=document.createElement("a");e.href=n.currentSrc,e.download=r,e.click()}},[r,n.currentSrc]);return Y.createElement("button",{className:W(a,"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:i},Y.createElement("span",{className:"video-react-player-control-text"},"Download"))};cn.displayName="DownloadButton";var sn=function(e){var n=e.actions,a=e.className,o=t.useCallback(function(){n.takeScreenshot()},[n]);return Y.createElement("button",{className:W(a,"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:o},Y.createElement("span",{className:"video-react-player-control-text"},"Screenshot"))};sn.displayName="ScreenshotButton";var un=["auto","1080p","720p","480p","360p","240p"],pn=function(e){var n=e.qualities,a=void 0===n?un:n,o=e.actions,r=e.player,i=e.className,l=t.useMemo(function(){return a.map(function(e){return{label:e,value:e}})},[a]),d=r.quality||"auto",c=t.useMemo(function(){var e=a.indexOf(d);return 0<=e?e:0},[d,a]),s=t.useCallback(function(e){0<=e&&e<a.length&&o.changeQuality(a[e])},[o,a]);return Y.createElement(Jt,{className:W("video-react-player-quality-menu",i),onSelectItem:s,items:l,selectedIndex:c},Y.createElement("span",{className:"video-react-player-control-text"},"Quality"),Y.createElement("div",{className:"video-react-player-quality-value"},d))};pn.displayName="QualityMenuButton",K.displayName="RemainingTimeDisplay",e.Bezel=se,e.BigPlayButton=oe,e.ClosedCaptionButton=on,e.ControlBar=Ht,e.CurrentTimeDisplay=U,e.DownloadButton=cn,e.DurationDisplay=G,e.ForwardControl=$t,e.FullscreenToggle=Tt,e.LoadProgressBar=Rt,e.LoadingSpinner=T,e.LoopToggle=ln,e.MenuButton=Jt,e.MouseTimeDisplay=Mt,e.PictureInPictureToggle=rn,e.PlayProgressBar=V,e.PlayToggle=Nt,e.PlaybackRate=nn,e.PlaybackRateMenuButton=tn,e.Player=jt,e.PosterImage=N,e.ProgressControl=It,e.QualityMenuButton=pn,e.RemainingTimeDisplay=K,e.ReplayControl=Qt,e.ScreenshotButton=sn,e.SeekBar=xt,e.Shortcut=ue,e.Slider=At,e.TheaterModeToggle=dn,e.TimeDivider=H,e.Video=ce,e.VolumeMenuButton=Bt,e.operationReducer=k,e.playerActions=ee,e.playerReducer=C,e.videoActions=Q,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
2
|
+
//# sourceMappingURL=video-react-player.full.min.js.map
|