@eyevinn/web-player-eyevinn-skin 0.12.0 → 0.12.2

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.
Files changed (14) hide show
  1. package/dist/EyevinnSkin.d.ts +1 -1
  2. package/dist/components/buttons/videoQuality/VideoQualityButton.d.ts +12 -0
  3. package/dist/index.css +1 -14
  4. package/dist/index.js +1 -1
  5. package/dist/index.m.js +1 -1
  6. package/dist/index.modern.js +1 -1
  7. package/package.json +4 -4
  8. package/src/EyevinnSkin.tsx +22 -14
  9. package/src/components/buttons/castButton/cast.module.css +11 -0
  10. package/src/components/buttons/videoQuality/VideoQualityButton.tsx +167 -0
  11. package/src/components/buttons/videoQuality/videoQuality.module.css +64 -0
  12. package/src/components/timeline/timeline.module.scss +10 -3
  13. package/src/skin.module.scss +1 -0
  14. package/src/util/hooks.ts +4 -0
package/dist/EyevinnSkin.d.ts CHANGED
@@ -2,6 +2,6 @@ import { h } from 'preact';
2
2
  import WebPlayer from '@eyevinn/web-player-core';
3
3
  export default function EyevinnSkin({ player, castAppId, rootElement, }: {
4
4
  player: WebPlayer;
5
- castAppId: string;
5
+ castAppId?: string;
6
6
  rootElement: HTMLElement;
7
7
  }): h.JSX.Element;
