Home Explore Help
Register Sign In
web
/
assetsMobile
9
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 59523a073d
Branches Tags
assetsMobile
/
script
/
flvPlayer
/
flvplayer-control.js

flvplayer-control.js 27 KB
History Raw

12345678 
  1. /*!
    2. 

  2.  * FlvPlayer.js v1.1.8
    3. 

  3.  * Github: https://github.com/zhw2590582/FlvPlayer#readme
    4. 

  4.  * (c) 2017-2023 Harvey Zack
    5. 

  5.  * Released under the MIT License.
    6. 

  6.  */
    7. 

  7. 

  8. !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).FlvplayerControl=t()}(this,(function(){"use strict";function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function t(e,t){return e(t={exports:{}},t.exports),t.exports}var l=t((function(e){function t(l){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(l)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports})),r=e(l),n=t((function(e){var t=l.default;e.exports=function(e,l){if("object"!==t(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,l||"default");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===l?String:Number)(e)},e.exports.__esModule=!0,e.exports.default=e.exports}));e(n);var o=t((function(e){var t=l.default;e.exports=function(e){var l=n(e,"string");return"symbol"===t(l)?l:String(l)},e.exports.__esModule=!0,e.exports.default=e.exports}));e(o);var a=e(t((function(e){function t(e,t){for(var l=0;l<t.length;l++){var r=t[l];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}e.exports=function(e,l,r){return l&&t(e.prototype,l),r&&t(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e},e.exports.__esModule=!0,e.exports.default=e.exports}))),i=e(t((function(e){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},e.exports.__esModule=!0,e.exports.default=e.exports})));!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}('.flvplayer-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;position:relative}.flvplayer-container,.flvplayer-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.flvplayer-container .flvplayer-icon{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;line-height:1.5}.flvplayer-container .flvplayer-icon svg{fill:#fff}.flvplayer-container .flvplayer-player{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;position:relative;width:100%}.flvplayer-container .flvplayer-player .flvplayer-canvas{background-color:#000;cursor:pointer;height:100%;width:100%}.flvplayer-container .flvplayer-player .flvplayer-poster{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:10}.flvplayer-container .flvplayer-player .flvplayer-loading{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:20}.flvplayer-container .flvplayer-player .flvplayer-controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:end;-ms-flex-pack:end;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;height:100px;justify-content:flex-end;left:0;opacity:0;padding:50px 10px 10px;position:absolute;right:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;z-index:40}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-item{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:0 7px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress{background:hsla(0,0%,100%,.25);border-radius:3px;height:3px;position:relative}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-loaded{background:hsla(0,0%,100%,.5);border-radius:3px;bottom:0;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:0}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-played{background:#fff;border-radius:3px;bottom:0;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:0}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-played .flvplayer-indicator{background:#fff;border-radius:50%;height:12px;margin:-6px -6px 0 0;position:absolute;right:0;top:50%;width:12px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;height:22px;justify-content:space-between;margin-top:15px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-state{height:100%}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-state .flvplayer-pause{display:none}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-off{display:none}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel{height:100%;overflow:hidden;position:relative;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);width:0}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle{background:#fff;border-radius:12px;height:12px;left:0;margin-top:-6px;position:absolute;top:50%;width:12px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:before{background:#fff;left:-54px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:after{background:hsla(0,0%,100%,.2);left:6px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:after,.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:before{content:"";display:block;height:3px;margin-top:-2px;position:absolute;top:50%;width:60px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume:hover .flvplayer-volume-panel{margin-left:5px;width:60px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.flvplayer-container .flvplayer-player.flvplayer-loading-show .flvplayer-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.flvplayer-container .flvplayer-player.flvplayer-controls-show .flvplayer-controls{opacity:1;visibility:visible}.flvplayer-container .flvplayer-player.flvplayer-hide-cursor *{cursor:none!important}.flvplayer-container.flvplayer-fullscreen-web{background:#000;bottom:0;height:100%!important;left:0;position:fixed;right:0;top:0;width:100%!important;z-index:9999}');var c={play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">r<path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>r</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">r<path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>r</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">r<path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>r<path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>r</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">r<path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>r<path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>r</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">r\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>r\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>r\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>r\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>r</svg>',loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">r<rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>r</rect>r<rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">r<animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>r</rect>r</svg>'},s=Object.keys(c).reduce((function(e,t){return e[t]='<i class="flvplayer-icon flvplayer-icon-'.concat(t,'">').concat(c[t],"</i>"),e}),{});function f(e){var t=Math.floor(e/3600),l=Math.floor((e-3600*t)/60),r=Math.floor(e-3600*t-60*l);return(t>0?[t,l,r]:[l,r]).map((function(e){return e<10?"0".concat(e):String(e)})).join(":")}function p(e,t){var l,r,n=!1;return function o(){for(var a=arguments.length,i=new Array(a),c=0;c<a;c++)i[c]=arguments[c];if(n)return l=i,void(r=this);n=!0,e.apply(this,i),setTimeout((function(){n=!1,l&&(o.apply(r,l),l=null,r=null)}),t)}}function u(e,t,l){return Math.max(Math.min(e,Math.max(t,l)),Math.min(t,l))}function y(e,t,l){return"object"===r(t)&&Object.keys(t).forEach((function(l){y(e,l,t[l])})),e.style[t]=l,e}function v(e,t){var l=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=getComputedStyle(e,null).getPropertyValue(t);return l?parseFloat(r):r}const d=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],m=(()=>{if("undefined"==typeof document)return!1;const e=d[0],t={};for(const l of d){const r=l?.[1];if(r in document){for(const[r,n]of l.entries())t[e[r]]=n;return t}}return!1})(),h={change:m.fullscreenchange,error:m.fullscreenerror};let b={request:(e=document.documentElement,t)=>new Promise(((l,r)=>{const n=()=>{b.off("change",n),l()};b.on("change",n);const o=e[m.requestFullscreen](t);o instanceof Promise&&o.then(n).catch(r)})),exit:()=>new Promise(((e,t)=>{if(!b.isFullscreen)return void e();const l=()=>{b.off("change",l),e()};b.on("change",l);const r=document[m.exitFullscreen]();r instanceof Promise&&r.then(l).catch(t)})),toggle:(e,t)=>b.isFullscreen?b.exit():b.request(e,t),onchange(e){b.on("change",e)},onerror(e){b.on("error",e)},on(e,t){const l=h[e];l&&document.addEventListener(l,t,!1)},off(e,t){const l=h[e];l&&document.removeEventListener(l,t,!1)},raw:m};Object.defineProperties(b,{isFullscreen:{get:()=>Boolean(document[m.fullscreenElement])},element:{enumerable:!0,get:()=>document[m.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>Boolean(document[m.fullscreenEnabled])}}),m||(b={isEnabled:!1});var g=b;function x(e,t){var l=e.options.poster,r=e.events.proxy,n=e.player;r(window,["click","contextmenu"],(function(e){e.composedPath().indexOf(n.$container)>-1?t.isFocus=!0:t.isFocus=!1})),t.autoSize(),e.on("resize",(function(){t.autoSize()})),e.on("scripMeta",(function(){t.autoSize()})),r(window,"orientationchange",(function(){setTimeout((function(){t.autoSize()}),300)})),l&&(e.once("play",(function(){t.$poster.style.display="none"})),e.once("seeked",(function(){t.$poster.style.display="none"}))),e.on("waiting",(function(){t.loading=!0})),e.on("ended",(function(){t.loading=!1})),e.on("timeupdate",(function(){t.loading=!1})),r(t.$play,"click",(function(){n.play()})),r(t.$pause,"click",(function(){n.pause()}));var o=p((function(e){var l=u(e/n.duration,0,1);t.$loaded.style.width="".concat(100*l,"%")}),500);e.on("videoLoaded",(function(t){e.options.live||o(t)}));var a=p((function(e){t.$played.style.width="".concat(e/n.duration*100,"%"),t.$current.innerText=f(e)}),500);e.on("timeupdate",(function(t){e.options.live||a(t)})),e.on("seeked",(function(t){e.options.live||a(t)})),e.on("play",(function(){t.$play.style.display="none",t.$pause.style.display="block"})),e.on("ended",(function(){t.controls=!0,t.$play.style.display="block",t.$pause.style.display="none"})),e.on("loop",(function(){t.controls=!1})),e.on("pause",(function(){t.$play.style.display="block",t.$pause.style.display="none",t.loading=!1})),e.on("scripMeta",(function(){e.options.live||(t.$duration.innerText=f(n.duration))})),r(t.$fullscreen,"click",(function(){t.fullscreen?t.fullscreen=!1:t.fullscreen=!0}));var i=function(e,t,l){var r;function n(){for(var n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];clearTimeout(r),r=setTimeout((function(){r=null,e.apply(l,o)}),t)}return n.clearTimeout=function(){clearTimeout(r)},n}((function(){n.$player.classList.add("flvplayer-hide-cursor"),t.controls=!1}),5e3);function c(e){var l=t.$volumePanel.getBoundingClientRect(),r=l.left,n=l.width,o=t.$volumeHandle.getBoundingClientRect().width;return u(e.x-r-o/2,0,n-o/2)/(n-o)}function s(l){if(0===l)e.isMobile||y(t.$volumeHandle,"left","0"),y(t.$volumeOn,"display","none"),y(t.$volumeOff,"display","flex");else{if(!e.isMobile){var r=((v(t.$volumePanel,"width")||60)-v(t.$volumeHandle,"width"))*l;y(t.$volumeHandle,"left","".concat(r,"px"))}y(t.$volumeOn,"display","flex"),y(t.$volumeOff,"display","none")}}if(r(n.$player,"mousemove",(function(){i.clearTimeout(),n.$player.classList.remove("flvplayer-hide-cursor"),t.controls=!0,n.playing&&i()})),e.options.hasAudio){var d=0,m=!1;e.options.muted?s(0):s(e.options.volume),e.on("volumechange",(function(){s(n.volume)})),r(t.$volumeOn,"click",(function(){t.$volumeOn.style.display="none",t.$volumeOff.style.display="block",d=n.volume,n.volume=0})),r(t.$volumeOff,"click",(function(){t.$volumeOn.style.display="block",t.$volumeOff.style.display="none",n.volume=d||.7})),e.isMobile||(r(t.$volumePanel,"click",(function(e){n.volume=c(e)})),r(t.$volumeHandle,"mousedown",(function(){m=!0})),r(t.$volumeHandle,"mousemove",(function(e){m&&(n.volume=c(e))}))),r(document,"mouseup",(function(){m&&(m=!1)}))}function h(e){var l=t.$progress,r=l.getBoundingClientRect().left,o=u(e.x-r,0,l.clientWidth),a=o/l.clientWidth*n.duration;return{second:a,time:f(a),width:o,percentage:u(o/l.clientWidth,0,1)}}if(!e.options.live&&e.options.cache){r(t.$progress,"click",(function(e){if(e.target!==t.$indicator){var l=h(e),r=l.second,o=l.percentage;r<=n.loaded&&(t.$played.style.width="".concat(100*o,"%"),n.currentTime=r)}}));var b=!1;r(t.$indicator,"mousedown",(function(){b=!0})),r(document,"mousemove",(function(e){if(b){var l=h(e),r=l.second,o=l.percentage;r<=n.loaded&&(t.$played.style.width="".concat(100*o,"%"),n.currentTime=r)}})),r(document,"mouseup",(function(){b&&(b=!1)}))}}var w=a((function e(t){i(this,e),function(e,t){var l=e.options;e.player.$player.classList.add("flvplayer-controls-show"),l.live&&e.player.$player.classList.add("flvplayer-live"),e.player.$player.insertAdjacentHTML("beforeend","\n        ".concat(l.poster?'<div class="flvplayer-poster" style="background-image: url('.concat(l.poster,')"></div>'):"",'<div class="flvplayer-loading">').concat(s.loading,'</div><div class="flvplayer-controls">').concat(l.live?"":'<div class="flvplayer-controls-progress"><div class="flvplayer-loaded"></div><div class="flvplayer-played"><div class="flvplayer-indicator"></div></div></div>','<div class="flvplayer-controls-bottom"><div class="flvplayer-controls-left"><div class="flvplayer-controls-item flvplayer-state"><div class="flvplayer-play">').concat(s.play,'</div><div class="flvplayer-pause">').concat(s.pause,"</div></div>").concat(l.hasAudio?'<div class="flvplayer-controls-item flvplayer-volume"><div class="flvplayer-volume-on">'.concat(s.volume,'</div><div class="flvplayer-volume-off">').concat(s.volumeClose,"</div>").concat(e.isMobile?"":'<div class="flvplayer-volume-panel"><div class="flvplayer-volume-panel-handle"></div></div>',"</div>"):"","\n                        ").concat(l.live?"":'<div class="flvplayer-controls-item flvplayer-time"><span class="flvplayer-current">00:00</span> / <span class="flvplayer-duration">00:00</span></div>','</div><div class="flvplayer-controls-right"><div class="flvplayer-controls-item flvplayer-fullscreen">').concat(s.fullscreen,"</div></div></div></div>")),Object.defineProperty(t,"$poster",{value:l.container.querySelector(".flvplayer-poster")}),Object.defineProperty(t,"$loading",{value:l.container.querySelector(".flvplayer-loading")}),Object.defineProperty(t,"$controls",{value:l.container.querySelector(".flvplayer-controls")}),Object.defineProperty(t,"$state",{value:l.container.querySelector(".flvplayer-state")}),Object.defineProperty(t,"$play",{value:l.container.querySelector(".flvplayer-play")}),Object.defineProperty(t,"$pause",{value:l.container.querySelector(".flvplayer-pause")}),Object.defineProperty(t,"$current",{value:l.container.querySelector(".flvplayer-current")}),Object.defineProperty(t,"$duration",{value:l.container.querySelector(".flvplayer-duration")}),Object.defineProperty(t,"$volumeOn",{value:l.container.querySelector(".flvplayer-volume-on")}),Object.defineProperty(t,"$volumeOff",{value:l.container.querySelector(".flvplayer-volume-off")}),Object.defineProperty(t,"$volumePanel",{value:l.container.querySelector(".flvplayer-volume-panel")}),Object.defineProperty(t,"$volumeHandle",{value:l.container.querySelector(".flvplayer-volume-panel-handle")}),Object.defineProperty(t,"$fullscreen",{value:l.container.querySelector(".flvplayer-fullscreen")}),Object.defineProperty(t,"$progress",{value:l.container.querySelector(".flvplayer-controls-progress")}),Object.defineProperty(t,"$loaded",{value:l.container.querySelector(".flvplayer-loaded")}),Object.defineProperty(t,"$played",{value:l.container.querySelector(".flvplayer-played")}),Object.defineProperty(t,"$indicator",{value:l.container.querySelector(".flvplayer-indicator")})}(t,this),function(e){var t=e.events.proxy,l=e.player,r=document.createElement("object");r.setAttribute("aria-hidden","true"),r.setAttribute("tabindex",-1),r.type="text/html",r.data="about:blank",y(r,{display:"block",position:"absolute",top:"0",left:"0",height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:"-1"});var n=l.width,o=l.height;t(r,"load",(function(){t(r.contentDocument.defaultView,"resize",(function(){l.width===n&&l.height===o||(n=l.width,o=l.height,e.emit("resize"))}))})),l.$container.appendChild(r)}(t),function(e,t){var l=e.player;Object.defineProperty(t,"controls",{get:function(){return l.$player.classList.contains("flvplayer-controls-show")},set:function(e){e?l.$player.classList.add("flvplayer-controls-show"):l.$player.classList.remove("flvplayer-controls-show")}}),Object.defineProperty(t,"loading",{get:function(){return l.$player.classList.contains("flvplayer-loading-show")},set:function(e){e?l.$player.classList.add("flvplayer-loading-show"):l.$player.classList.remove("flvplayer-loading-show")}});try{var r=function(){t.fullscreen?l.$container.classList.add("flvplayer-fullscreen"):l.$container.classList.remove("flvplayer-fullscreen"),t.autoSize()};g.on("change",r),e.events.destroys.push((function(){g.off("change",r)}))}catch(e){}Object.defineProperty(t,"fullscreen",{get:function(){return g.isFullscreen||l.$container.classList.contains("flvplayer-fullscreen-web")},set:function(e){if(e)try{g.request(l.$container)}catch(e){t.webFullscreen=!0}else try{g.exit()}catch(e){t.webFullscreen=!1}}}),Object.defineProperty(t,"webFullscreen",{set:function(e){if(e){l.$container.classList.add("flvplayer-fullscreen-web");var t=document.body,r=t.clientHeight,n=t.clientWidth,o=l.$player,a=o.clientHeight,i=o.clientWidth;if(n/r<i/a){var c=Math.min(r/i,n/a);l.$player.style.transform="rotate(90deg) scale(".concat(c,",").concat(c,")")}}else l.$container.classList.remove("flvplayer-fullscreen-web"),l.$player.style.transform=null}}),Object.defineProperty(t,"autoSize",{value:function(){l.$container.style.padding="0 0";var e=l.width,t=l.height,r=e/t,n=l.$canvas.width/l.$canvas.height;if(r>n){var o=(e-t*n)/2;l.$container.style.padding="0 ".concat(o,"px")}else{var a=(t-e/n)/2;l.$container.style.padding="".concat(a,"px 0")}}})}(t,this),x(t,this),t.options.hotkey&&function(e,t){var l=e.events.proxy,r=e.player,n={};function o(e,t){n[e]?n[e].push(t):n[e]=[t]}o(27,(function(){t.fullscreen&&(r.fullscreen=!1)})),o(32,(function(){r.toggle()})),o(37,(function(){r.currentTime-=5})),o(38,(function(){r.volume+=.1})),o(39,(function(){r.currentTime+=5})),o(40,(function(){r.volume-=.1})),l(window,"keydown",(function(e){if(t.isFocus){var l=document.activeElement.tagName.toUpperCase(),r=document.activeElement.getAttribute("contenteditable");if("INPUT"!==l&&"TEXTAREA"!==l&&""!==r&&"true"!==r){var o=n[e.keyCode];o&&(e.preventDefault(),o.forEach((function(e){return e()})))}}}))}(t,this)}));return window.FlvplayerControl=w,w}));
    9.