/*! * FlvPlayer.js v1.1.8 * Github: https://github.com/zhw2590582/FlvPlayer#readme * (c) 2017-2020 Harvey Zack * Released under the MIT License. */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).FlvplayerControl=t()}(this,(function(){"use strict";var e=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===l&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('.flvplayer-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flvplayer-container,.flvplayer-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.flvplayer-container .flvplayer-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5;cursor:pointer}.flvplayer-container .flvplayer-icon svg{fill:#fff}.flvplayer-container .flvplayer-player{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.flvplayer-container .flvplayer-player .flvplayer-canvas{cursor:pointer;width:100%;height:100%;background-color:#000}.flvplayer-container .flvplayer-player .flvplayer-poster{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;pointer-events:none}.flvplayer-container .flvplayer-player .flvplayer-loading{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.flvplayer-container .flvplayer-player .flvplayer-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;z-index:40;left:0;right:0;bottom:0;height:100px;padding:50px 10px 10px;font-size:14px;color:#fff;opacity:0;visibility:hidden;-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;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 7px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress{position:relative;height:3px;border-radius:3px;background:hsla(0,0%,100%,.25)}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-loaded{cursor:pointer;position:absolute;left:0;top:0;bottom:0;width:0;height:100%;border-radius:3px;background:hsla(0,0%,100%,.5)}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-played{cursor:pointer;position:absolute;left:0;top:0;bottom:0;width:0;height:100%;border-radius:3px;background:#fff}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-progress .flvplayer-played .flvplayer-indicator{position:absolute;top:50%;right:0;width:12px;height:12px;margin:-6px -6px 0 0;border-radius:50%;background:#fff}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:22px;margin-top:15px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{position:relative;width:0;height:100%;-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);overflow:hidden}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:before{left:-54px;background:#fff}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume .flvplayer-volume-panel .flvplayer-volume-panel-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.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:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-left .flvplayer-volume:hover .flvplayer-volume-panel{width:60px;margin-left:5px}.flvplayer-container .flvplayer-player .flvplayer-controls .flvplayer-controls-bottom .flvplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;width:100%!important;height:100%!important;background:#000}');var t={play:'',pause:'',volume:'',volumeClose:'',fullscreen:'\t\t\t\t',loading:''},l=Object.keys(t).reduce((function(e,l){return e[l]='').concat(t[l],""),e}),{});function n(e,t){return e(t={exports:{}},t.exports),t.exports}var r=n((function(e){function t(l){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(l)}e.exports=t}));function o(e){var t=Math.floor(e/3600),l=Math.floor((e-3600*t)/60),n=Math.floor(e-3600*t-60*l);return(t>0?[t,l,n]:[l,n]).map((function(e){return e<10?"0".concat(e):String(e)})).join(":")}function a(e,t){var l,n,r=!1;return function o(){for(var a=arguments.length,i=new Array(a),c=0;c2&&void 0!==arguments[2])||arguments[2],n=getComputedStyle(e,null).getPropertyValue(t);return l?parseFloat(n):n}var f=n((function(e){!function(){var t="undefined"!=typeof window&&void 0!==window.document?window.document:{},l=e.exports,n=function(){for(var e,l=[["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"]],n=0,r=l.length,o={};n-1?t.isFocus=!0:t.isFocus=!1})),t.autoSize(),e.on("resize",(function(){t.autoSize()})),e.on("scripMeta",(function(){t.autoSize()})),n(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})),n(t.$play,"click",(function(){r.play()})),n(t.$pause,"click",(function(){r.pause()}));var f=a((function(e){var l=i(e/r.duration,0,1);t.$loaded.style.width="".concat(100*l,"%")}),500);e.on("videoLoaded",(function(t){e.options.live||f(t)}));var p=a((function(e){t.$played.style.width="".concat(e/r.duration*100,"%"),t.$current.innerText=o(e)}),500);e.on("timeupdate",(function(t){e.options.live||p(t)})),e.on("seeked",(function(t){e.options.live||p(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=o(r.duration))})),n(t.$fullscreen,"click",(function(){t.fullscreen?t.fullscreen=!1:t.fullscreen=!0}));var u=function(e,t,l){var n;function r(){for(var r=arguments.length,o=new Array(r),a=0;a'):"",'
').concat(l.loading,'
').concat(n.live?"":'
','
').concat(l.play,'
').concat(l.pause,"
").concat(n.hasAudio?'
'.concat(l.volume,'
').concat(l.volumeClose,"
").concat(e.isMobile?"":'
',"
"):"","\n ").concat(n.live?"":'
00:00 / 00:00
','
').concat(l.fullscreen,"
")),Object.defineProperty(t,"$poster",{value:n.container.querySelector(".flvplayer-poster")}),Object.defineProperty(t,"$loading",{value:n.container.querySelector(".flvplayer-loading")}),Object.defineProperty(t,"$controls",{value:n.container.querySelector(".flvplayer-controls")}),Object.defineProperty(t,"$state",{value:n.container.querySelector(".flvplayer-state")}),Object.defineProperty(t,"$play",{value:n.container.querySelector(".flvplayer-play")}),Object.defineProperty(t,"$pause",{value:n.container.querySelector(".flvplayer-pause")}),Object.defineProperty(t,"$current",{value:n.container.querySelector(".flvplayer-current")}),Object.defineProperty(t,"$duration",{value:n.container.querySelector(".flvplayer-duration")}),Object.defineProperty(t,"$volumeOn",{value:n.container.querySelector(".flvplayer-volume-on")}),Object.defineProperty(t,"$volumeOff",{value:n.container.querySelector(".flvplayer-volume-off")}),Object.defineProperty(t,"$volumePanel",{value:n.container.querySelector(".flvplayer-volume-panel")}),Object.defineProperty(t,"$volumeHandle",{value:n.container.querySelector(".flvplayer-volume-panel-handle")}),Object.defineProperty(t,"$fullscreen",{value:n.container.querySelector(".flvplayer-fullscreen")}),Object.defineProperty(t,"$progress",{value:n.container.querySelector(".flvplayer-controls-progress")}),Object.defineProperty(t,"$loaded",{value:n.container.querySelector(".flvplayer-loaded")}),Object.defineProperty(t,"$played",{value:n.container.querySelector(".flvplayer-played")}),Object.defineProperty(t,"$indicator",{value:n.container.querySelector(".flvplayer-indicator")})}(n,this),function(e){var t=e.events.proxy,l=e.player,n=document.createElement("object");n.setAttribute("aria-hidden","true"),n.setAttribute("tabindex",-1),n.type="text/html",n.data="about:blank",c(n,{display:"block",position:"absolute",top:"0",left:"0",height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:"-1"});var r=l.width,o=l.height;t(n,"load",(function(){t(n.contentDocument.defaultView,"resize",(function(){l.width===r&&l.height===o||(r=l.width,o=l.height,e.emit("resize"))}))})),l.$container.appendChild(n)}(n),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 n=function(){t.fullscreen?l.$container.classList.add("flvplayer-fullscreen"):l.$container.classList.remove("flvplayer-fullscreen"),t.autoSize()};f.on("change",n),e.events.destroys.push((function(){f.off("change",n)}))}catch(e){}Object.defineProperty(t,"fullscreen",{get:function(){return f.isFullscreen||l.$container.classList.contains("flvplayer-fullscreen-web")},set:function(e){if(e)try{f.request(l.$container)}catch(e){t.webFullscreen=!0}else try{f.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,n=t.clientHeight,r=t.clientWidth,o=l.$player,a=o.clientHeight,i=o.clientWidth;if(r/nr){var o=(e-t*r)/2;l.$container.style.padding="0 ".concat(o,"px")}else{var a=(t-e/r)/2;l.$container.style.padding="".concat(a,"px 0")}}})}(n,this),p(n,this),n.options.hotkey&&function(e,t){var l=e.events.proxy,n=e.player,r={};function o(e,t){r[e]?r[e].push(t):r[e]=[t]}o(27,(function(){t.fullscreen&&(n.fullscreen=!1)})),o(32,(function(){n.toggle()})),o(37,(function(){n.currentTime-=5})),o(38,(function(){n.volume+=.1})),o(39,(function(){n.currentTime+=5})),o(40,(function(){n.volume-=.1})),l(window,"keydown",(function(e){if(t.isFocus){var l=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==l&&"TEXTAREA"!==l&&""!==n&&"true"!==n){var o=r[e.keyCode];o&&(e.preventDefault(),o.forEach((function(e){return e()})))}}}))}(n,this)};return window.FlvplayerControl=u,u}));