package/dist/components/buttons/videoQuality/VideoQualityButton.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import { h } from 'preact';
2
+ export interface IVideoLevel {
3
+ id: any;
4
+ width: number;
5
+ height: number;
6
+ bitrate: number;
7
+ }
8
+ export default function VideoQualityButton({ videoLevels, currentLevel, onChange, }: {
9
+ videoLevels?: any[];
10
+ currentLevel: any;
11
+ onChange: any;
12
+ }): h.JSX.Element;
package/dist/index.css CHANGED
@@ -1,14 +1 @@
1
- ._2aAzG{position:relative;display:flex;align-items:center}._2aAzG>*{margin-right:1em}._2aAzG>:last-child{margin-right:0}._2aAzG._3K51E ._-LGHu,._2aAzG._3K51E ._t3a1b{visibility:hidden}._2aAzG ._-LGHu{color:#fff;white-space:nowrap}._2aAzG ._t3a1b{display:flex;justify-content:center;align-items:center;width:100%;padding:.5em 0;cursor:pointer}._2aAzG ._K1UW_{position:relative;width:100%;height:.25em;background:hsla(0,0%,100%,.3)}._2aAzG ._1Xt9z{position:absolute;top:0;left:0;width:0;height:100%;background:#fff}
2
- ._1gDwG{cursor:pointer;background:#9f1e2b;color:#fff;padding:0 .5em;border-radius:.25em;white-space:nowrap}._1gDwG._22_VN{opacity:.5}
3
- ._3njg6{width:1.5em;height:1.5em;cursor:pointer}._3njg6 svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._3njg6 svg:hover{fill:#fff}
4
- ._1AKsf{width:1.5em;height:1.5em;cursor:pointer;padding-top:-50px}._1AKsf svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._1AKsf svg:hover{fill:#fff}._1XK6B{height:8em;width:1.5em;left:50%;margin-left:-.75em;display:none;bottom:1.5em;position:absolute}._2Kn-2{background-color:rgba(228,227,227,.3);height:7em;cursor:pointer;border-radius:.1em;bottom:.15em;left:50%;margin-left:-.35em;border:.05em solid rgba(187,186,186,.5)}._2Kn-2,._CZcKs{width:.7em;position:absolute}._CZcKs{background-color:#fff;border-radius:.1em;border-top:.05em solid rgba(187,186,186,.7);bottom:0;pointer-events:none}._1nhbD{position:relative}._1nhbD:hover ._1XK6B{display:block}
5
- ._13aPK{position:relative;width:1.5em;height:1.5em;cursor:pointer}._13aPK svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._13aPK svg:hover{fill:#fff}._16WrP{list-style:none;position:absolute;bottom:1em;left:50%;transform:translateX(-50%);padding:.5em;white-space:nowrap;background:rgba(20,20,20,.6);display:none}._16WrP._Ib345{display:block}._16WrP li{margin:0}._16WrP input{display:none;margin-right:.25em}._16WrP label span{color:hsla(0,0%,100%,.8);cursor:pointer}._16WrP :checked+span{color:#1e81a0}
6
- ._34Jhj{width:1.5em;height:1.5em;cursor:pointer}._34Jhj svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._34Jhj svg:hover{fill:#fff}
7
- ._2jAm9{top:0;width:100%;height:100%;z-index:1;opacity:1;transition:opacity .2s;outline:none;font-family:Helvetica,Arial;line-height:1.5}._2jAm9,._SS6y-{position:absolute;left:0}._SS6y-{bottom:0;width:calc(100% - 16px);box-sizing:content-box;padding:8px;background:linear-gradient(1turn,#000,transparent)}._SS6y-._1Wfm6{display:none}._1pnfN{display:flex;margin-bottom:.5em}._1pnfN>*{margin-right:.5em}._1pnfN>:last-child{margin-right:0}._3ju96{flex:1}
8
- ._2eFId{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}._2eFId svg{width:3em;height:3em}
9
- ._4r-db{position:relative;width:1.5em;height:1.5em;cursor:pointer}._4r-db svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._4r-db svg:hover{fill:#fff}._1b4Xq{list-style:none;position:absolute;bottom:1em;left:50%;transform:translateX(-50%);padding:.5em;white-space:nowrap;background:rgba(20,20,20,.6);display:none}._1b4Xq._8qwvr{display:block}._1b4Xq li{margin:0}._1b4Xq input{display:none;margin-right:.25em}._1b4Xq label span{color:hsla(0,0%,100%,.8);cursor:pointer}._1b4Xq :checked+span{color:#1e81a0}
10
- ._2XaiH{width:1.5em;height:1.5em;cursor:pointer}._2XaiH svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._2XaiH svg:hover{fill:#fff}
11
- ._mM3Gy{width:1.5em;height:1.5em;cursor:pointer}
12
- ._2lVG2{position:absolute;top:0;left:0;background:#111;color:#fff;border:1px solid #ccc;border-radius:.2rem;padding:.2rem;font-size:.8rem}._2lVG2:hover{background:#222}._2lVG2 a{color:inherit;text-decoration:none;display:flex;align-items:center;white-space:nowrap;overflow:hidden}._yCzmM{height:1rem;margin-bottom:0;margin-left:.5rem}
13
- ._xDOFW{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;pointer-events:none}._xDOFW svg{width:33%;height:33%;fill:#fff}
14
- ._1Xl8W{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#000}._1Xl8W video{display:block;width:100%;height:100%}
1
+ ._LVsid{align-items:center;display:flex;flex:1;min-width:0;position:relative;width:100%}._LVsid>*{margin-right:.5em}._LVsid>:last-child{margin-right:0}._LVsid._zw83b ._BLMF7,._LVsid._zw83b ._dPZUs{visibility:hidden}._LVsid ._dPZUs{color:#fff;flex-shrink:0;font-size:.875em;white-space:nowrap}._LVsid ._BLMF7{align-items:center;cursor:pointer;display:flex;flex:1 1 auto;justify-content:center;min-width:0;padding:.25em 0;width:100%}._LVsid ._Sdgvo{background:hsla(0,0%,100%,.3);height:.25em;position:relative;width:100%}._LVsid ._COLKF{background:#fff;height:100%;left:0;position:absolute;top:0;width:0}._PgHph{background:#9f1e2b;border-radius:.25em;color:#fff;cursor:pointer;padding:0 .5em;white-space:nowrap}._PgHph._exxwM{opacity:.5}._mwCxs{cursor:pointer;height:1.5em;width:1.5em}._mwCxs svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._mwCxs svg:hover{fill:#fff}._1s3Qh{cursor:pointer;height:1.5em;padding-top:-50px;width:1.5em}._1s3Qh svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._1s3Qh svg:hover{fill:#fff}._CCXgb{bottom:1.5em;display:none;height:8em;left:50%;margin-left:-.75em;position:absolute;width:1.5em}._6E0oh{background-color:hsla(0,2%,89%,.3);border:.05em solid hsla(0,1%,73%,.5);border-radius:.1em;bottom:.15em;cursor:pointer;height:7em;left:50%;margin-left:-.35em}._6E0oh,._K1gsN{position:absolute;width:.7em}._K1gsN{background-color:#fff;border-radius:.1em;border-top:.05em solid hsla(0,1%,73%,.7);bottom:0;pointer-events:none}._N3u1s{position:relative}._N3u1s:hover ._CCXgb{display:block}._loOMM{cursor:pointer;height:1.5em;position:relative;width:1.5em}._loOMM svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._loOMM svg:hover{fill:#fff}._zoQh7{background:hsla(0,0%,8%,.6);bottom:1em;display:none;left:50%;list-style:none;padding:.5em;position:absolute;transform:translateX(-50%);white-space:nowrap}._zoQh7._VV6yA{display:block}._zoQh7 li{margin:0}._zoQh7 input{display:none;margin-right:.25em}._zoQh7 label span{color:hsla(0,0%,100%,.8);cursor:pointer}._zoQh7 :checked+span{color:#1e81a0}._0kShs{cursor:pointer;height:1.5em;width:1.5em}._0kShs svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._0kShs svg:hover{fill:#fff}._i1uQ-{font-family:Helvetica,Arial;height:100%;line-height:1.5;opacity:1;outline:none;top:0;transition:opacity .2s;width:100%;z-index:1}._bT4nG,._i1uQ-{left:0;position:absolute}._bT4nG{background:linear-gradient(1turn,#000,transparent);bottom:0;box-sizing:content-box;padding:8px;width:calc(100% - 16px)}._bT4nG._HUEFq{display:none}._rovC-{align-items:center;display:flex;margin-bottom:.5em}._rovC->*{margin-right:.5em}._rovC->:last-child{margin-right:0}._XuBPz{flex:1}._aDSwM{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}._aDSwM svg{height:3em;width:3em}._p3VB9{cursor:pointer;height:1.5em;position:relative;width:1.5em}._p3VB9 svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._p3VB9 svg:hover{fill:#fff}._0Uwuf{background:hsla(0,0%,8%,.6);bottom:1em;display:none;left:50%;list-style:none;padding:.5em;position:absolute;transform:translateX(-50%);white-space:nowrap}._0Uwuf._P-8HA{display:block}._0Uwuf li{margin:0}._0Uwuf input{display:none;margin-right:.25em}._0Uwuf label span{color:hsla(0,0%,100%,.8);cursor:pointer}._0Uwuf :checked+span{color:#1e81a0}._mpcmD{cursor:pointer;height:1.5em;width:1.5em}._mpcmD svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._mpcmD svg:hover{fill:#fff}._TMkEE{cursor:pointer;height:1.5em;width:1.5em}._TMkEE:has(google-cast-launcher[hidden]),._TMkEE:has(google-cast-launcher[style*="display: none"]),._TMkEE:has(google-cast-launcher[style*="visibility: hidden"]){height:0;margin:0;overflow:hidden;padding:0;width:0}._NmAuV{cursor:pointer;height:1.5em;position:relative;width:1.5em}._NmAuV svg{fill:hsla(0,0%,100%,.8);height:100%;width:100%}._NmAuV svg:hover{fill:#fff}._rby33{background:hsla(0,0%,8%,.6);border:1px solid hsla(0,0%,100%,.2);bottom:1em;display:none;left:50%;list-style:none;padding:.5em;position:absolute;transform:translateX(-50%);white-space:nowrap}._rby33._IEkVa{display:block}._rby33 li{margin:0}._rby33 input{display:none;margin-right:.25em}._rby33 label{cursor:pointer;display:block;margin:0 -.5em;padding:.25em .5em}._rby33 label span{color:hsla(0,0%,100%,.8);cursor:pointer;display:block}._rby33 label:hover span{color:#64b4ff}._rby33 :checked+span{color:#1e81a0}._pn0Pk{background:#111;border:1px solid #ccc;border-radius:.2rem;color:#fff;font-size:.8rem;left:0;padding:.2rem;position:absolute;top:0}._pn0Pk:hover{background:#222}._pn0Pk a{align-items:center;color:inherit;display:flex;overflow:hidden;text-decoration:none;white-space:nowrap}._yYiBA{height:1rem;margin-bottom:0;margin-left:.5rem}._F1p2a{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}._F1p2a svg{fill:#fff;height:33%;width:33%}._4x0H-{background:#000;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}._4x0H- video{display:block;height:100%;width:100%}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var e,t=require("preact"),n=require("preact/hooks"),l=require("@eyevinn/web-player-core"),i=(e=require("classnames"))&&"object"==typeof e&&"default"in e?e.default:e,a=require("@eyevinn/web-player-airplay"),r=require("@eyevinn/web-player-cast");function u(e){var n,l=e.onClick;return t.h("div",{class:i("_1gDwG",(n={},n._22_VN=!e.isAtLiveEdge&&e.isSeekable,n)),onClick:l},"LIVE")}function o(e){var n;return t.h("div",{class:"_-LGHu"},(void 0===(n=e.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(e){var l,a=e.currentTime,r=void 0===a?0:a,s=e.duration,c=void 0===s?0:s,h=e.handleSeek,v=e.handleSeekToLive,f=e.isLive,A=e.isAtLiveEdge,d=e.isSeekable,g=n.useCallback(function(e){d&&h(e.offsetX/e.currentTarget.offsetWidth*100)},[h,d]),w=!f||!A&&d?r/c*100||0:100;return t.h("div",{class:i("_2aAzG",(l={},l._3K51E=!d,l))},t.h(o,{time:r}),t.h("div",{class:"_t3a1b",onClick:g},t.h("div",{class:"_K1UW_"},t.h("div",{class:"_1Xt9z",style:{width:w+"%"}}))),f?t.h(u,{onClick:v,isAtLiveEdge:A,isSeekable:d}):t.h(o,{time:c}))}function c(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.h("path",{d:"M8 5v14l11-7z"}))}function h(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.h("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function v(e){return t.h("div",{class:"_3njg6",onClick:e.onClick},t.h(e.playbackState!==l.PlaybackState.PLAYING?c:h,null))}function f(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.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 A(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.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 d(e){return t.h("div",{class:"_1AKsf",onClick:e.onClick},t.h(e.muted?A:f,null))}function g(e){var l=e.muted,i=e.onClick,a=e.toggleMute,r=e.value,u=n.useState(-1),o=u[0],s=u[1],c=n.useCallback(function(e){e.preventDefault(),s(100-e.offsetY/e.currentTarget.offsetHeight*100)},[]),h=n.useCallback(function(e){e.preventDefault(),s(-1)},[]);return t.h("div",{class:"_1XK6B"},t.h("div",{onMouseMove:c,onMouseLeave:h,onClick:function(){var e=o<5?0:o>95?100:o;(l&&e>0||!l&&0===e)&&a(),i(e)},class:"_2Kn-2"},t.h("div",{class:"_CZcKs",style:{height:(l?0:100*r)+"%"}})))}function w(e){var n=e.muted,l=e.toggleMute,i=e.onSliderInput,a=e.volume,r=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return t.h("div",{class:"_1nhbD"},t.h(d,{muted:n,onClick:l}),!r&&t.h(g,{muted:n,toggleMute:l,onClick:i,value:a}))}function C(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.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(e){var l,a=e.audioTracks,r=void 0===a?[]:a,u=e.onChange,o=n.useState(!1),s=o[0],c=o[1],h=n.useCallback(function(e){u(e.target.value)},[u]);return t.h("div",{class:"_13aPK",onClick:n.useCallback(function(){return c(!s)},[s])},t.h(C,null),t.h("ul",{class:i("_16WrP",(l={},l._Ib345=s,l))},r.map(function(e){return t.h("li",null,t.h("label",null,t.h("input",{type:"radio",name:"audioTrack",value:e.id,checked:e.enabled,onClick:h}),t.h("span",null,e.label)))})))}function E(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.h("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function m(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.h("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function p(e){return t.h("div",{class:"_34Jhj",onClick:e.onClick},t.h(e.isFullscreen?E:m,null))}function b(){return t.h("div",{class:"_2eFId"},t.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},t.h("defs",null,t.h("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},t.h("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),t.h("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),t.h("stop",{"stop-color":"#fff",offset:"100%"}))),t.h("g",{fill:"none","fill-rule":"evenodd"},t.h("g",{transform:"translate(1 1)"},t.h("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},t.h("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),t.h("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},t.h("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function y(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function I(){return t.h("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},t.h("path",{d:"M0 0h24v24H0z",fill:"none"}),t.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 S(e){var l,a=e.textTracks,r=void 0===a?[]:a,u=e.onChange,o=n.useState(!1),s=o[0],c=o[1],h=n.useCallback(function(e){u(e.target.value),e.stopPropagation()},[u]),v=r.some(function(e){return e.enabled});return t.h("div",{class:"_4r-db",onClick:n.useCallback(function(){return c(!s)},[s])},t.h(I,null),t.h("ul",{class:i("_1b4Xq",(l={},l._8qwvr=s,l))},t.h("li",null,t.h("label",null,t.h("input",{type:"radio",name:"textTrack",value:void 0,checked:!v,onClick:h}),t.h("span",null,"off"))),r.map(function(e){return t.h("li",null,t.h("label",null,t.h("input",{type:"radio",name:"textTrack",value:e.id,checked:e.enabled,onClick:h}),t.h("span",null,e.label||e.language||"und")))})))}function B(){return t.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"},t.h("rect",{fill:"none",height:"24",width:"24"}),t.h("g",null,t.h("polygon",{points:"6,22 18,22 12,16"}),t.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 D(e){return t.h("div",{class:"_2XaiH",onClick:e.onClick},t.h(B,null))}function T(){return t.h("div",{class:"_mM3Gy"},t.h("google-cast-launcher",null))}function x(){return(x=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}).apply(null,arguments)}function z(e){return t.h("img",{class:e.className,src:"data:image/png;base64,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"})}function M(e){return t.h("div",{class:"_2lVG2",style:{top:e.y+"px",left:e.x+"px"}},t.h("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},t.h("span",null,"Powered by the Eyevinn WebPlayer"),t.h(z,{className:"_yCzmM"})))}function Q(){return t.h("div",{class:"_xDOFW"},t.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},t.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 H(e){var o,c=e.player,h=e.castAppId,f=e.rootElement,A=n.useRef(),d=function(e,t){var i,a,u,o=n.useState(null),s=o[0],c=o[1],h=n.useState(null),v=h[0],f=h[1],A=function(e,t){var i=n.useState(null),a=i[0],u=i[1],o=n.useState(null),s=o[0],c=o[1];n.useEffect(function(){var n=function(){null!==t&&e.manifestType!==l.ManifestType.EYEVINN_WEBRTC_CHANNEL&&c(new r.CastSender(t))};return e.on(l.PlayerEvent.READY,n),function(){return e.off(l.PlayerEvent.READY,n)}},[e]);var h=n.useRef(null);return h.current=a,n.useEffect(function(){s&&(s.on(r.CastSenderEvent.CONNECTED,function(){e.currentSrc&&s.load(e.currentSrc,e.currentTime)}),s.on(r.CastSenderEvent.DISCONNECTED,function(){var t;u(function(e){return x({},e,{isCasting:!1})}),e.seekTo({position:null==(t=h.current)?void 0:t.currentTime})}),s.on(r.CastSenderEvent.STATE_CHANGE,function(e){var t=e.state;u(x({isCasting:t.playbackState!==l.PlaybackState.IDLE},t))}))},[s]),[s,a]}(e,t),d=A[0],g=A[1],w=n.useRef(!1);return w.current=null!=(i=null==g?void 0:g.isCasting)&&i,n.useEffect(function(){var t=function(){c(null),f(null)},n=function(){c(!1)},i=function(){c(!0)},a=function(t){var n=t.state;w.current&&e.isPlaying&&e.pause(),f(x({isCasting:!1},n))};switch(e.on(l.PlayerEvent.UNREADY,t),e.on(l.PlayerEvent.READYING,n),e.on(l.PlayerEvent.READY,i),e.on(l.PlayerEvent.STATE_CHANGE,a),e.readyState){case l.ReadyState.READYING:c(!1);break;case l.ReadyState.READY:c(!0)}return function(){e.off(l.PlayerEvent.UNREADY,t),e.off(l.PlayerEvent.READYING,n),e.off(l.PlayerEvent.READY,i),e.off(l.PlayerEvent.STATE_CHANGE,a)}},[e]),g&&g.playbackState!==l.PlaybackState.IDLE?(u=d,a=g):(u=e,a=v),[s,a,n.useCallback(function(){return u.isPlaying?u.pause():u.play()},[u]),n.useCallback(function(){return u.isMuted?u.unmute():u.mute()},[u]),n.useCallback(function(e){return u.setAudioTrack(e)},[u]),n.useCallback(function(e){return u.setTextTrack(e)},[u]),n.useCallback(function(e){return u.seekTo({percentage:e})},[u]),n.useCallback(function(e){return u.seekTo({change:e})},[u]),n.useCallback(function(){return u.seekToLive()},[u]),n.useCallback(function(e){return u.setVolume({percentage:e})},[u]),n.useCallback(function(e){return u.setVolume({change:e})},[u])]}(c,h),g=d[0],C=d[1],E=d[2],m=d[3],I=d[4],B=d[5],z=d[6],H=d[7],L=d[8],P=d[9],R=d[10],U=function(e){var t=n.useState(!1),l=t[0],i=t[1],r=n.useMemo(function(){return new a.AirPlay(e.video)},[]),u=n.useCallback(function(){return r.toggleAirPlay()},[]);return n.useEffect(function(){r.on(a.AirPlayEvent.AVAILABILITY_CHANGED,function(e){return i(e.available)})},[]),[l,u]}(c),Y=U[0],G=U[1],F=n.useCallback(function(){return y()?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)}(f,c.video);var e},[]),V=n.useState({visible:!1,x:0,y:0}),N=V[0],J=V[1],X=n.useCallback(function(e){e.stopPropagation(),e.preventDefault(),J(e.target===e.currentTarget?{visible:!0,x:e.offsetX,y:e.offsetY}:{visible:!1,x:0,y:0})},[]);n.useEffect(function(){document.addEventListener("click",function(){J({visible:!1,x:0,y:0})})},[]),n.useEffect(function(){var e=A.current;if(e){var t=function(e){switch(e.code){case"Space":E();break;case"ArrowRight":H(5);break;case"ArrowLeft":H(-5);break;case"ArrowUp":R(.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute();break;case"ArrowDown":R(-.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute()}};return e.addEventListener("keydown",t),function(){return e.removeEventListener("keydown",t)}}},[A.current]);var Z=n.useRef(null),q=n.useState(!1),K=q[0],O=q[1],W=n.useCallback(function(){clearTimeout(Z.current),O(!0),Z.current=setTimeout(function(){return O(!1)},2500)},[]),j=!K&&(null==C?void 0:C.playbackState)!==l.PlaybackState.READY&&(null==C?void 0:C.playbackState)!==l.PlaybackState.PAUSED,_=(null==C?void 0:C.playbackState)===l.PlaybackState.LOADING||(null==C?void 0:C.playbackState)===l.PlaybackState.BUFFERING||(null==C?void 0:C.playbackState)===l.PlaybackState.SEEKING;return null===g?null:t.h("div",{ref:A,tabIndex:0,class:i("_2jAm9"),onMouseMove:W,onContextMenu:X,onPointerUp:n.useCallback(function(e){j||e.currentTarget!==e.target?O(!0):E()},[j])},N.visible&&t.h(M,{x:N.x,y:N.y}),(_||!g)&&t.h(b,null),(null==C?void 0:C.isCasting)&&t.h(Q,null),t.h("div",{class:i("_SS6y-",(o={},o._1Wfm6=j,o))},t.h("div",{class:"_1pnfN"},t.h(v,{playbackState:null==C?void 0:C.playbackState,onClick:E}),(null==C?void 0:C.isLive)&&!(null!=C&&C.isSeekable)&&t.h(u,{onClick:L,isAtLiveEdge:null==C?void 0:C.isAtLiveEdge,isSeekable:null==C?void 0:C.isSeekable}),t.h("div",{class:"_3ju96"}),t.h(T,null),Y&&t.h(D,{onClick:G}),!1===(null==C?void 0:C.isCasting)&&!(null==C||!C.textTracks.length)&&t.h(S,{textTracks:null==C?void 0:C.textTracks,onChange:B}),!1===(null==C?void 0:C.isCasting)&&(null==C?void 0:C.audioTracks.length)>1&&t.h(k,{audioTracks:null==C?void 0:C.audioTracks,onChange:I}),t.h(w,{muted:null==C?void 0:C.isMuted,toggleMute:m,onSliderInput:P,volume:null==C?void 0:C.volume}),t.h(p,{isFullscreen:y(),onClick:F})),(!(null!=C&&C.isLive)||(null==C?void 0:C.isSeekable))&&t.h(s,{isLive:null==C?void 0:C.isLive,isAtLiveEdge:null==C?void 0:C.isAtLiveEdge,isSeekable:null==C?void 0:C.isSeekable,handleSeek:z,handleSeekToLive:L,currentTime:null==C?void 0:C.currentTime,duration:null==C?void 0:C.duration})))}exports.EyevinnSkin=H,exports.renderEyevinnSkin=function(e){var n=e.root,l=e.player,i=e.castAppId;return n.classList.add("_1Xl8W"),t.render(t.h(H,{player:l,rootElement:n,castAppId:i}),n),function(){t.render(null,n)}};
1
+ 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)}};
package/dist/index.m.js CHANGED
@@ -1 +1 @@
1
- import{h as e,render as n}from"preact";import{useCallback as t,useState as i,useRef as l,useEffect as o,useMemo as r}from"preact/hooks";import{PlaybackState as u,PlayerEvent as a,ReadyState as c,ManifestType as s}from"@eyevinn/web-player-core";import v from"classnames";import{AirPlay as h,AirPlayEvent as A}from"@eyevinn/web-player-airplay";import{CastSenderEvent as g,CastSender as f}from"@eyevinn/web-player-cast";function d(n){var t,i=n.onClick;return e("div",{class:v("_1gDwG",(t={},t._22_VN=!n.isAtLiveEdge&&n.isSeekable,t)),onClick:i},"LIVE")}function w(n){var t;return e("div",{class:"_-LGHu"},(void 0===(t=n.time)&&(t=0),[Math.floor(t/3600)%24,Math.floor(t/60)%60,Math.floor(t%60)].map(function(e){return e<10?"0"+e:e}).filter(function(e,n){return"00"!==e||n>0}).join(":")))}function m(n){var i,l=n.currentTime,o=void 0===l?0:l,r=n.duration,u=void 0===r?0:r,a=n.handleSeek,c=n.handleSeekToLive,s=n.isLive,h=n.isAtLiveEdge,A=n.isSeekable,g=t(function(e){A&&a(e.offsetX/e.currentTarget.offsetWidth*100)},[a,A]),f=!s||!h&&A?o/u*100||0:100;return e("div",{class:v("_2aAzG",(i={},i._3K51E=!A,i))},e(w,{time:o}),e("div",{class:"_t3a1b",onClick:g},e("div",{class:"_K1UW_"},e("div",{class:"_1Xt9z",style:{width:f+"%"}}))),s?e(d,{onClick:c,isAtLiveEdge:h,isSeekable:A}):e(w,{time:u}))}function p(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M8 5v14l11-7z"}))}function C(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function E(n){return e("div",{class:"_3njg6",onClick:n.onClick},e(n.playbackState!==u.PLAYING?p:C,null))}function k(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 I(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 B(n){return e("div",{class:"_1AKsf",onClick:n.onClick},e(n.muted?I:k,null))}function b(n){var l=n.muted,o=n.onClick,r=n.toggleMute,u=n.value,a=i(-1),c=a[0],s=a[1],v=t(function(e){e.preventDefault(),s(100-e.offsetY/e.currentTarget.offsetHeight*100)},[]),h=t(function(e){e.preventDefault(),s(-1)},[]);return e("div",{class:"_1XK6B"},e("div",{onMouseMove:v,onMouseLeave:h,onClick:function(){var e=c<5?0:c>95?100:c;(l&&e>0||!l&&0===e)&&r(),o(e)},class:"_2Kn-2"},e("div",{class:"_CZcKs",style:{height:(l?0:100*u)+"%"}})))}function D(n){var t=n.muted,i=n.toggleMute,l=n.onSliderInput,o=n.volume,r=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return e("div",{class:"_1nhbD"},e(B,{muted:t,onClick:i}),!r&&e(b,{muted:t,toggleMute:i,onClick:l,value:o}))}function y(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 T(n){var l,o=n.audioTracks,r=void 0===o?[]:o,u=n.onChange,a=i(!1),c=a[0],s=a[1],h=t(function(e){u(e.target.value)},[u]);return e("div",{class:"_13aPK",onClick:t(function(){return s(!c)},[c])},e(y,null),e("ul",{class:v("_16WrP",(l={},l._Ib345=c,l))},r.map(function(n){return e("li",null,e("label",null,e("input",{type:"radio",name:"audioTrack",value:n.id,checked:n.enabled,onClick:h}),e("span",null,n.label)))})))}function z(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function x(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function M(n){return e("div",{class:"_34Jhj",onClick:n.onClick},e(n.isFullscreen?z:x,null))}function Q(){return e("div",{class:"_2eFId"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},e("defs",null,e("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),e("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),e("stop",{"stop-color":"#fff",offset:"100%"}))),e("g",{fill:"none","fill-rule":"evenodd"},e("g",{transform:"translate(1 1)"},e("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function H(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function S(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 L(n){var l,o=n.textTracks,r=void 0===o?[]:o,u=n.onChange,a=i(!1),c=a[0],s=a[1],h=t(function(e){u(e.target.value),e.stopPropagation()},[u]),A=r.some(function(e){return e.enabled});return e("div",{class:"_4r-db",onClick:t(function(){return s(!c)},[c])},e(S,null),e("ul",{class:v("_1b4Xq",(l={},l._8qwvr=c,l))},e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:void 0,checked:!A,onClick:h}),e("span",null,"off"))),r.map(function(n){return e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:n.id,checked:n.enabled,onClick:h}),e("span",null,n.label||n.language||"und")))})))}function U(){return e("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("rect",{fill:"none",height:"24",width:"24"}),e("g",null,e("polygon",{points:"6,22 18,22 12,16"}),e("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 Y(n){return e("div",{class:"_2XaiH",onClick:n.onClick},e(U,null))}function G(){return e("div",{class:"_mM3Gy"},e("google-cast-launcher",null))}function R(){return(R=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(null,arguments)}function F(n){return e("img",{class:n.className,src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA5CAYAAABzlmQiAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH4gQUEh4aiyLHmgAAFqJJREFUeNrtXQt4VcW1zhsChgBJIMEA8iwBlAJikIdQBBEQKOYiFeStIJSrovhCi22hqDwEFdEW1ArISyAEFBCrcMGqgFJFFDQIBVEUeQhBCI+c0zX0H7/VYWb2OSf7nCS3e3/f+pIze2b2zN7rn1lrzZo1UVFhuJptPhlNVImoHdFwoj8SPU80n2gh0V+JniZ6iKgfUVOieKIo74r85ff7b/L/+yoiSvXeSHhAEUfUnmgK0Xai80T+IOgk0Vqiu4lqC5B5b9UDSFkHhaAaRI8R7WPM/hNAsoRoJtFEzCLTiRYQvU90gshnAMsForeJbiFK8N502AHyK6LdRLuIqnhvxB1wCGDMAhgEU39D9BRRB6KKAZRPILoG4PqMgUX8/SdRIX7nEw0VIpj31r2rLACjHNH9mAH8mCn6E5UvRp0xANYqzB5niZYSPUt0jD2nvaeneFdpBkcToq1gWCFS3Sp0D5dFNgGCD/GMHUSdMDMVQq+ZQZQYYREkmqgN0VSi5UR5RIuIZhLdSVRbI9NPIXpYlHUQbUS+PxDFKfdqo7x4ziqi14heIHqAqDWvl/6vh3oEpVmel8ry1WPpWUh7kqiiplwCUTui8UQLiN4ELUQbazm8vyS8k8nox1tEa4leIhpJVOn/g67RH4q0ZNKkMM9SQmc5R/QjUQ+iXxJtAXAEgOpECByxRLOgwMrL5//P6zhRI1bmNqSfJ6pmqXsx8m1T0vsSnbQ8T7TlDpa/GlEh7t1ieV5f5DnHgWRS0gVoicYS7fXbr2NE7TXPq0o0g+ioQ/nPiWqUVXAI8WcCRJ/viLpGQswBKLtDxCqEwi6AM5WoiOgQUXYEADIKH7GAaBBRA6J0ooZEQ4iO4P48VuYKgENcfQz1CuY7iDwzWHojolNIFzPWVUQZYpQmupHofdz7lqg8m+G2If05S19mIc9HgVixBIhYP/4mQImZtDFRS6KhrA97iBIN9YrrRaLfoFxj1CNmnzO4v4SoTIJjOhTnT4jqlkAbrib6HiC5EcAZQHQGelDHMIIjnmgfPuDvDHkexv3DQhRhDLsL6U8bymUx5unD0v+MtPeIYjTlrmTl2rP0J5C2U1cOeT5DnidDAEhPQ52d2QzX1wKQFE1ZQb/H/bNOolppA4dY7JsMcAizbEoJtqUVRK3jRFlI60xUAJC0DhNAWrGP38CQpyPuX+BiAhutd+j0EEobg/uFUgwDIL9G+j0Wke9H5BnO0jsxsa6WplwN1pfOLgJEtOcLOUsEAxDkqQWRT1xDyxJARgEcQt6vGgRTJYKxhkMpE4rYUqJlQgwhmg7mEIxVOYj29IKY97GwmGEm6YyZ5FA4ZjcmXv0gmNcBIIK5Mll6LwacTM3IuVLqH1K0gGIudZ12AQCE6yEVoQuJa5Cm3CDcO2kRhYIGCPL9FXk+DAEgYrbNV0XN0g6OdmA8Yam6PABGSoY8uprohEER82nShPy5meheossD0EmehJI+Cb+l8aAIQK7gMkCmop0fm+RjSh+MPKLfFVh6FaKfcG+wUqYcY/LJLL0DezeZFkuUvG5U7uUh/VVNuVdxb7XmXnEB8ijyfCMAHAxAkG8d8iwvC+CoTLSX6LRYyHNgoNoQJU6w6f19mAtvIWpOVB2zSnlYNbLw4h6FqfA0k0GFVae5pW2JWFQU+kh9BpwpAM5MlwHyEtr2tuF+OSiX4tqgggjmTHEt0ph35XUdS89hVqZkw2g7nA0uqcr9Ebh3SOpDzCBwGPdGhgEgdzJrXmIIAFlge8+lzZz7ApjtXpO1StitiaYx06JQ/u6CdYfniyFqRnQ78s8DCOZCObuZqC7Mov/HRJL5JrMfrGhC9FuomIW3wgTd3kWALGaK731EE4lmE+USbWfWJsFYN2nKj8X9IwrDTmOiWzmNefgs1jsmYK1lEWbaw2wmnm0YsKQ834alt2XtrBkGgAxhlr7LQgDIi8izqbQDJBty/ru6BUDIzjcQHWAKaG9uNUGemkSPM4VTilhFIC5uCUBsJBogRlOid5htfaCq4ALEmwCGeiy9GWaW7W65pTCA+DX9OA37/SIwgq58Q/RPXB3ZLCCV2gVK/oGG5/nAqPuxwDaWA05591s1opu0cH1oaGdxATKomACZW+oBApPuBjBeS4Ny+Ht88FP4SOrq72VYkZW2bQGkZzBTNMTMk4gXfzWm5pUs/5dQbvsRfYe0v/BRFm3tiVluipI+A+lDXQLIy2jDB1iPaIpV66omU6qGYXdwcy/9bcKYJkfJz0WsNnhmQ8zM8QG2eTyb1WMAyN1Ie8RQxgNIAAD5FZhrvqYDCRB75KyRpWGE5mxkFHn+J4iPKhjgT3jBPrwwwYhvo763uDsCtTGW6GtQLEuvDlPwF254AbORd5fNZcShDmnn388GGWlNSlLytmcM1SDE52VhEPMB0L9kM3YjDyCh6x6vY/Zoolksk4roGlV5BDi6QFEXsvMjuuk/wI9bl4lYmwAc+fI28pcPN3qfugbCFPYcFwAyhOkElUOsoykz3V7HBpHFmrwZTIe4JcTnRUM/8kNneiIAS5wHEAeA1IHusUbzsp9F41dK1wYlT1uIXMJseYMLTClmq+cw6m2Co5tcdMuVYh219QYA4RFNX4Q38PriusQAsJJBBhSDYT+WLh6MYXo55F0UqusFlbsfdexlriAPWvJ7AHEAyHgw281Kw4eDUTcbvDzT4RMk7P0dXLQexQAk4pqjzGLC81W0OQkz3mrNbLgGIKlZzHYIeh3PzddZ1gDoK7i5VpNnnKJ4f6/qVZrFSTGTdNWYjmPBuF0sddTGrOdn5veaHkBCA0c0FtmO84U2KIcnMALVMDDPcgBomNvtAuO9g4/WEwaAT/DB2qLdn4vFTE2fBgPwo1xoRx3oD37Mkhvgfr6e6B/M9LrBUkcGM4lbV4wxGOQxkGzDAuwarDEdQPpZ2+4/uvcGe94a22zkAcQOkOpYiV6mjOBv4oX1MHSqExhjVagKbADMWQ/K7G4syjWDxUusS4gdiW9gxT9R6VM6TL55LrUjA2LefqYjFKFtBwCaux3qeI2ZbZs65BV9vQcDwmlW7jSse9tg3Ut0YPojoJ4Oz+uKfGJdpipLT8VsJ+51tZTvhzz7uaSBJQHZBhuYZyLP6tIIkByMtqNZg3vhg7xqYn64P583WUZcBMnjYJD++D0Zv8dQm1+E7lRDI2ZthxdwgottESvSKXD8q4ZZLRBzbzRAJI0NwegvyQCoEGcrq6Z1h7LlQNEBiLSX5FXqiLGUj2X5HOs1vNdygVo9Iw2QxwGQlqyz26BX1DF0qCFG0BXhbp/w0cLIuQEfrBJGtYNt3yuYA0tWPU2/ZqNfDUr6HcOhUZpab47yrrJzCTEECm1FfEzpJ/TnAKwkfSLEYK9DtKmO3xcXwybvOfOtBSCjAJDeJQyOaMwaUtGP9biubAHkU6L97IPOx0JTMweGPR+pvcRs70QfJhsX7iy4IPepZ2j61QUAuaeEAdKLzR53eBxX9gByWOz1xsesAI/M7Q4y4364MkSKyVqDwR5jactJxvN133bqhC6iCgJMCIA8UYLgSGRuHntNZtkg67wOXrvdywqPYa/KrXBozSxrABHi1Tp0pLPKiAYzpDBZrongC87ErDaXpV30fJ31z8LPDP3KhPj1QgkyxgRm5hzoUp3S0+DlMgSQeuw9tC1rABGj7Crxf5Hv4iKc37boh5VtoQ8sieALTgEoF7G0uhf9xc/6Vhj6lQ7x66USZowmcDqM8QBSNgHys4vJ8kPnlqETtzqIDWKRamUEX3A1gJJHDuluc6FA5EexvjPHpTaUFmbzABJhgIhgCJvFynTOR6c+lesfNkbBos6WCOogTdCuaSxtFtJaGPpVH7PjjGI++0Fs5nrGA8h/J0C+lO7hzTefPJr/U9FZKOrJlg7/HavIcRF6wf24FQh60CEovjGGfrUBQMYX89lL8ezXPYD8dwLkbwhALc7zuDBjX6EMNDDC0mG5ZTQ7Qi/4eTzvSvyWG4v+aOlXfwDkNg8gHkCKA5DnYO1pLhiqy5aCt+CU97lpXwdbTJwWgZdbHtEy9mCVPxo7/KyBxhD5RACklUsA+QpRTiQN0OQVOw1/S/QKHA6XwRv5UXjfxhqeURVevC+jXC4CGTyNnZtZOoDAy2A49smvwJYEMZj0cHANiUNopvsRsmctfO/EFuPfOW3WgovNQDwrF06rM+BUGh8sQOCS0hHBPl5DP+Zix2mKQ1vSkG8OyuXCT028t2uUWAC/xrd7yMF5swvyTRKMdDsYaRhi4eayTTZ3WF7wXji3JYUZIAOkmzt+34zfcx2A/6acGV0CiHotVPJlA8jqXnJ+PaVxX9eVK1LKTdIA5IjiIazuY5+urmVhcBmBwc92ndIFoUAdLR1i9X6giQNmBAhch/IMYaFkYItuhrb0YqFfTdd+uegtvM5NEWGUepfL6JaCkRoDIMLx7yjRRubFecgUfFl4r6KSCWEERyK2uxbAQbASPk6BbX+DcNtHXz5wYdPUUhbwQKy9jEa40X4sTzILZLEUI1cmgld0wOh+yb4Mpdxq7EOvCefE+kTX4z331gDkNNzYx8Frtjmelcu8jTspfYll+0TeQ1/aI1ZuCwxG+WzPShWlfCoD82ZEfBc7Jq/FTJbP6o53AggAu5gBvi9Cq7bAaL+KAbaRxnBzig0GLfDOf4GyS9gzu6JMXQbEHpbB/3vkmSKDNRxAkLhdiIkVhUBwPnzwGIPokw+nxiZhAEcUtoxe1DXw+y/4Pc42RbL99ZNcaIejDoIVYhmPKklzPxmg/o+4VMyF5ttA3XYYQF4x3K/I4gkvswBkqGWGkHtARiv3JrH4V+maso3ZrJYTAEBasdnyVk198RiYdBFgZCC8dYbQrhms7q6s//k29QBbKiSIbpIMNRt6yEHso0hBZbnIfK8hXEwnrHDv5PsIXAJIL6x97MBHH4oOb3SynjG9KjvcAAFwZXCJOZZ6tkgxi5Vbj7RZbirpbEuAGo8rEIBEsQjyecpoL5nrBcuz16p77i0AmYK0ry367ggWuVJGs6/AwqwONJS7BCBIl4PsdgNPj70keB8OreFnBHZmU+oXyNzX8DJl2Ml33QIJRIaTiI3VFBt6zmB3Y6YDOCpiH8huNw73CQAgCZCTtVELWb4PkGcmm8plaKPbXAYI38l3RTAAQb6pzH8sBmnVWJ19LWUf1ZQ1AeRdnT6n1NeUlZVbMpqztF8ECZAcFogjQ1NuDRMTf2aqWGxf9asOfggj8x0YtK9GyYyBtUVcnxZH3EJdo/GsE5Cpu0E8EZa1qwOwyg1BHx52CaxOAEljU3JXQ55oiF/iuo8pp75gTZ8BAoQfrdAuBICMZMpsOaS1YXVeaSnbn43AFUwAwQDxje1oCTZb+HikF4SUknpY5SABksrisPXXiKcnuFGIM9ZoBpBdPN4UFKDvIZvep7GOxGDkkEHlJgRj3cJMdBXkSR8sD9fgQxUCHO0DAEc83PfFSVjVIwSQRuzjtzL0rQ37WNlIr8XKNXIZIDWYHtEjBIDksLZVQlpv3TEPmrI3srLpFoBUZKdo3enAG3Lb8Sikjcbvo5ao+yaARLEwt/M0kou8rtWJJgfZSbPtNIwgYzotV8/Cw4OvZ3LqYSwoZpt0Btj/+2F/iQx2tgiWiHn4fcDkTqIBiAzWMN1FXcgJIHy6n4zNXFOxFvI22l/EtttGo1wDZpKt6zJA0hgQeocAkB6sT6lI68cscTYTKY9QX8cCkCSm0A916LM8wm0sft/HLG3RwQAE9x5gxhEeG/kZpH+n5VlirJFsFlmimkjB0LnMPj1SE340EabJfeylnETMWLl4th5hRi8wk+RaLBYNZlPvep21xACOZERaPOrW7BEgQFpYbPA+vOyNsMhVYeXqs3z1ShlAurO2pSGtb4DnLnZkZWs5AOSMehCQoc5jyHc3ft9fTIA0ZmJbGyYF7bG+W4go8oRZsWh4lUGeHsxsxflYBU5WNuzHYsV9GpSxH/Byz+PF7MH6wF2waQ9nR4QdQ50xAYKD70G/22VrWjAi1m9gJszCKnc5S70ZrFyzMgCQbmwwqxOggaCKBSDlGePfY6kvmrV5mCJiHbNYv2wAiWW8No0NdD5TUD/ObFfD1OtHADbTeXdVIFL8yGIiLUGMpDpQwnR27UT8zcQus/lKHU/ZRihDm3vCtf3vbkV2Z21eYjp4BvdT2If4dZAuNIW6g3BKKUCasbRsS9lRLIZYggUg3Gz8hKW+dPXAICwESktUarAAwf0/sQE+jv0+rguSqDLcQ0wXGeTwwQRQ/heRUC6wzhyG7T8PfkULIJ69zyw6Uun7BIt/acEysIhaQnQEge8ahmHB8hWHGYSfVvuHIOrlUdfHlQGAJLKyt1vKyrM+trCj5UxmXnkM3RsBzEg/n20C8VSO9q1DBEhz5g7UjoF1fiBMF0e0EiARxzA3CuDDySiEw+A4tgUg+Qkv9iysET9gdfRl6DANQ91XQu2qBovbeTeCVRv6JT2Xt1qCPy9ki0+xQdQ9V1XeSzFA+IlZqw2LbElsbWdiAAuFo9kioOkMwwXsECM+KH1pMxEHAJBYLEvImMkScN0CZT6h9G4DSHaGcsotRsnLYHtOwwt0ZesptSeN6CPMcg9EheliZxAWwromxaN6imIqDwb6rcFJMBkjVRpLb8ecEwcazOcpiv9WiQBEY+q9TTmPMJbFUz6lLFCaAJLCjoabp0RllNa087rtF9jI5sfsnaa8s1rw2HVanxqvGFUOBhVYA/u6PwVIxKlTlaNKwUXtqEW0A+AQR1VHhxEgqUyZPAnnSeHCsU8BwDTG7Dswyq6GU99XzGKTrZSbzUSIXVgLykOgvD0A5qRSApBo5qrhw2r5BrjK72RWrtuV+mzevH3YuzmKFex12JQn27pCnZmxgLiNrdovQL5dDFTyut7Qz9qKR/SUUJgxHef/+fE3o4TB0Q7rNUIpnxBOcCjrAtwl/bR64CRGrv74wAVs9CoEoHZgjaemRocZA6sK/1hnoegKUWKwIreL+p51APW3yNdNaeMhpPe3lO/MYuqmaESTYWDOUwwsPwIonTTGmTqsvmzN87IxKBxlYtFpvLO7LIuBqRDVj7PB6TB03THsG1xrUQvyGLCzQmVKIW6tAEiE12/b4rqRh9CGBBzTUIgTeIdGsg0Qq+qDKlvs71IWz8CKdlX4awUijlaFeTgD4kcFgyUwweawiboSQOr5kZeka8rHsHy2flZCH9N1bTW0J9rhHVdHnZWD0MsqsHZI15hr2GBT19LPTWzNLbo4DBoH61Yh1kieJqoaAWBEAZBSHxL751tFGqDeVbYuLCHImSjOMlP6nI53CJZhWzJmFV6zD4ZDNwEwWohjGRCa6ByOXUvyPr93BQCQGWB80xn3sdAPpYUs3k3mjYdbyjfMFPwsRvaYYtZdCQEX3gEwhCK+DnvmvS/vXVysamrYA5/EjiA37RfJYbPHkHCJP8LBcQzWIuTC4lfYsNQPsaniHGYJod+0FkGmxXFqRAXM1WU5xKtojyW8S2MZ82EN5R9weF0MpXsvOx051gAuuTC4242YyU5AEftJOog4uMwj2A9L0ylsXtoE15XVOGBzK2agcyy/mDHeIxqH2LoeJ3iXCSCXY5bwGQI9TJH7UTRlJ3L/uUhbm8Qe96ZEI4ieJ9pAtIfoBADjR8Bsob98DOvYRKJeYjHSA4V3BQgQaR2riIXBJvAXqw39wlauPsSzK508H/4FoQjRzOaDDxUAAAAASUVORK5CYII="})}function V(n){return e("div",{class:"_2lVG2",style:{top:n.y+"px",left:n.x+"px"}},e("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},e("span",null,"Powered by the Eyevinn WebPlayer"),e(F,{className:"_yCzmM"})))}function N(){return e("div",{class:"_xDOFW"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},e("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 P(n){var w,p=n.player,C=n.castAppId,k=n.rootElement,I=l(),B=function(e,n){var r,v,h,A=i(null),d=A[0],w=A[1],m=i(null),p=m[0],C=m[1],E=function(e,n){var t=i(null),r=t[0],c=t[1],v=i(null),h=v[0],A=v[1];o(function(){var t=function(){null!==n&&e.manifestType!==s.EYEVINN_WEBRTC_CHANNEL&&A(new f(n))};return e.on(a.READY,t),function(){return e.off(a.READY,t)}},[e]);var d=l(null);return d.current=r,o(function(){h&&(h.on(g.CONNECTED,function(){e.currentSrc&&h.load(e.currentSrc,e.currentTime)}),h.on(g.DISCONNECTED,function(){var n;c(function(e){return R({},e,{isCasting:!1})}),e.seekTo({position:null==(n=d.current)?void 0:n.currentTime})}),h.on(g.STATE_CHANGE,function(e){var n=e.state;c(R({isCasting:n.playbackState!==u.IDLE},n))}))},[h]),[h,r]}(e,n),k=E[0],I=E[1],B=l(!1);return B.current=null!=(r=null==I?void 0:I.isCasting)&&r,o(function(){var n=function(){w(null),C(null)},t=function(){w(!1)},i=function(){w(!0)},l=function(n){var t=n.state;B.current&&e.isPlaying&&e.pause(),C(R({isCasting:!1},t))};switch(e.on(a.UNREADY,n),e.on(a.READYING,t),e.on(a.READY,i),e.on(a.STATE_CHANGE,l),e.readyState){case c.READYING:w(!1);break;case c.READY:w(!0)}return function(){e.off(a.UNREADY,n),e.off(a.READYING,t),e.off(a.READY,i),e.off(a.STATE_CHANGE,l)}},[e]),I&&I.playbackState!==u.IDLE?(h=k,v=I):(h=e,v=p),[d,v,t(function(){return h.isPlaying?h.pause():h.play()},[h]),t(function(){return h.isMuted?h.unmute():h.mute()},[h]),t(function(e){return h.setAudioTrack(e)},[h]),t(function(e){return h.setTextTrack(e)},[h]),t(function(e){return h.seekTo({percentage:e})},[h]),t(function(e){return h.seekTo({change:e})},[h]),t(function(){return h.seekToLive()},[h]),t(function(e){return h.setVolume({percentage:e})},[h]),t(function(e){return h.setVolume({change:e})},[h])]}(p,C),b=B[0],y=B[1],z=B[2],x=B[3],S=B[4],U=B[5],F=B[6],P=B[7],J=B[8],X=B[9],Z=B[10],K=function(e){var n=i(!1),l=n[0],u=n[1],a=r(function(){return new h(e.video)},[]),c=t(function(){return a.toggleAirPlay()},[]);return o(function(){a.on(A.AVAILABILITY_CHANGED,function(e){return u(e.available)})},[]),[l,c]}(p),O=K[0],W=K[1],q=t(function(){return H()?void(null==(e=document.exitFullscreen||document.webkitExitFullscreen)||e.call(document)):function(e,n){var t,i=e.requestFullscreen||e.webkitRequestFullscreen?e:n;null==(t=i.requestFullscreen||i.webkitRequestFullscreen||i.webkitEnterFullscreen)||t.call(i)}(k,p.video);var e},[]),j=i({visible:!1,x:0,y:0}),_=j[0],$=j[1],ee=t(function(e){e.stopPropagation(),e.preventDefault(),$(e.target===e.currentTarget?{visible:!0,x:e.offsetX,y:e.offsetY}:{visible:!1,x:0,y:0})},[]);o(function(){document.addEventListener("click",function(){$({visible:!1,x:0,y:0})})},[]),o(function(){var e=I.current;if(e){var n=function(e){switch(e.code){case"Space":z();break;case"ArrowRight":P(5);break;case"ArrowLeft":P(-5);break;case"ArrowUp":Z(.1),p.getVolume()>0?p.isMuted&&p.unmute():p.mute();break;case"ArrowDown":Z(-.1),p.getVolume()>0?p.isMuted&&p.unmute():p.mute()}};return e.addEventListener("keydown",n),function(){return e.removeEventListener("keydown",n)}}},[I.current]);var ne=l(null),te=i(!1),ie=te[0],le=te[1],oe=t(function(){clearTimeout(ne.current),le(!0),ne.current=setTimeout(function(){return le(!1)},2500)},[]),re=!ie&&(null==y?void 0:y.playbackState)!==u.READY&&(null==y?void 0:y.playbackState)!==u.PAUSED,ue=(null==y?void 0:y.playbackState)===u.LOADING||(null==y?void 0:y.playbackState)===u.BUFFERING||(null==y?void 0:y.playbackState)===u.SEEKING;return null===b?null:e("div",{ref:I,tabIndex:0,class:v("_2jAm9"),onMouseMove:oe,onContextMenu:ee,onPointerUp:t(function(e){re||e.currentTarget!==e.target?le(!0):z()},[re])},_.visible&&e(V,{x:_.x,y:_.y}),(ue||!b)&&e(Q,null),(null==y?void 0:y.isCasting)&&e(N,null),e("div",{class:v("_SS6y-",(w={},w._1Wfm6=re,w))},e("div",{class:"_1pnfN"},e(E,{playbackState:null==y?void 0:y.playbackState,onClick:z}),(null==y?void 0:y.isLive)&&!(null!=y&&y.isSeekable)&&e(d,{onClick:J,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable}),e("div",{class:"_3ju96"}),e(G,null),O&&e(Y,{onClick:W}),!1===(null==y?void 0:y.isCasting)&&!(null==y||!y.textTracks.length)&&e(L,{textTracks:null==y?void 0:y.textTracks,onChange:U}),!1===(null==y?void 0:y.isCasting)&&(null==y?void 0:y.audioTracks.length)>1&&e(T,{audioTracks:null==y?void 0:y.audioTracks,onChange:S}),e(D,{muted:null==y?void 0:y.isMuted,toggleMute:x,onSliderInput:X,volume:null==y?void 0:y.volume}),e(M,{isFullscreen:H(),onClick:q})),(!(null!=y&&y.isLive)||(null==y?void 0:y.isSeekable))&&e(m,{isLive:null==y?void 0:y.isLive,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable,handleSeek:F,handleSeekToLive:J,currentTime:null==y?void 0:y.currentTime,duration:null==y?void 0:y.duration})))}function J(t){var i=t.root,l=t.player,o=t.castAppId;return i.classList.add("_1Xl8W"),n(e(P,{player:l,rootElement:i,castAppId:o}),i),function(){n(null,i)}}export{P as EyevinnSkin,J as renderEyevinnSkin};
1
+ import{h as n,render as e}from"preact";import{useCallback as t,useState as i,useEffect as o,useRef as l,useMemo as r}from"preact/hooks";import{PlaybackState as u,PlayerEvent as a,ReadyState as c,ManifestType as s}from"@eyevinn/web-player-core";import v from"classnames";import{AirPlay as h,AirPlayEvent as g}from"@eyevinn/web-player-airplay";import{CastSenderEvent as d,CastSender as f}from"@eyevinn/web-player-cast";function A(e){var t,i=e.onClick;return n("div",{class:v("_PgHph",(t={},t._exxwM=!e.isAtLiveEdge&&e.isSeekable,t)),onClick:i},"LIVE")}function w(e){var t;return n("div",{class:"_dPZUs"},(void 0===(t=e.time)&&(t=0),[Math.floor(t/3600)%24,Math.floor(t/60)%60,Math.floor(t%60)].map(function(n){return n<10?"0"+n:n}).filter(function(n,e){return"00"!==n||e>0}).join(":")))}function p(e){var i,o=e.currentTime,l=void 0===o?0:o,r=e.duration,u=void 0===r?0:r,a=e.handleSeek,c=e.handleSeekToLive,s=e.isLive,h=e.isAtLiveEdge,g=e.isSeekable,d=t(function(n){g&&a(n.offsetX/n.currentTarget.offsetWidth*100)},[a,g]),f=!s||!h&&g?l/u*100||0:100;return n("div",{class:v("_LVsid",(i={},i._zw83b=!g,i))},n(w,{time:l}),n("div",{class:"_BLMF7",onClick:d},n("div",{class:"_Sdgvo"},n("div",{class:"_COLKF",style:{width:f+"%"}}))),s?n(A,{onClick:c,isAtLiveEdge:h,isSeekable:g}):n(w,{time:u}))}function m(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M8 5v14l11-7z"}))}function C(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function k(e){return n("div",{class:"_mwCxs",onClick:e.onClick},n(e.playbackState!==u.PLAYING?m:C,null))}function E(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("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 I(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("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 B(e){return n("div",{class:"_1s3Qh",onClick:e.onClick},n(e.muted?I:E,null))}function b(e){var o=e.muted,l=e.onClick,r=e.toggleMute,u=e.value,a=i(-1),c=a[0],s=a[1],v=t(function(n){n.preventDefault(),s(100-n.offsetY/n.currentTarget.offsetHeight*100)},[]),h=t(function(n){n.preventDefault(),s(-1)},[]);return n("div",{class:"_CCXgb"},n("div",{onMouseMove:v,onMouseLeave:h,onClick:function(){var n=c<5?0:c>95?100:c;(o&&n>0||!o&&0===n)&&r(),l(n)},class:"_6E0oh"},n("div",{class:"_K1gsN",style:{height:(o?0:100*u)+"%"}})))}function D(e){var t=e.muted,i=e.toggleMute,o=e.onSliderInput,l=e.volume,r=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return n("div",{class:"_N3u1s"},n(B,{muted:t,onClick:i}),!r&&n(b,{muted:t,toggleMute:i,onClick:o,value:l}))}function y(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("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 L(e){var o,l=e.audioTracks,r=void 0===l?[]:l,u=e.onChange,a=i(!1),c=a[0],s=a[1],h=t(function(n){u(n.target.value)},[u]);return n("div",{class:"_loOMM",onClick:t(function(){return s(!c)},[c])},n(y,null),n("ul",{class:v("_zoQh7",(o={},o._VV6yA=c,o))},r.map(function(e){return n("li",null,n("label",null,n("input",{type:"radio",name:"audioTrack",value:e.id,checked:e.enabled,onClick:h}),n("span",null,e.label)))})))}function M(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function x(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function T(e){return n("div",{class:"_0kShs",onClick:e.onClick},n(e.isFullscreen?M:x,null))}function Q(){return n("div",{class:"_aDSwM"},n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},n("defs",null,n("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},n("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),n("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),n("stop",{"stop-color":"#fff",offset:"100%"}))),n("g",{fill:"none","fill-rule":"evenodd"},n("g",{transform:"translate(1 1)"},n("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},n("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),n("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},n("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function z(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function H(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("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 S(e){var o,l=e.textTracks,r=void 0===l?[]:l,u=e.onChange,a=i(!1),c=a[0],s=a[1],h=t(function(n){u(n.target.value),n.stopPropagation()},[u]),g=r.some(function(n){return n.enabled});return n("div",{class:"_p3VB9",onClick:t(function(){return s(!c)},[c])},n(H,null),n("ul",{class:v("_0Uwuf",(o={},o["_P-8HA"]=c,o))},n("li",null,n("label",null,n("input",{type:"radio",name:"textTrack",value:void 0,checked:!g,onClick:h}),n("span",null,"off"))),r.map(function(e){return n("li",null,n("label",null,n("input",{type:"radio",name:"textTrack",value:e.id,checked:e.enabled,onClick:h}),n("span",null,e.label||e.language||"und")))})))}function U(){return n("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24",viewBox:"0 0 24 24",width:"24"},n("rect",{fill:"none",height:"24",width:"24"}),n("g",null,n("polygon",{points:"6,22 18,22 12,16"}),n("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 Y(e){return n("div",{class:"_mpcmD",onClick:e.onClick},n(U,null))}function F(){return n("div",{class:"_TMkEE"},n("google-cast-launcher",null))}var R="_NmAuV",G="_rby33";function V(){return n("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},n("path",{d:"M0 0h24v24H0z",fill:"none"}),n("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 P(e){var l,r=e.videoLevels,u=void 0===r?[]:r,a=e.currentLevel,c=e.onChange,s=i(!1),h=s[0],g=s[1],d=t(function(n){var e=n.target.value;if("auto"===e)c(null);else{var t=parseInt(e,10),i=u[t];i&&c(i)}g(!1)},[c,u]),f=t(function(n){if("auto"===n)c(null);else{var e=parseInt(n,10),t=u[e];t&&c(t)}g(!1)},[c,u]);if(o(function(){if(h){var n=function(n){var e=n.target;e&&!e.closest("."+R)&&g(!1)};return document.addEventListener("click",n),function(){return document.removeEventListener("click",n)}}},[h]),!u||0===u.length)return null;var A=t(function(n,e){n.stopPropagation(),n.preventDefault(),f(e)},[f]);return n("div",{class:R,onClick:t(function(n){var e=n.target;e&&e.closest("."+G)||(n.stopPropagation(),g(!h))},[h])},n(V,null),n("ul",{class:v(G,(l={},l._IEkVa=h,l)),onClick:function(n){return n.stopPropagation()}},n("li",null,n("label",{onClick:function(n){return A(n,"auto")}},n("input",{type:"radio",name:"videoQuality",value:"auto",checked:!a,onChange:d,onClick:function(n){n.stopPropagation(),f("auto")}}),n("span",null,"AUTO"))),u.map(function(e,t){return n("li",{key:e.id||t},n("label",{onClick:function(n){return A(n,t.toString())}},n("input",{type:"radio",name:"videoQuality",value:t.toString(),checked:(null==a?void 0:a.id)===e.id,onChange:d,onClick:function(n){n.stopPropagation(),f(t.toString())}}),n("span",null,function(n){return n.width+"x"+n.height+", "+Math.round(n.bitrate/1024)+"kbps"}(e))))})))}function N(){return N=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)({}).hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n},N.apply(null,arguments)}function J(e){return n("img",{class:e.className,src:"data:image/png;base64,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"})}function Z(e){return n("div",{class:"_pn0Pk",style:{top:e.y+"px",left:e.x+"px"}},n("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},n("span",null,"Powered by the Eyevinn WebPlayer"),n(J,{className:"_yYiBA"})))}function O(){return n("div",{class:"_F1p2a"},n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},n("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 X(e){var w,m=e.player,C=e.castAppId,E=e.rootElement,I=l(),B=function(n,e){var r,v,h,g=i(null),A=g[0],w=g[1],p=i(null),m=p[0],C=p[1],k=function(n,e){var t=i(null),r=t[0],c=t[1],v=i(null),h=v[0],g=v[1];o(function(){var t=function(){null!==e&&n.manifestType!==s.EYEVINN_WEBRTC_CHANNEL&&g(new f(e))};return n.on(a.READY,t),function(){return n.off(a.READY,t)}},[n]);var A=l(null);return A.current=r,o(function(){h&&(h.on(d.CONNECTED,function(){n.currentSrc&&h.load(n.currentSrc,n.currentTime)}),h.on(d.DISCONNECTED,function(){var e;c(function(n){return N({},n,{isCasting:!1})}),n.seekTo({position:null==(e=A.current)?void 0:e.currentTime})}),h.on(d.STATE_CHANGE,function(n){var e=n.state;c(N({isCasting:e.playbackState!==u.IDLE},e))}))},[h]),[h,r]}(n,e),E=k[0],I=k[1],B=l(!1);return B.current=null!=(r=null==I?void 0:I.isCasting)&&r,o(function(){var e=function(){w(null),C(null)},t=function(){w(!1)},i=function(){w(!0)},o=function(e){var t=e.state;B.current&&n.isPlaying&&n.pause(),C(N({isCasting:!1},t))};switch(n.on(a.UNREADY,e),n.on(a.READYING,t),n.on(a.READY,i),n.on(a.STATE_CHANGE,o),n.readyState){case c.READYING:w(!1);break;case c.READY:w(!0)}return function(){n.off(a.UNREADY,e),n.off(a.READYING,t),n.off(a.READY,i),n.off(a.STATE_CHANGE,o)}},[n]),I&&I.playbackState!==u.IDLE?(h=E,v=I):(h=n,v=m),[A,v,t(function(){return h.isPlaying?h.pause():h.play()},[h]),t(function(){return h.isMuted?h.unmute():h.mute()},[h]),t(function(n){return h.setAudioTrack(n)},[h]),t(function(n){return h.setTextTrack(n)},[h]),t(function(n){h.currentLevel=n},[h]),t(function(n){return h.seekTo({percentage:n})},[h]),t(function(n){return h.seekTo({change:n})},[h]),t(function(){return h.seekToLive()},[h]),t(function(n){return h.setVolume({percentage:n})},[h]),t(function(n){return h.setVolume({change:n})},[h])]}(m,C),b=B[0],y=B[1],M=B[2],x=B[3],H=B[4],U=B[5],R=B[6],G=B[7],V=B[8],J=B[9],X=B[10],K=B[11],q=function(n){var e=i(!1),l=e[0],u=e[1],a=r(function(){return new h(n.video)},[]),c=t(function(){return a.toggleAirPlay()},[]);return o(function(){a.on(g.AVAILABILITY_CHANGED,function(n){return u(n.available)})},[]),[l,c]}(m),W=q[0],j=q[1],_=t(function(){return z()?void(null==(n=document.exitFullscreen||document.webkitExitFullscreen)||n.call(document)):function(n,e){var t,i=n.requestFullscreen||n.webkitRequestFullscreen?n:e;null==(t=i.requestFullscreen||i.webkitRequestFullscreen||i.webkitEnterFullscreen)||t.call(i)}(E,m.video);var n},[]),$=i({visible:!1,x:0,y:0}),nn=$[0],en=$[1],tn=t(function(n){n.stopPropagation(),n.preventDefault(),en(n.target===n.currentTarget?{visible:!0,x:n.offsetX,y:n.offsetY}:{visible:!1,x:0,y:0})},[]);o(function(){document.addEventListener("click",function(){en({visible:!1,x:0,y:0})})},[]),o(function(){var n=I.current;if(n){var e=function(n){switch(n.code){case"Space":M();break;case"ArrowRight":V(5);break;case"ArrowLeft":V(-5);break;case"ArrowUp":K(.1),m.getVolume()>0?m.isMuted&&m.unmute():m.mute();break;case"ArrowDown":K(-.1),m.getVolume()>0?m.isMuted&&m.unmute():m.mute()}};return n.addEventListener("keydown",e),function(){return n.removeEventListener("keydown",e)}}},[I.current]);var on=l(null),ln=i(!1),rn=ln[0],un=ln[1],an=t(function(){clearTimeout(on.current),un(!0),on.current=setTimeout(function(){return un(!1)},2500)},[]),cn=!rn&&(null==y?void 0:y.playbackState)!==u.READY&&(null==y?void 0:y.playbackState)!==u.PAUSED,sn=(null==y?void 0:y.playbackState)===u.LOADING||(null==y?void 0:y.playbackState)===u.BUFFERING||(null==y?void 0:y.playbackState)===u.SEEKING;return null===b?null:n("div",{ref:I,tabIndex:0,class:v("_i1uQ-"),onMouseMove:an,onContextMenu:tn,onPointerUp:t(function(n){cn||n.currentTarget!==n.target?un(!0):M()},[cn])},nn.visible&&n(Z,{x:nn.x,y:nn.y}),(sn||!b)&&n(Q,null),(null==y?void 0:y.isCasting)&&n(O,null),n("div",{class:v("_bT4nG",(w={},w._HUEFq=cn,w))},n("div",{class:"_rovC-"},n(k,{playbackState:null==y?void 0:y.playbackState,onClick:M}),(null==y?void 0:y.isLive)&&!(null!=y&&y.isSeekable)&&n(A,{onClick:J,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable}),(!(null!=y&&y.isLive)||(null==y?void 0:y.isSeekable))&&n(p,{isLive:null==y?void 0:y.isLive,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable,handleSeek:G,handleSeekToLive:J,currentTime:null==y?void 0:y.currentTime,duration:null==y?void 0:y.duration}),null!=C&&n(F,null),W&&n(Y,{onClick:j}),!1===(null==y?void 0:y.isCasting)&&!(null==y||!y.textTracks.length)&&n(S,{textTracks:null==y?void 0:y.textTracks,onChange:U}),!1===(null==y?void 0:y.isCasting)&&(null==y?void 0:y.audioTracks.length)>1&&n(L,{audioTracks:null==y?void 0:y.audioTracks,onChange:H}),!1===(null==y?void 0:y.isCasting)&&m.getVideoLevels().length>0&&n(P,{videoLevels:m.getVideoLevels(),currentLevel:m.currentLevel,onChange:R}),n(D,{muted:null==y?void 0:y.isMuted,toggleMute:x,onSliderInput:X,volume:null==y?void 0:y.volume}),n(T,{isFullscreen:z(),onClick:_}))))}function K(t){var i=t.root,o=t.player,l=t.castAppId;return i.classList.add("_4x0H-"),e(n(X,{player:o,rootElement:i,castAppId:l}),i),function(){e(null,i)}}export{X as EyevinnSkin,K as renderEyevinnSkin};
package/dist/index.modern.js CHANGED
@@ -1 +1 @@
1
- import{h as e,render as t}from"preact";import{useCallback as n,useState as l,useRef as i,useEffect as o,useMemo as s}from"preact/hooks";import{PlaybackState as r,PlayerEvent as a,ReadyState as u,ManifestType as c}from"@eyevinn/web-player-core";import v from"classnames";import{AirPlay as h,AirPlayEvent as A}from"@eyevinn/web-player-airplay";import{CastSenderEvent as g,CastSender as d}from"@eyevinn/web-player-cast";function w({onClick:t,isAtLiveEdge:n,isSeekable:l}){return e("div",{class:v("_1gDwG",{_22_VN:!n&&l}),onClick:t},"LIVE")}function m({time:t}){return e("div",{class:"_-LGHu"},function(e=0){return[Math.floor(e/3600)%24,Math.floor(e/60)%60,Math.floor(e%60)].map(e=>e<10?"0"+e:e).filter((e,t)=>"00"!==e||t>0).join(":")}(t))}function p({currentTime:t=0,duration:l=0,handleSeek:i,handleSeekToLive:o,isLive:s,isAtLiveEdge:r,isSeekable:a}){const u=n(e=>{a&&i(e.offsetX/e.currentTarget.offsetWidth*100)},[i,a]),c=!s||!r&&a?t/l*100||0:100;return e("div",{class:v("_2aAzG",{_3K51E:!a})},e(m,{time:t}),e("div",{class:"_t3a1b",onClick:u},e("div",{class:"_K1UW_"},e("div",{class:"_1Xt9z",style:{width:c+"%"}}))),s?e(w,{onClick:o,isAtLiveEdge:r,isSeekable:a}):e(m,{time:l}))}function f(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M8 5v14l11-7z"}))}function C(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function E({playbackState:t,onClick:n}){return e("div",{class:"_3njg6",onClick:n},e(t!==r.PLAYING?f:C,null))}function k(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 I(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 B({muted:t,onClick:n}){return e("div",{class:"_1AKsf",onClick:n},e(t?I:k,null))}function b({muted:t,onClick:i,toggleMute:o,value:s}){const[r,a]=l(-1),u=n(e=>{e.preventDefault(),a(100-e.offsetY/e.currentTarget.offsetHeight*100)},[]),c=n(e=>{e.preventDefault(),a(-1)},[]);return e("div",{class:"_1XK6B"},e("div",{onMouseMove:u,onMouseLeave:c,onClick:()=>{let e=r<5?0:r>95?100:r;(t&&e>0||!t&&0===e)&&o(),i(e)},class:"_2Kn-2"},e("div",{class:"_CZcKs",style:{height:(t?0:100*s)+"%"}})))}function D({muted:t,toggleMute:n,onSliderInput:l,volume:i}){const o=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return e("div",{class:"_1nhbD"},e(B,{muted:t,onClick:n}),!o&&e(b,{muted:t,toggleMute:n,onClick:l,value:i}))}function y(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 T({audioTracks:t=[],onChange:i}){const[o,s]=l(!1),r=n(e=>{i(e.target.value)},[i]);return e("div",{class:"_13aPK",onClick:n(()=>s(!o),[o])},e(y,null),e("ul",{class:v("_16WrP",{_Ib345:o})},t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"audioTrack",value:t.id,checked:t.enabled,onClick:r}),e("span",null,t.label))))))}function z(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function x(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function M({isFullscreen:t,onClick:n}){return e("div",{class:"_34Jhj",onClick:n},e(t?z:x,null))}function Q(){return e("div",{class:"_2eFId"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},e("defs",null,e("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),e("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),e("stop",{"stop-color":"#fff",offset:"100%"}))),e("g",{fill:"none","fill-rule":"evenodd"},e("g",{transform:"translate(1 1)"},e("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function H(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function S(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 L({textTracks:t=[],onChange:i}){const[o,s]=l(!1),r=n(e=>{i(e.target.value),e.stopPropagation()},[i]),a=t.some(e=>e.enabled);return e("div",{class:"_4r-db",onClick:n(()=>s(!o),[o])},e(S,null),e("ul",{class:v("_1b4Xq",{_8qwvr:o})},e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:void 0,checked:!a,onClick:r}),e("span",null,"off"))),t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:t.id,checked:t.enabled,onClick:r}),e("span",null,t.label||t.language||"und"))))))}function U(){return e("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("rect",{fill:"none",height:"24",width:"24"}),e("g",null,e("polygon",{points:"6,22 18,22 12,16"}),e("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 Y({onClick:t}){return e("div",{class:"_2XaiH",onClick:t},e(U,null))}function G(){return e("div",{class:"_mM3Gy"},e("google-cast-launcher",null))}function R(){return(R=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}).apply(null,arguments)}function F({className:t}){return e("img",{class:t,src:"data:image/png;base64,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"})}function V({x:t,y:n}){return e("div",{class:"_2lVG2",style:{top:n+"px",left:t+"px"}},e("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},e("span",null,"Powered by the Eyevinn WebPlayer"),e(F,{className:"_yCzmM"})))}function N(){return e("div",{class:"_xDOFW"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},e("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 P({player:t,castAppId:m,rootElement:f}){const C=i(),[k,I,B,b,y,z,x,S,U,F,P]=function(e,t){var s;const[v,h]=l(null),[A,w]=l(null),[m,p]=function(e,t){const[n,s]=l(null),[u,v]=l(null);o(()=>{const n=()=>{null!==t&&e.manifestType!==c.EYEVINN_WEBRTC_CHANNEL&&v(new d(t))};return e.on(a.READY,n),()=>e.off(a.READY,n)},[e]);const h=i(null);return h.current=n,o(()=>{u&&(u.on(g.CONNECTED,()=>{e.currentSrc&&u.load(e.currentSrc,e.currentTime)}),u.on(g.DISCONNECTED,()=>{var t;s(e=>R({},e,{isCasting:!1})),e.seekTo({position:null==(t=h.current)?void 0:t.currentTime})}),u.on(g.STATE_CHANGE,({state:e})=>{s(R({isCasting:e.playbackState!==r.IDLE},e))}))},[u]),[u,n]}(e,t),f=i(!1);let C,E;return f.current=null!=(s=null==p?void 0:p.isCasting)&&s,o(()=>{const t=()=>{h(null),w(null)},n=()=>{h(!1)},l=()=>{h(!0)},i=({state:t})=>{f.current&&e.isPlaying&&e.pause(),w(R({isCasting:!1},t))};switch(e.on(a.UNREADY,t),e.on(a.READYING,n),e.on(a.READY,l),e.on(a.STATE_CHANGE,i),e.readyState){case u.READYING:h(!1);break;case u.READY:h(!0)}return()=>{e.off(a.UNREADY,t),e.off(a.READYING,n),e.off(a.READY,l),e.off(a.STATE_CHANGE,i)}},[e]),p&&p.playbackState!==r.IDLE?(E=m,C=p):(E=e,C=A),[v,C,n(()=>E.isPlaying?E.pause():E.play(),[E]),n(()=>E.isMuted?E.unmute():E.mute(),[E]),n(e=>E.setAudioTrack(e),[E]),n(e=>E.setTextTrack(e),[E]),n(e=>E.seekTo({percentage:e}),[E]),n(e=>E.seekTo({change:e}),[E]),n(()=>E.seekToLive(),[E]),n(e=>E.setVolume({percentage:e}),[E]),n(e=>E.setVolume({change:e}),[E])]}(t,m),[J,X]=function(e){const[t,i]=l(!1),r=s(()=>new h(e.video),[]),a=n(()=>r.toggleAirPlay(),[]);return o(()=>{r.on(A.AVAILABILITY_CHANGED,({available:e})=>i(e))},[]),[t,a]}(t),Z=n(()=>{return H()?void(null==(e=document.exitFullscreen||document.webkitExitFullscreen)||e.call(document)):function(e,t){var n;const l=e.requestFullscreen||e.webkitRequestFullscreen?e:t;null==(n=l.requestFullscreen||l.webkitRequestFullscreen||l.webkitEnterFullscreen)||n.call(l)}(f,t.video);var e},[]),[K,O]=l({visible:!1,x:0,y:0}),W=n(e=>{e.stopPropagation(),e.preventDefault(),O(e.target===e.currentTarget?{visible:!0,x:e.offsetX,y:e.offsetY}:{visible:!1,x:0,y:0})},[]);o(()=>{let e;document.addEventListener("click",e=()=>{O({visible:!1,x:0,y:0})})},[]),o(()=>{const e=C.current;if(e){const n=e=>{switch(e.code){case"Space":B();break;case"ArrowRight":S(5);break;case"ArrowLeft":S(-5);break;case"ArrowUp":P(.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute();break;case"ArrowDown":P(-.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute()}};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)}},[C.current]);const q=i(null),[j,_]=l(!1),$=n(()=>{clearTimeout(q.current),_(!0),q.current=setTimeout(()=>_(!1),2500)},[]),ee=!j&&(null==I?void 0:I.playbackState)!==r.READY&&(null==I?void 0:I.playbackState)!==r.PAUSED,te=(null==I?void 0:I.playbackState)===r.LOADING||(null==I?void 0:I.playbackState)===r.BUFFERING||(null==I?void 0:I.playbackState)===r.SEEKING;return null===k?null:e("div",{ref:C,tabIndex:0,class:v("_2jAm9"),onMouseMove:$,onContextMenu:W,onPointerUp:n(e=>{ee||e.currentTarget!==e.target?_(!0):B()},[ee])},K.visible&&e(V,{x:K.x,y:K.y}),(te||!k)&&e(Q,null),(null==I?void 0:I.isCasting)&&e(N,null),e("div",{class:v("_SS6y-",{_1Wfm6:ee})},e("div",{class:"_1pnfN"},e(E,{playbackState:null==I?void 0:I.playbackState,onClick:B}),(null==I?void 0:I.isLive)&&!(null!=I&&I.isSeekable)&&e(w,{onClick:U,isAtLiveEdge:null==I?void 0:I.isAtLiveEdge,isSeekable:null==I?void 0:I.isSeekable}),e("div",{class:"_3ju96"}),e(G,null),J&&e(Y,{onClick:X}),!1===(null==I?void 0:I.isCasting)&&!(null==I||!I.textTracks.length)&&e(L,{textTracks:null==I?void 0:I.textTracks,onChange:z}),!1===(null==I?void 0:I.isCasting)&&(null==I?void 0:I.audioTracks.length)>1&&e(T,{audioTracks:null==I?void 0:I.audioTracks,onChange:y}),e(D,{muted:null==I?void 0:I.isMuted,toggleMute:b,onSliderInput:F,volume:null==I?void 0:I.volume}),e(M,{isFullscreen:H(),onClick:Z})),(!(null!=I&&I.isLive)||(null==I?void 0:I.isSeekable))&&e(p,{isLive:null==I?void 0:I.isLive,isAtLiveEdge:null==I?void 0:I.isAtLiveEdge,isSeekable:null==I?void 0:I.isSeekable,handleSeek:x,handleSeekToLive:U,currentTime:null==I?void 0:I.currentTime,duration:null==I?void 0:I.duration})))}function J({root:n,player:l,castAppId:i}){return n.classList.add("_1Xl8W"),t(e(P,{player:l,rootElement:n,castAppId:i}),n),()=>{t(null,n)}}export{P as EyevinnSkin,J as renderEyevinnSkin};
1
+ import{h as e,render as t}from"preact";import{useCallback as n,useState as l,useEffect as o,useRef as i,useMemo as s}from"preact/hooks";import{PlaybackState as r,PlayerEvent as a,ReadyState as c,ManifestType as u}from"@eyevinn/web-player-core";import v from"classnames";import{AirPlay as h,AirPlayEvent as g}from"@eyevinn/web-player-airplay";import{CastSenderEvent as d,CastSender as A}from"@eyevinn/web-player-cast";var w="_zw83b",p="_exxwM";function m({onClick:t,isAtLiveEdge:n,isSeekable:l}){return e("div",{class:v("_PgHph",{[p]:!n&&l}),onClick:t},"LIVE")}function f({time:t}){return e("div",{class:"_dPZUs"},function(e=0){return[Math.floor(e/3600)%24,Math.floor(e/60)%60,Math.floor(e%60)].map(e=>e<10?"0"+e:e).filter((e,t)=>"00"!==e||t>0).join(":")}(t))}function C({currentTime:t=0,duration:l=0,handleSeek:o,handleSeekToLive:i,isLive:s,isAtLiveEdge:r,isSeekable:a}){const c=n(e=>{a&&o(e.offsetX/e.currentTarget.offsetWidth*100)},[o,a]),u=!s||!r&&a?t/l*100||0:100;return e("div",{class:v("_LVsid",{[w]:!a})},e(f,{time:t}),e("div",{class:"_BLMF7",onClick:c},e("div",{class:"_Sdgvo"},e("div",{class:"_COLKF",style:{width:`${u}%`}}))),s?e(m,{onClick:i,isAtLiveEdge:r,isSeekable:a}):e(f,{time:l}))}function k(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M8 5v14l11-7z"}))}function E(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function I({playbackState:t,onClick:n}){return e("div",{class:"_mwCxs",onClick:n},e(t!==r.PLAYING?k:E,null))}function B(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 b(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 D({muted:t,onClick:n}){return e("div",{class:"_1s3Qh",onClick:n},e(t?b:B,null))}function y({muted:t,onClick:o,toggleMute:i,value:s}){const[r,a]=l(-1),c=n(e=>{e.preventDefault(),a(100-e.offsetY/e.currentTarget.offsetHeight*100)},[]),u=n(e=>{e.preventDefault(),a(-1)},[]);return e("div",{class:"_CCXgb"},e("div",{onMouseMove:c,onMouseLeave:u,onClick:()=>{let e=r<5?0:r>95?100:r;(t&&e>0||!t&&0===e)&&i(),o(e)},class:"_6E0oh"},e("div",{class:"_K1gsN",style:{height:(t?0:100*s)+"%"}})))}function L({muted:t,toggleMute:n,onSliderInput:l,volume:o}){const i=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return e("div",{class:"_N3u1s"},e(D,{muted:t,onClick:n}),!i&&e(y,{muted:t,toggleMute:n,onClick:l,value:o}))}var M="_VV6yA";function x(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 T({audioTracks:t=[],onChange:o}){const[i,s]=l(!1),r=n(e=>{o(e.target.value)},[o]);return e("div",{class:"_loOMM",onClick:n(()=>s(!i),[i])},e(x,null),e("ul",{class:v("_zoQh7",{[M]:i})},t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"audioTrack",value:t.id,checked:t.enabled,onClick:r}),e("span",null,t.label))))))}function Q(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function z(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("path",{d:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function H({isFullscreen:t,onClick:n}){return e("div",{class:"_0kShs",onClick:n},e(t?Q:z,null))}var S="_HUEFq";function U(){return e("div",{class:"_aDSwM"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"38",height:"38",viewBox:"0 0 38 38"},e("defs",null,e("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},e("stop",{"stop-color":"#fff","stop-opacity":"0",offset:"0%"}),e("stop",{"stop-color":"#fff","stop-opacity":".631",offset:"63.146%"}),e("stop",{"stop-color":"#fff",offset:"100%"}))),e("g",{fill:"none","fill-rule":"evenodd"},e("g",{transform:"translate(1 1)"},e("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)","stroke-width":"2"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),e("circle",{fill:"#fff",cx:"36",cy:"18",r:"1"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))))))}function Y(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}var F="_P-8HA";function R(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 G({textTracks:t=[],onChange:o}){const[i,s]=l(!1),r=n(e=>{o(e.target.value),e.stopPropagation()},[o]),a=t.some(e=>e.enabled);return e("div",{class:"_p3VB9",onClick:n(()=>s(!i),[i])},e(R,null),e("ul",{class:v("_0Uwuf",{[F]:i})},e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:void 0,checked:!a,onClick:r}),e("span",null,"off"))),t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:t.id,checked:t.enabled,onClick:r}),e("span",null,t.label||t.language||"und"))))))}function V(){return e("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("rect",{fill:"none",height:"24",width:"24"}),e("g",null,e("polygon",{points:"6,22 18,22 12,16"}),e("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 P({onClick:t}){return e("div",{class:"_mpcmD",onClick:t},e(V,null))}function N(){return e("div",{class:"_TMkEE"},e("google-cast-launcher",null))}var J="_NmAuV",Z="_rby33",O="_IEkVa";function X(){return e("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24",viewBox:"0 0 24 24",width:"24"},e("path",{d:"M0 0h24v24H0z",fill:"none"}),e("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 K({videoLevels:t=[],currentLevel:i,onChange:s}){const[r,a]=l(!1),c=n(e=>{const n=e.target.value;if("auto"===n)s(null);else{const e=parseInt(n,10),l=t[e];l&&s(l)}a(!1)},[s,t]),u=n(e=>{if("auto"===e)s(null);else{const n=parseInt(e,10),l=t[n];l&&s(l)}a(!1)},[s,t]);if(o(()=>{if(!r)return;const e=e=>{const t=e.target;t&&!t.closest(`.${J}`)&&a(!1)};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[r]),!t||0===t.length)return null;const h=n((e,t)=>{e.stopPropagation(),e.preventDefault(),u(t)},[u]);return e("div",{class:J,onClick:n(e=>{const t=e.target;t&&t.closest(`.${Z}`)||(e.stopPropagation(),a(!r))},[r])},e(X,null),e("ul",{class:v(Z,{[O]:r}),onClick:e=>e.stopPropagation()},e("li",null,e("label",{onClick:e=>h(e,"auto")},e("input",{type:"radio",name:"videoQuality",value:"auto",checked:!i,onChange:c,onClick:e=>{e.stopPropagation(),u("auto")}}),e("span",null,"AUTO"))),t.map((t,n)=>e("li",{key:t.id||n},e("label",{onClick:e=>h(e,n.toString())},e("input",{type:"radio",name:"videoQuality",value:n.toString(),checked:(null==i?void 0:i.id)===t.id,onChange:c,onClick:e=>{e.stopPropagation(),u(n.toString())}}),e("span",null,(e=>`${e.width}x${e.height}, ${Math.round(e.bitrate/1024)}kbps`)(t)))))))}function q(){return q=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},q.apply(null,arguments)}function W({className:t}){return e("img",{class:t,src:"data:image/png;base64,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"})}function j({x:t,y:n}){return e("div",{class:"_pn0Pk",style:{top:`${n}px`,left:`${t}px`}},e("a",{href:"https://www.eyevinntechnology.se/",target:"_blank"},e("span",null,"Powered by the Eyevinn WebPlayer"),e(W,{className:"_yYiBA"})))}function _(){return e("div",{class:"_F1p2a"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48"},e("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 $({player:t,castAppId:w,rootElement:p}){const f=i(),[k,E,B,b,D,y,M,x,Q,z,F,R]=function(e,t){var s;const[v,h]=l(null),[g,w]=l(null),[p,m]=function(e,t){const[n,s]=l(null),[c,v]=l(null);o(()=>{const n=()=>{null!==t&&e.manifestType!==u.EYEVINN_WEBRTC_CHANNEL&&v(new A(t))};return e.on(a.READY,n),()=>e.off(a.READY,n)},[e]);const h=i(null);return h.current=n,o(()=>{c&&(c.on(d.CONNECTED,()=>{e.currentSrc&&c.load(e.currentSrc,e.currentTime)}),c.on(d.DISCONNECTED,()=>{var t;s(e=>q({},e,{isCasting:!1})),e.seekTo({position:null==(t=h.current)?void 0:t.currentTime})}),c.on(d.STATE_CHANGE,({state:e})=>{s(q({isCasting:e.playbackState!==r.IDLE},e))}))},[c]),[c,n]}(e,t),f=i(!1);let C,k;return f.current=null!=(s=null==m?void 0:m.isCasting)&&s,o(()=>{const t=()=>{h(null),w(null)},n=()=>{h(!1)},l=()=>{h(!0)},o=({state:t})=>{f.current&&e.isPlaying&&e.pause(),w(q({isCasting:!1},t))};switch(e.on(a.UNREADY,t),e.on(a.READYING,n),e.on(a.READY,l),e.on(a.STATE_CHANGE,o),e.readyState){case c.READYING:h(!1);break;case c.READY:h(!0)}return()=>{e.off(a.UNREADY,t),e.off(a.READYING,n),e.off(a.READY,l),e.off(a.STATE_CHANGE,o)}},[e]),m&&m.playbackState!==r.IDLE?(k=p,C=m):(k=e,C=g),[v,C,n(()=>k.isPlaying?k.pause():k.play(),[k]),n(()=>k.isMuted?k.unmute():k.mute(),[k]),n(e=>k.setAudioTrack(e),[k]),n(e=>k.setTextTrack(e),[k]),n(e=>{k.currentLevel=e},[k]),n(e=>k.seekTo({percentage:e}),[k]),n(e=>k.seekTo({change:e}),[k]),n(()=>k.seekToLive(),[k]),n(e=>k.setVolume({percentage:e}),[k]),n(e=>k.setVolume({change:e}),[k])]}(t,w),[V,J]=function(e){const[t,i]=l(!1),r=s(()=>new h(e.video),[]),a=n(()=>r.toggleAirPlay(),[]);return o(()=>{r.on(g.AVAILABILITY_CHANGED,({available:e})=>i(e))},[]),[t,a]}(t),Z=n(()=>{return Y()?void(null==(e=document.exitFullscreen||document.webkitExitFullscreen)||e.call(document)):function(e,t){var n;const l=e.requestFullscreen||e.webkitRequestFullscreen?e:t;null==(n=l.requestFullscreen||l.webkitRequestFullscreen||l.webkitEnterFullscreen)||n.call(l)}(p,t.video);var e},[]),[O,X]=l({visible:!1,x:0,y:0}),W=n(e=>{e.stopPropagation(),e.preventDefault(),X(e.target===e.currentTarget?{visible:!0,x:e.offsetX,y:e.offsetY}:{visible:!1,x:0,y:0})},[]);o(()=>{document.addEventListener("click",()=>{X({visible:!1,x:0,y:0})})},[]),o(()=>{const e=f.current;if(e){const n=e=>{switch(e.code){case"Space":B();break;case"ArrowRight":Q(5);break;case"ArrowLeft":Q(-5);break;case"ArrowUp":R(.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute();break;case"ArrowDown":R(-.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute()}};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)}},[f.current]);const $=i(null),[ee,te]=l(!1),ne=n(()=>{clearTimeout($.current),te(!0),$.current=setTimeout(()=>te(!1),2500)},[]),le=!ee&&(null==E?void 0:E.playbackState)!==r.READY&&(null==E?void 0:E.playbackState)!==r.PAUSED,oe=(null==E?void 0:E.playbackState)===r.LOADING||(null==E?void 0:E.playbackState)===r.BUFFERING||(null==E?void 0:E.playbackState)===r.SEEKING;return null===k?null:e("div",{ref:f,tabIndex:0,class:v("_i1uQ-"),onMouseMove:ne,onContextMenu:W,onPointerUp:n(e=>{le||e.currentTarget!==e.target?te(!0):B()},[le])},O.visible&&e(j,{x:O.x,y:O.y}),(oe||!k)&&e(U,null),(null==E?void 0:E.isCasting)&&e(_,null),e("div",{class:v("_bT4nG",{[S]:le})},e("div",{class:"_rovC-"},e(I,{playbackState:null==E?void 0:E.playbackState,onClick:B}),(null==E?void 0:E.isLive)&&!(null!=E&&E.isSeekable)&&e(m,{onClick:z,isAtLiveEdge:null==E?void 0:E.isAtLiveEdge,isSeekable:null==E?void 0:E.isSeekable}),(!(null!=E&&E.isLive)||(null==E?void 0:E.isSeekable))&&e(C,{isLive:null==E?void 0:E.isLive,isAtLiveEdge:null==E?void 0:E.isAtLiveEdge,isSeekable:null==E?void 0:E.isSeekable,handleSeek:x,handleSeekToLive:z,currentTime:null==E?void 0:E.currentTime,duration:null==E?void 0:E.duration}),null!=w&&e(N,null),V&&e(P,{onClick:J}),!1===(null==E?void 0:E.isCasting)&&!(null==E||!E.textTracks.length)&&e(G,{textTracks:null==E?void 0:E.textTracks,onChange:y}),!1===(null==E?void 0:E.isCasting)&&(null==E?void 0:E.audioTracks.length)>1&&e(T,{audioTracks:null==E?void 0:E.audioTracks,onChange:D}),!1===(null==E?void 0:E.isCasting)&&t.getVideoLevels().length>0&&e(K,{videoLevels:t.getVideoLevels(),currentLevel:t.currentLevel,onChange:M}),e(L,{muted:null==E?void 0:E.isMuted,toggleMute:b,onSliderInput:F,volume:null==E?void 0:E.volume}),e(H,{isFullscreen:Y(),onClick:Z}))))}function ee({root:n,player:l,castAppId:o}){return n.classList.add("_4x0H-"),t(e($,{player:l,rootElement:n,castAppId:o}),n),()=>{t(null,n)}}export{$ as EyevinnSkin,ee as renderEyevinnSkin};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eyevinn/web-player-eyevinn-skin",
3
- "version": "0.12.0",
3
+ "version": "0.12.2",
4
4
  "author": "Eyevinn Technology <work@eyevinn.se>",
5
5
  "contributors": [
6
6
  "Benjamin Wallberg <benjamin.wallberg@eyevinn.se> (Eyevinn Technology AB)"
@@ -30,8 +30,8 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@eyevinn/web-player-airplay": "^0.9.0",
33
- "@eyevinn/web-player-cast": "^0.11.0",
34
- "@eyevinn/web-player-core": "^0.17.0",
33
+ "@eyevinn/web-player-cast": "^0.11.2",
34
+ "@eyevinn/web-player-core": "^0.17.2",
35
35
  "classnames": "^2.2.6",
36
36
  "preact": "^10.4.8"
37
37
  },
@@ -42,5 +42,5 @@
42
42
  "publishConfig": {
43
43
  "access": "public"
44
44
  },
45
- "gitHead": "7d08f82b82558825e7c993cd1bc3337a1cc04c81"
45
+ "gitHead": "0065f7aecc7250b305d01ea43dc8122223ab021d"
46
46
  }
package/src/EyevinnSkin.tsx CHANGED
@@ -18,6 +18,7 @@ import {
18
18
  import TextTrackButton from './components/buttons/textTrack/textTrackButton';
19
19
  import AirPlayButton from './components/buttons/airplayButton/AirPlayButton';
20
20
  import CastButton from './components/buttons/castButton/CastButton';
21
+ import VideoQualityButton from './components/buttons/videoQuality/VideoQualityButton';
21
22
  import { useAirPlay, usePlayer } from './util/hooks';
22
23
  import ContextMenu from './components/contextMenu/ContextMenu';
23
24
  import CastOverlay from './components/castOverlay/CastOverlay';
@@ -29,7 +30,7 @@ export default function EyevinnSkin({
29
30
  rootElement,
30
31
  }: {
31
32
  player: WebPlayer;
32
- castAppId: string;
33
+ castAppId?: string;
33
34
  rootElement: HTMLElement;
34
35
  }) {
35
36
  const skinContainerRef = useRef<HTMLDivElement>();
@@ -40,6 +41,7 @@ export default function EyevinnSkin({
40
41
  toggleMute,
41
42
  changeAudioTrack,
42
43
  changeTextTrack,
44
+ changeVideoLevel,
43
45
  seekByPercentage,
44
46
  seekByChange,
45
47
  seekToLive,
@@ -188,8 +190,18 @@ export default function EyevinnSkin({
188
190
  isSeekable={state?.isSeekable}
189
191
  />
190
192
  )}
191
- <div class={style.divider} />
192
- <CastButton />
193
+ {(!state?.isLive || state?.isSeekable) && (
194
+ <Timeline
195
+ isLive={state?.isLive}
196
+ isAtLiveEdge={state?.isAtLiveEdge}
197
+ isSeekable={state?.isSeekable}
198
+ handleSeek={seekByPercentage}
199
+ handleSeekToLive={seekToLive}
200
+ currentTime={state?.currentTime}
201
+ duration={state?.duration}
202
+ />
203
+ )}
204
+ {castAppId != null && <CastButton />}
193
205
  {airplayAvailable && <AirPlayButton onClick={toggleAirPlay} />}
194
206
  {state?.isCasting === false && !!state?.textTracks.length && (
195
207
  <TextTrackButton
@@ -203,6 +215,13 @@ export default function EyevinnSkin({
203
215
  onChange={changeAudioTrack}
204
216
  />
205
217
  )}
218
+ {state?.isCasting === false && player.getVideoLevels().length > 0 && (
219
+ <VideoQualityButton
220
+ videoLevels={player.getVideoLevels()}
221
+ currentLevel={player.currentLevel}
222
+ onChange={changeVideoLevel}
223
+ />
224
+ )}
206
225
  <VolumeControls
207
226
  muted={state?.isMuted}
208
227
  toggleMute={toggleMute}
@@ -214,17 +233,6 @@ export default function EyevinnSkin({
214
233
  onClick={toggleFullscreen}
215
234
  />
216
235
  </div>
217
- {(!state?.isLive || state?.isSeekable) && (
218
- <Timeline
219
- isLive={state?.isLive}
220
- isAtLiveEdge={state?.isAtLiveEdge}
221
- isSeekable={state?.isSeekable}
222
- handleSeek={seekByPercentage}
223
- handleSeekToLive={seekToLive}
224
- currentTime={state?.currentTime}
225
- duration={state?.duration}
226
- />
227
- )}
228
236
  </div>
229
237
  </div>
230
238
  );
package/src/components/buttons/castButton/cast.module.css CHANGED
@@ -3,4 +3,15 @@
3
3
  height: 1.5em;
4
4
 
5
5
  cursor: pointer;
6
+ }
7
+
8
+ /* Hide container when cast launcher is not visible */
9
+ .container:has(google-cast-launcher[style*="display: none"]),
10
+ .container:has(google-cast-launcher[hidden]),
11
+ .container:has(google-cast-launcher[style*="visibility: hidden"]) {
12
+ width: 0;
13
+ height: 0;
14
+ overflow: hidden;
15
+ margin: 0;
16
+ padding: 0;
6
17
  }
package/src/components/buttons/videoQuality/VideoQualityButton.tsx ADDED
@@ -0,0 +1,167 @@
1
+ import { h } from 'preact';
2
+ import { useCallback, useState, useEffect } from 'preact/hooks';
3
+ import classNames from 'classnames';
4
+ import style from './videoQuality.module.css';
5
+
6
+ function CogIcon() {
7
+ return (
8
+ <svg
9
+ xmlns="http://www.w3.org/2000/svg"
10
+ height="24"
11
+ viewBox="0 0 24 24"
12
+ width="24"
13
+ >
14
+ <path d="M0 0h24v24H0z" fill="none" />
15
+ <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" />
16
+ </svg>
17
+ );
18
+ }
19
+
20
+ export interface IVideoLevel {
21
+ id: any;
22
+ width: number;
23
+ height: number;
24
+ bitrate: number;
25
+ }
26
+
27
+ export default function VideoQualityButton({
28
+ videoLevels = [],
29
+ currentLevel,
30
+ onChange,
31
+ }) {
32
+ const [open, setOpen] = useState(false);
33
+
34
+ const onRadioChange = useCallback(
35
+ (evt) => {
36
+ const target = evt.target;
37
+ const value = target.value;
38
+ if (value === 'auto') {
39
+ onChange(null);
40
+ } else {
41
+ const levelIndex = parseInt(value, 10);
42
+ const level = videoLevels[levelIndex];
43
+ if (level) {
44
+ onChange(level);
45
+ }
46
+ }
47
+ setOpen(false);
48
+ },
49
+ [onChange, videoLevels]
50
+ );
51
+
52
+ const handleOptionClick = useCallback(
53
+ (value) => {
54
+ if (value === 'auto') {
55
+ onChange(null);
56
+ } else {
57
+ const levelIndex = parseInt(value, 10);
58
+ const level = videoLevels[levelIndex];
59
+ if (level) {
60
+ onChange(level);
61
+ }
62
+ }
63
+ setOpen(false);
64
+ },
65
+ [onChange, videoLevels]
66
+ );
67
+
68
+ const formatLevelLabel = (level: IVideoLevel) => {
69
+ return `${level.width}x${level.height}, ${Math.round(
70
+ level.bitrate / 1024
71
+ )}kbps`;
72
+ };
73
+
74
+ const getCurrentLevelLabel = () => {
75
+ if (!currentLevel) {
76
+ return 'AUTO';
77
+ }
78
+ return formatLevelLabel(currentLevel);
79
+ };
80
+
81
+ // Close menu when clicking outside
82
+ useEffect(() => {
83
+ if (!open) return;
84
+
85
+ const handleClickOutside = (e: MouseEvent) => {
86
+ const target = e.target as Element;
87
+ if (target && !target.closest(`.${style.container}`)) {
88
+ setOpen(false);
89
+ }
90
+ };
91
+
92
+ document.addEventListener('click', handleClickOutside);
93
+ return () => document.removeEventListener('click', handleClickOutside);
94
+ }, [open]);
95
+
96
+ if (!videoLevels || videoLevels.length === 0) {
97
+ return null;
98
+ }
99
+
100
+ const handleLabelClick = useCallback(
101
+ (e, value) => {
102
+ e.stopPropagation();
103
+ e.preventDefault();
104
+ handleOptionClick(value);
105
+ },
106
+ [handleOptionClick]
107
+ );
108
+
109
+ return (
110
+ <div
111
+ class={style.container}
112
+ onClick={useCallback(
113
+ (e: MouseEvent) => {
114
+ // Don't toggle if clicking inside the dropdown list
115
+ const target = e.target as Element;
116
+ if (target && target.closest(`.${style.list}`)) {
117
+ return;
118
+ }
119
+ e.stopPropagation();
120
+ setOpen(!open);
121
+ },
122
+ [open]
123
+ )}
124
+ >
125
+ <CogIcon />
126
+ <ul
127
+ class={classNames(style.list, { [style.open]: open })}
128
+ onClick={(e) => e.stopPropagation()}
129
+ >
130
+ <li>
131
+ <label onClick={(e) => handleLabelClick(e, 'auto')}>
132
+ <input
133
+ type="radio"
134
+ name="videoQuality"
135
+ value="auto"
136
+ checked={!currentLevel}
137
+ onChange={onRadioChange}
138
+ onClick={(e) => {
139
+ e.stopPropagation();
140
+ handleOptionClick('auto');
141
+ }}
142
+ />
143
+ <span>AUTO</span>
144
+ </label>
145
+ </li>
146
+ {videoLevels.map((level, index) => (
147
+ <li key={level.id || index}>
148
+ <label onClick={(e) => handleLabelClick(e, index.toString())}>
149
+ <input
150
+ type="radio"
151
+ name="videoQuality"
152
+ value={index.toString()}
153
+ checked={currentLevel?.id === level.id}
154
+ onChange={onRadioChange}
155
+ onClick={(e) => {
156
+ e.stopPropagation();
157
+ handleOptionClick(index.toString());
158
+ }}
159
+ />
160
+ <span>{formatLevelLabel(level)}</span>
161
+ </label>
162
+ </li>
163
+ ))}
164
+ </ul>
165
+ </div>
166
+ );
167
+ }
package/src/components/buttons/videoQuality/videoQuality.module.css ADDED
@@ -0,0 +1,64 @@
1
+ .container {
2
+ position: relative;
3
+
4
+ width: 1.5em;
5
+ height: 1.5em;
6
+
7
+ cursor: pointer;
8
+ }
9
+ .container svg {
10
+ width: 100%;
11
+ height: 100%;
12
+ fill: rgba(255, 255, 255, 0.8);
13
+ }
14
+ .container svg:hover {
15
+ fill: rgba(255, 255, 255, 1);
16
+ }
17
+
18
+ .list {
19
+ list-style: none;
20
+ position: absolute;
21
+ bottom: 1em;
22
+ left: 50%;
23
+ transform: translateX(-50%);
24
+ padding: 0.5em;
25
+ white-space: nowrap;
26
+ background: rgba(20, 20, 20, 0.6);
27
+ border: 1px solid rgba(255, 255, 255, 0.2);
28
+
29
+ display: none;
30
+ }
31
+
32
+ .list.open {
33
+ display: block;
34
+ }
35
+
36
+ .list li {
37
+ margin: 0;
38
+ }
39
+
40
+ .list input {
41
+ display: none;
42
+ margin-right: 0.25em;
43
+ }
44
+
45
+ .list label {
46
+ display: block;
47
+ cursor: pointer;
48
+ padding: 0.25em 0.5em;
49
+ margin: 0 -0.5em;
50
+ }
51
+
52
+ .list label span {
53
+ color: rgba(255, 255, 255, 0.8);
54
+ cursor: pointer;
55
+ display: block;
56
+ }
57
+
58
+ .list label:hover span {
59
+ color: rgb(100, 180, 255);
60
+ }
61
+
62
+ .list :checked + span {
63
+ color: rgb(30, 129, 160);
64
+ }
package/src/components/timeline/timeline.module.scss CHANGED
@@ -2,11 +2,14 @@
2
2
  position: relative;
3
3
  display: flex;
4
4
  align-items: center;
5
+ flex: 1;
6
+ min-width: 0;
7
+ width: 100%;
5
8
 
6
9
  & > * {
7
- margin-right: 1em;
10
+ margin-right: 0.5em;
8
11
 
9
- &*:last-child {
12
+ &:last-child {
10
13
  margin-right: 0;
11
14
  }
12
15
  }
@@ -21,6 +24,8 @@
21
24
  .time {
22
25
  color: #ffffff;
23
26
  white-space: nowrap;
27
+ font-size: 0.875em;
28
+ flex-shrink: 0;
24
29
  }
25
30
 
26
31
  .progressbarWrapper {
@@ -28,8 +33,10 @@
28
33
  justify-content: center;
29
34
  align-items: center;
30
35
 
36
+ flex: 1 1 auto;
37
+ min-width: 0;
31
38
  width: 100%;
32
- padding: 0.5em 0;
39
+ padding: 0.25em 0;
33
40
 
34
41
  cursor: pointer;
35
42
  }
package/src/skin.module.scss CHANGED
@@ -36,6 +36,7 @@
36
36
 
37
37
  .controls {
38
38
  display: flex;
39
+ align-items: center;
39
40
  margin-bottom: 0.5em;
40
41
  }
41
42
 
package/src/util/hooks.ts CHANGED
@@ -141,6 +141,9 @@ export function usePlayer(webPlayer: WebPlayer, castAppId: string) {
141
141
  const changeTextTrack = useCallback((id) => player.setTextTrack(id), [
142
142
  player,
143
143
  ]);
144
+ const changeVideoLevel = useCallback((level) => {
145
+ player.currentLevel = level;
146
+ }, [player]);
144
147
  const seekByPercentage = useCallback(
145
148
  (percentage: number) => player.seekTo({ percentage }),
146
149
  [player]
@@ -166,6 +169,7 @@ export function usePlayer(webPlayer: WebPlayer, castAppId: string) {
166
169
  toggleMute,
167
170
  changeAudioTrack,
168
171
  changeTextTrack,
172
+ changeVideoLevel,
169
173
  seekByPercentage,
170
174
  seekByChange,
171
175
  seekToLive,