@eyevinn/web-player-eyevinn-skin
Version:
See [@eyevinn/web-player](https://www.npmjs.com/package/@eyevinn/web-player).
2 lines (1 loc) • 25.1 kB
JavaScript
var e=require("preact"),t=require("preact/hooks"),n=require("@eyevinn/web-player-core"),l=require("classnames"),i=require("@eyevinn/web-player-airplay"),a=require("@eyevinn/web-player-cast");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/u(l);function r(t){var n,l=t.onClick;return e.h("div",{class:o.default("_PgHph",(n={},n._exxwM=!t.isAtLiveEdge&&t.isSeekable,n)),onClick:l},"LIVE")}function c(t){var n;return e.h("div",{class:"_dPZUs"},(void 0===(n=t.time)&&(n=0),[Math.floor(n/3600)%24,Math.floor(n/60)%60,Math.floor(n%60)].map(function(e){return e<10?"0"+e:e}).filter(function(e,t){return"00"!==e||t>0}).join(":")))}function s(n){var l,i=n.currentTime,a=void 0===i?0:i,u=n.duration,s=void 0===u?0:u,h=n.handleSeek,v=n.handleSeekToLive,f=n.isLive,d=n.isAtLiveEdge,g=n.isSeekable,A=t.useCallback(function(e){g&&h(e.offsetX/e.currentTarget.offsetWidth*100)},[h,g]),w=!f||!d&&g?a/s*100||0:100;return e.h("div",{class:o.default("_LVsid",(l={},l._zw83b=!g,l))},e.h(c,{time:a}),e.h("div",{class:"_BLMF7",onClick:A},e.h("div",{class:"_Sdgvo"},e.h("div",{class:"_COLKF",style:{width:w+"%"}}))),f?e.h(r,{onClick:v,isAtLiveEdge:d,isSeekable:g}):e.h(c,{time:s}))}function h(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M8 5v14l11-7z"}))}function v(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function f(t){return e.h("div",{class:"_mwCxs",onClick:t.onClick},e.h(t.playbackState!==n.PlaybackState.PLAYING?h:v,null))}function d(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"}))}function g(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"}))}function A(t){return e.h("div",{class:"_1s3Qh",onClick:t.onClick},e.h(t.muted?g:d,null))}function w(n){var l=n.muted,i=n.onClick,a=n.toggleMute,u=n.value,o=t.useState(-1),r=o[0],c=o[1],s=t.useCallback(function(e){e.preventDefault(),c(100-e.offsetY/e.currentTarget.offsetHeight*100)},[]),h=t.useCallback(function(e){e.preventDefault(),c(-1)},[]);return e.h("div",{class:"_CCXgb"},e.h("div",{onMouseMove:s,onMouseLeave:h,onClick:function(){var e=r<5?0:r>95?100:r;(l&&e>0||!l&&0===e)&&a(),i(e)},class:"_6E0oh"},e.h("div",{class:"_K1gsN",style:{height:(l?0:100*u)+"%"}})))}function p(t){var n=t.muted,l=t.toggleMute,i=t.onSliderInput,a=t.volume,u=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return e.h("div",{class:"_N3u1s"},e.h(A,{muted:n,onClick:l}),!u&&e.h(w,{muted:n,toggleMute:l,onClick:i,value:a}))}function C(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"}))}function k(n){var l,i=n.audioTracks,a=void 0===i?[]:i,u=n.onChange,r=t.useState(!1),c=r[0],s=r[1],h=t.useCallback(function(e){u(e.target.value)},[u]);return e.h("div",{class:"_loOMM",onClick:t.useCallback(function(){return s(!c)},[c])},e.h(C,null),e.h("ul",{class:o.default("_zoQh7",(l={},l._VV6yA=c,l))},a.map(function(t){return e.h("li",null,e.h("label",null,e.h("input",{type:"radio",name:"audioTrack",value:t.id,checked:t.enabled,onClick:h}),e.h("span",null,t.label)))})))}function E(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function m(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function b(t){return e.h("div",{class:"_0kShs",onClick:t.onClick},e.h(t.isFullscreen?E:m,null))}function y(){return e.h("div",{class:"_aDSwM"},e.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},e.h("defs",null,e.h("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e.h("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),e.h("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),e.h("stop",{"stop-color":"#fff",offset:"100%"}))),e.h("g",{fill:"none","fill-rule":"evenodd"},e.h("g",{transform:"translate(1 1)"},e.h("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},e.h("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e.h("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e.h("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function S(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function I(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z"}))}function B(n){var l,i=n.textTracks,a=void 0===i?[]:i,u=n.onChange,r=t.useState(!1),c=r[0],s=r[1],h=t.useCallback(function(e){u(e.target.value),e.stopPropagation()},[u]),v=a.some(function(e){return e.enabled});return e.h("div",{class:"_p3VB9",onClick:t.useCallback(function(){return s(!c)},[c])},e.h(I,null),e.h("ul",{class:o.default("_0Uwuf",(l={},l["_P-8HA"]=c,l))},e.h("li",null,e.h("label",null,e.h("input",{type:"radio",name:"textTrack",value:void 0,checked:!v,onClick:h}),e.h("span",null,"off"))),a.map(function(t){return e.h("li",null,e.h("label",null,e.h("input",{type:"radio",name:"textTrack",value:t.id,checked:t.enabled,onClick:h}),e.h("span",null,t.label||t.language||"und")))})))}function D(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("rect",{fill:"none",height:"24",width:"24"}),e.h("g",null,e.h("polygon",{points:"6,22 18,22 12,16"}),e.h("path",{d:"M21,3H3C1.9,3,1,3.9,1,5v12c0,1.1,0.9,2,2,2h4v-2H3V5h18v12h-4v2h4c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z"})))}function M(t){return e.h("div",{class:"_mpcmD",onClick:t.onClick},e.h(D,null))}function x(){return e.h("div",{class:"_TMkEE"},e.h("google-cast-launcher",null))}var L="_NmAuV",T="_rby33";function Q(){return e.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e.h("path",{d:"M0 0h24v24H0z",fill:"none"}),e.h("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"}))}function z(n){var l,i=n.videoLevels,a=void 0===i?[]:i,u=n.currentLevel,r=n.onChange,c=t.useState(!1),s=c[0],h=c[1],v=t.useCallback(function(e){var t=e.target.value;if("auto"===t)r(null);else{var n=parseInt(t,10),l=a[n];l&&r(l)}h(!1)},[r,a]),f=t.useCallback(function(e){if("auto"===e)r(null);else{var t=parseInt(e,10),n=a[t];n&&r(n)}h(!1)},[r,a]);if(t.useEffect(function(){if(s){var e=function(e){var t=e.target;t&&!t.closest("."+L)&&h(!1)};return document.addEventListener("click",e),function(){return document.removeEventListener("click",e)}}},[s]),!a||0===a.length)return null;var d=t.useCallback(function(e,t){e.stopPropagation(),e.preventDefault(),f(t)},[f]);return e.h("div",{class:L,onClick:t.useCallback(function(e){var t=e.target;t&&t.closest("."+T)||(e.stopPropagation(),h(!s))},[s])},e.h(Q,null),e.h("ul",{class:o.default(T,(l={},l._IEkVa=s,l)),onClick:function(e){return e.stopPropagation()}},e.h("li",null,e.h("label",{onClick:function(e){return d(e,"auto")}},e.h("input",{type:"radio",name:"videoQuality",value:"auto",checked:!u,onChange:v,onClick:function(e){e.stopPropagation(),f("auto")}}),e.h("span",null,"AUTO"))),a.map(function(t,n){return e.h("li",{key:t.id||n},e.h("label",{onClick:function(e){return d(e,n.toString())}},e.h("input",{type:"radio",name:"videoQuality",value:n.toString(),checked:(null==u?void 0:u.id)===t.id,onChange:v,onClick:function(e){e.stopPropagation(),f(n.toString())}}),e.h("span",null,function(e){return e.width+"x"+e.height+", "+Math.round(e.bitrate/1024)+"kbps"}(t))))})))}function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},H.apply(null,arguments)}function P(t){return e.h("img",{class:t.className,src:"data:image/png;base64,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"})}function R(t){return e.h("div",{class:"_pn0Pk",style:{top:t.y+"px",left:t.x+"px"}},e.h("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},e.h("span",null,"Powered by the Eyevinn WebPlayer"),e.h(P,{className:"_yYiBA"})))}function U(){return e.h("div",{class:"_F1p2a"},e.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},e.h("path",{d:"M42 6H6c-2.21 0-4 1.79-4 4v6h4v-6h36v28H28v4h14c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4zM2 36v6h6c0-3.31-2.69-6-6-6zm0-8v4c5.52 0 10 4.48 10 10h4c0-7.73-6.27-14-14-14zm0-8v4c9.94 0 18 8.06 18 18h4c0-12.15-9.85-22-22-22z"})))}function Y(l){var u,c=l.player,h=l.castAppId,v=l.rootElement,d=t.useRef(),g=function(e,l){var i,u,o,r=t.useState(null),c=r[0],s=r[1],h=t.useState(null),v=h[0],f=h[1],d=function(e,l){var i=t.useState(null),u=i[0],o=i[1],r=t.useState(null),c=r[0],s=r[1];t.useEffect(function(){var t=function(){null!==l&&e.manifestType!==n.ManifestType.EYEVINN_WEBRTC_CHANNEL&&s(new a.CastSender(l))};return e.on(n.PlayerEvent.READY,t),function(){return e.off(n.PlayerEvent.READY,t)}},[e]);var h=t.useRef(null);return h.current=u,t.useEffect(function(){c&&(c.on(a.CastSenderEvent.CONNECTED,function(){e.currentSrc&&c.load(e.currentSrc,e.currentTime)}),c.on(a.CastSenderEvent.DISCONNECTED,function(){var t;o(function(e){return H({},e,{isCasting:!1})}),e.seekTo({position:null==(t=h.current)?void 0:t.currentTime})}),c.on(a.CastSenderEvent.STATE_CHANGE,function(e){var t=e.state;o(H({isCasting:t.playbackState!==n.PlaybackState.IDLE},t))}))},[c]),[c,u]}(e,l),g=d[0],A=d[1],w=t.useRef(!1);return w.current=null!=(i=null==A?void 0:A.isCasting)&&i,t.useEffect(function(){var t=function(){s(null),f(null)},l=function(){s(!1)},i=function(){s(!0)},a=function(t){var n=t.state;w.current&&e.isPlaying&&e.pause(),f(H({isCasting:!1},n))};switch(e.on(n.PlayerEvent.UNREADY,t),e.on(n.PlayerEvent.READYING,l),e.on(n.PlayerEvent.READY,i),e.on(n.PlayerEvent.STATE_CHANGE,a),e.readyState){case n.ReadyState.READYING:s(!1);break;case n.ReadyState.READY:s(!0)}return function(){e.off(n.PlayerEvent.UNREADY,t),e.off(n.PlayerEvent.READYING,l),e.off(n.PlayerEvent.READY,i),e.off(n.PlayerEvent.STATE_CHANGE,a)}},[e]),A&&A.playbackState!==n.PlaybackState.IDLE?(o=g,u=A):(o=e,u=v),[c,u,t.useCallback(function(){return o.isPlaying?o.pause():o.play()},[o]),t.useCallback(function(){return o.isMuted?o.unmute():o.mute()},[o]),t.useCallback(function(e){return o.setAudioTrack(e)},[o]),t.useCallback(function(e){return o.setTextTrack(e)},[o]),t.useCallback(function(e){o.currentLevel=e},[o]),t.useCallback(function(e){return o.seekTo({percentage:e})},[o]),t.useCallback(function(e){return o.seekTo({change:e})},[o]),t.useCallback(function(){return o.seekToLive()},[o]),t.useCallback(function(e){return o.setVolume({percentage:e})},[o]),t.useCallback(function(e){return o.setVolume({change:e})},[o])]}(c,h),A=g[0],w=g[1],C=g[2],E=g[3],m=g[4],I=g[5],D=g[6],L=g[7],T=g[8],Q=g[9],P=g[10],Y=g[11],F=function(e){var n=t.useState(!1),l=n[0],a=n[1],u=t.useMemo(function(){return new i.AirPlay(e.video)},[]),o=t.useCallback(function(){return u.toggleAirPlay()},[]);return t.useEffect(function(){u.on(i.AirPlayEvent.AVAILABILITY_CHANGED,function(e){return a(e.available)})},[]),[l,o]}(c),G=F[0],V=F[1],N=t.useCallback(function(){return S()?void(null==(e=document.exitFullscreen||document.webkitExitFullscreen)||e.call(document)):function(e,t){var n,l=e.requestFullscreen||e.webkitRequestFullscreen?e:t;null==(n=l.requestFullscreen||l.webkitRequestFullscreen||l.webkitEnterFullscreen)||n.call(l)}(v,c.video);var e},[]),J=t.useState({visible:!1,x:0,y:0}),Z=J[0],O=J[1],q=t.useCallback(function(e){e.stopPropagation(),e.preventDefault(),O(e.target===e.currentTarget?{visible:!0,x:e.offsetX,y:e.offsetY}:{visible:!1,x:0,y:0})},[]);t.useEffect(function(){document.addEventListener("click",function(){O({visible:!1,x:0,y:0})})},[]),t.useEffect(function(){var e=d.current;if(e){var t=function(e){switch(e.code){case"Space":C();break;case"ArrowRight":T(5);break;case"ArrowLeft":T(-5);break;case"ArrowUp":Y(.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute();break;case"ArrowDown":Y(-.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute()}};return e.addEventListener("keydown",t),function(){return e.removeEventListener("keydown",t)}}},[d.current]);var X=t.useRef(null),K=t.useState(!1),W=K[0],j=K[1],_=t.useCallback(function(){clearTimeout(X.current),j(!0),X.current=setTimeout(function(){return j(!1)},2500)},[]),$=!W&&(null==w?void 0:w.playbackState)!==n.PlaybackState.READY&&(null==w?void 0:w.playbackState)!==n.PlaybackState.PAUSED,ee=(null==w?void 0:w.playbackState)===n.PlaybackState.LOADING||(null==w?void 0:w.playbackState)===n.PlaybackState.BUFFERING||(null==w?void 0:w.playbackState)===n.PlaybackState.SEEKING;return null===A?null:e.h("div",{ref:d,tabIndex:0,class:o.default("_i1uQ-"),onMouseMove:_,onContextMenu:q,onPointerUp:t.useCallback(function(e){$||e.currentTarget!==e.target?j(!0):C()},[$])},Z.visible&&e.h(R,{x:Z.x,y:Z.y}),(ee||!A)&&e.h(y,null),(null==w?void 0:w.isCasting)&&e.h(U,null),e.h("div",{class:o.default("_bT4nG",(u={},u._HUEFq=$,u))},e.h("div",{class:"_rovC-"},e.h(f,{playbackState:null==w?void 0:w.playbackState,onClick:C}),(null==w?void 0:w.isLive)&&!(null!=w&&w.isSeekable)&&e.h(r,{onClick:Q,isAtLiveEdge:null==w?void 0:w.isAtLiveEdge,isSeekable:null==w?void 0:w.isSeekable}),(!(null!=w&&w.isLive)||(null==w?void 0:w.isSeekable))&&e.h(s,{isLive:null==w?void 0:w.isLive,isAtLiveEdge:null==w?void 0:w.isAtLiveEdge,isSeekable:null==w?void 0:w.isSeekable,handleSeek:L,handleSeekToLive:Q,currentTime:null==w?void 0:w.currentTime,duration:null==w?void 0:w.duration}),null!=h&&e.h(x,null),G&&e.h(M,{onClick:V}),!1===(null==w?void 0:w.isCasting)&&!(null==w||!w.textTracks.length)&&e.h(B,{textTracks:null==w?void 0:w.textTracks,onChange:I}),!1===(null==w?void 0:w.isCasting)&&(null==w?void 0:w.audioTracks.length)>1&&e.h(k,{audioTracks:null==w?void 0:w.audioTracks,onChange:m}),!1===(null==w?void 0:w.isCasting)&&c.getVideoLevels().length>0&&e.h(z,{videoLevels:c.getVideoLevels(),currentLevel:c.currentLevel,onChange:D}),e.h(p,{muted:null==w?void 0:w.isMuted,toggleMute:E,onSliderInput:P,volume:null==w?void 0:w.volume}),e.h(b,{isFullscreen:S(),onClick:N}))))}exports.EyevinnSkin=Y,exports.renderEyevinnSkin=function(t){var n=t.root,l=t.player,i=t.castAppId;return n.classList.add("_4x0H-"),e.render(e.h(Y,{player:l,rootElement:n,castAppId:i}),n),function(){e.render(null,n)}};