You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
9 lines
26 KiB
JavaScript
9 lines
26 KiB
JavaScript
/*!
|
|
* 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:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22"><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></svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22"><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></svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22"><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><path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path></svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22"><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><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></svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path></svg>',loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"/><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/></rect><rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)"><animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/></rect></svg>'},l=Object.keys(t).reduce((function(e,l){return e[l]='<i class="flvplayer-icon flvplayer-icon-'.concat(l,'">').concat(t[l],"</i>"),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;c<a;c++)i[c]=arguments[c];if(r)return l=i,void(n=this);r=!0,e.apply(this,i),setTimeout((function(){r=!1,l&&(o.apply(n,l),l=null,n=null)}),t)}}function i(e,t,l){return Math.max(Math.min(e,Math.max(t,l)),Math.min(t,l))}function c(e,t,l){return"object"===r(t)&&Object.keys(t).forEach((function(l){c(e,l,t[l])})),e.style[t]=l,e}function s(e,t){var l=!(arguments.length>2&&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<r;n++)if((e=l[n])&&e[1]in t){for(n=0;n<e.length;n++)o[l[0][n]]=e[n];return o}return!1}(),r={change:n.fullscreenchange,error:n.fullscreenerror},o={request:function(e){return new Promise(function(l,r){var o=function(){this.off("change",o),l()}.bind(this);this.on("change",o);var a=(e=e||t.documentElement)[n.requestFullscreen]();a instanceof Promise&&a.then(o).catch(r)}.bind(this))},exit:function(){return new Promise(function(e,l){if(this.isFullscreen){var r=function(){this.off("change",r),e()}.bind(this);this.on("change",r);var o=t[n.exitFullscreen]();o instanceof Promise&&o.then(r).catch(l)}else e()}.bind(this))},toggle:function(e){return this.isFullscreen?this.exit():this.request(e)},onchange:function(e){this.on("change",e)},onerror:function(e){this.on("error",e)},on:function(e,l){var n=r[e];n&&t.addEventListener(n,l,!1)},off:function(e,l){var n=r[e];n&&t.removeEventListener(n,l,!1)},raw:n};n?(Object.defineProperties(o,{isFullscreen:{get:function(){return Boolean(t[n.fullscreenElement])}},element:{enumerable:!0,get:function(){return t[n.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(t[n.fullscreenEnabled])}}}),l?e.exports=o:window.screenfull=o):l?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1}}()}));f.isEnabled;function p(e,t){var l=e.options.poster,n=e.events.proxy,r=e.player;n(window,["click","contextmenu"],(function(e){e.composedPath().indexOf(r.$container)>-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<r;a++)o[a]=arguments[a];var i=function(){n=null,e.apply(l,o)};clearTimeout(n),n=setTimeout(i,t)}return r.clearTimeout=function(){clearTimeout(n)},r}((function(){r.$player.classList.add("flvplayer-hide-cursor"),t.controls=!1}),5e3);function y(e){var l=t.$volumePanel.getBoundingClientRect(),n=l.left,r=l.width,o=t.$volumeHandle.getBoundingClientRect().width;return i(e.x-n-o/2,0,r-o/2)/(r-o)}function v(l){if(0===l)e.isMobile||c(t.$volumeHandle,"left","0"),c(t.$volumeOn,"display","none"),c(t.$volumeOff,"display","flex");else{if(!e.isMobile){var n=((s(t.$volumePanel,"width")||60)-s(t.$volumeHandle,"width"))*l;c(t.$volumeHandle,"left","".concat(n,"px"))}c(t.$volumeOn,"display","flex"),c(t.$volumeOff,"display","none")}}if(n(r.$player,"mousemove",(function(){u.clearTimeout(),r.$player.classList.remove("flvplayer-hide-cursor"),t.controls=!0,r.playing&&u()})),e.options.hasAudio){var d=0,m=!1;e.options.muted?v(0):v(e.options.volume),e.on("volumechange",(function(){v(r.volume)})),n(t.$volumeOn,"click",(function(){t.$volumeOn.style.display="none",t.$volumeOff.style.display="block",d=r.volume,r.volume=0})),n(t.$volumeOff,"click",(function(){t.$volumeOn.style.display="block",t.$volumeOff.style.display="none",r.volume=d||.7})),e.isMobile||(n(t.$volumePanel,"click",(function(e){r.volume=y(e)})),n(t.$volumeHandle,"mousedown",(function(){m=!0})),n(t.$volumeHandle,"mousemove",(function(e){m&&(r.volume=y(e))}))),n(document,"mouseup",(function(){m&&(m=!1)}))}function h(e){var l=t.$progress,n=l.getBoundingClientRect().left,a=i(e.x-n,0,l.clientWidth),c=a/l.clientWidth*r.duration;return{second:c,time:o(c),width:a,percentage:i(a/l.clientWidth,0,1)}}if(!e.options.live&&e.options.cache){n(t.$progress,"click",(function(e){if(e.target!==t.$indicator){var l=h(e),n=l.second,o=l.percentage;n<=r.loaded&&(t.$played.style.width="".concat(100*o,"%"),r.currentTime=n)}}));var b=!1;n(t.$indicator,"mousedown",(function(){b=!0})),n(document,"mousemove",(function(e){if(b){var l=h(e),n=l.second,o=l.percentage;n<=r.loaded&&(t.$played.style.width="".concat(100*o,"%"),r.currentTime=n)}})),n(document,"mouseup",(function(){b&&(b=!1)}))}}var u=function t(n){e(this,t),function(e,t){var n=e.options;e.player.$player.classList.add("flvplayer-controls-show"),n.live&&e.player.$player.classList.add("flvplayer-live"),e.player.$player.insertAdjacentHTML("beforeend","\n ".concat(n.poster?'<div class="flvplayer-poster" style="background-image: url('.concat(n.poster,')"></div>'):"",'<div class="flvplayer-loading">').concat(l.loading,'</div><div class="flvplayer-controls">').concat(n.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(l.play,'</div><div class="flvplayer-pause">').concat(l.pause,"</div></div>").concat(n.hasAudio?'<div class="flvplayer-controls-item flvplayer-volume"><div class="flvplayer-volume-on">'.concat(l.volume,'</div><div class="flvplayer-volume-off">').concat(l.volumeClose,"</div>").concat(e.isMobile?"":'<div class="flvplayer-volume-panel"><div class="flvplayer-volume-panel-handle"></div></div>',"</div>"):"","\n ").concat(n.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(l.fullscreen,"</div></div></div></div>")),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/n<i/a){var c=Math.min(n/i,r/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,n=e/t,r=l.$canvas.width/l.$canvas.height;if(n>r){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}));
|