@eyevinn/web-player-eyevinn-skin 0.6.7 → 0.7.0

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 (13) hide show
  1. package/dist/components/buttons/volume/VolumeControls.d.ts +7 -0
  2. package/dist/components/buttons/volume/VolumeSlider.d.ts +7 -0
  3. package/dist/index.css +1 -1
  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 +197 -182
  9. package/src/components/buttons/volume/VolumeButton.tsx +1 -1
  10. package/src/components/buttons/volume/VolumeControls.tsx +32 -0
  11. package/src/components/buttons/volume/VolumeSlider.tsx +37 -0
  12. package/src/components/buttons/volume/volume.module.css +40 -4
  13. package/src/util/hooks.ts +10 -0
package/dist/components/buttons/volume/VolumeControls.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { h } from 'preact';
2
+ export default function VolumeControls({ muted, toggleMute, onSliderInput, volume, }: {
3
+ muted: any;
4
+ toggleMute: any;
5
+ onSliderInput: any;
6
+ volume: any;
7
+ }): h.JSX.Element;
package/dist/components/buttons/volume/VolumeSlider.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { h } from 'preact';
2
+ export default function VolumeSlider({ muted, onClick, toggleMute, value }: {
3
+ muted: any;
4
+ onClick: any;
5
+ toggleMute: any;
6
+ value: any;
7
+ }): h.JSX.Element;
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
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
2
  ._1gDwG{cursor:pointer;background:#9f1e2b;color:#fff;padding:0 .5em;border-radius:.25em;white-space:nowrap}._1gDwG._22_VN{opacity:.5}
3
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
- ._28pC9{width:1.5em;height:1.5em;cursor:pointer}._28pC9 svg{width:100%;height:100%;fill:hsla(0,0%,100%,.8)}._28pC9 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
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
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
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}
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 o(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 u(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,A=e.isLive,g=e.isAtLiveEdge,d=e.isSeekable,f=n.useCallback(function(e){d&&h(e.offsetX/e.currentTarget.offsetWidth*100)},[h,d]),w=!A||!g&&d?r/c*100||0:100;return t.h("div",{class:i("_2aAzG",(l={},l._3K51E=!d,l))},t.h(u,{time:r}),t.h("div",{class:"_t3a1b",onClick:f},t.h("div",{class:"_K1UW_"},t.h("div",{class:"_1Xt9z",style:{width:w+"%"}}))),A?t.h(o,{onClick:v,isAtLiveEdge:g,isSeekable:d}):t.h(u,{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 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:"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 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:"_28pC9",onClick:e.onClick},t.h(e.muted?g:A,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:"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 w(e){var l,a=e.audioTracks,r=void 0===a?[]:a,o=e.onChange,u=n.useState(!1),s=u[0],c=u[1],h=n.useCallback(function(e){o(e.target.value)},[o]);return t.h("div",{class:"_13aPK",onClick:n.useCallback(function(){return c(!s)},[s])},t.h(f,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 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:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}function p(){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 k(e){return t.h("div",{class:"_34Jhj",onClick:e.onClick},t.h(e.isFullscreen?C:p,null))}function m(){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 E(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function b(){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 y(e){var l,a=e.textTracks,r=void 0===a?[]:a,o=e.onChange,u=n.useState(!1),s=u[0],c=u[1],h=n.useCallback(function(e){o(e.target.value),e.stopPropagation()},[o]);return t.h("div",{class:"_4r-db",onClick:n.useCallback(function(){return c(!s)},[s])},t.h(b,null),t.h("ul",{class:i("_1b4Xq",(l={},l._8qwvr=s,l))},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 I(){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 B(e){return t.h("div",{class:"_2XaiH",onClick:e.onClick},t.h(I,null))}function S(){return t.h("div",{class:"_mM3Gy"},t.h("google-cast-launcher",null))}function z(){return(z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function x(e){return t.h("img",{class:e.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 D(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(x,{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 T(e){var u,c=e.player,h=e.castAppId,A=e.rootElement,g=n.useRef(),f=function(e,t){var i,a,o,u=n.useState(null),s=u[0],c=u[1],h=n.useState(null),v=h[0],A=h[1],g=function(e,t){var i=n.useState(null),a=i[0],o=i[1],u=n.useMemo(function(){return null!==t&&new r.CastSender(t)},[]),s=n.useRef(null);return s.current=a,n.useEffect(function(){u&&(u.on(r.CastSenderEvent.CONNECTED,function(){e.currentSrc&&u.load(e.currentSrc,e.currentTime)}),u.on(r.CastSenderEvent.DISCONNECTED,function(){var t;o(function(e){return z({},e,{isCasting:!1})}),e.seekTo({position:null==(t=s.current)?void 0:t.currentTime})}),u.on(r.CastSenderEvent.STATE_CHANGE,function(e){var t=e.state;o(z({isCasting:t.playbackState!==l.PlaybackState.IDLE},t))}))},[]),[u,a]}(e,t),d=g[0],f=g[1],w=n.useRef(!1);return w.current=null!=(i=null==f?void 0:f.isCasting)&&i,n.useEffect(function(){e.on(l.PlayerEvent.UNREADY,function(){c(null),A(null)}),e.on(l.PlayerEvent.READYING,function(){c(!1)}),e.on(l.PlayerEvent.READY,function(){c(!0)}),e.on(l.PlayerEvent.STATE_CHANGE,function(t){var n=t.state;w.current&&e.isPlaying&&e.pause(),A(z({isCasting:!1},n))})},[]),f&&f.playbackState!==l.PlaybackState.IDLE?(o=d,a=f):(o=e,a=v),[s,a,n.useCallback(function(){return o.isPlaying?o.pause():o.play()},[o]),n.useCallback(function(){return o.isMuted?o.unmute():o.mute()},[o]),n.useCallback(function(e){return o.setAudioTrack(e)},[o]),n.useCallback(function(e){return o.setTextTrack(e)},[o]),n.useCallback(function(e){return o.seekTo({percentage:e})},[o]),n.useCallback(function(e){return o.seekTo({change:e})},[o]),n.useCallback(function(){return o.seekToLive()},[o])]}(c,h),C=f[0],p=f[1],b=f[2],I=f[3],x=f[4],T=f[5],H=f[6],L=f[7],M=f[8],U=function(e){var t=n.useState(!1),l=t[0],i=t[1],r=n.useMemo(function(){return new a.AirPlay(e.video)},[]),o=n.useCallback(function(){return r.toggleAirPlay()},[]);return n.useEffect(function(){r.on(a.AirPlayEvent.AVAILABILITY_CHANGED,function(e){return i(e.available)})},[]),[l,o]}(c),F=U[0],G=U[1],P=n.useCallback(function(){return E()?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)}(A,c.video);var e},[]),R=n.useState({visible:!1,x:0,y:0}),Y=R[0],V=R[1],J=n.useCallback(function(e){e.stopPropagation(),e.preventDefault(),V(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(){V({visible:!1,x:0,y:0})})},[]),n.useEffect(function(){var e=g.current;if(e){var t=function(e){switch(e.code){case"Space":b();break;case"ArrowRight":L(5);break;case"ArrowLeft":L(-5)}};return e.addEventListener("keydown",t),function(){return e.removeEventListener("keydown",t)}}},[g.current]);var N=n.useRef(null),X=n.useState(!1),Z=X[0],q=X[1],O=n.useCallback(function(){clearTimeout(N.current),q(!0),N.current=setTimeout(function(){return q(!1)},2500)},[]),K=!Z&&(null==p?void 0:p.playbackState)!==l.PlaybackState.READY&&(null==p?void 0:p.playbackState)!==l.PlaybackState.PAUSED,W=(null==p?void 0:p.playbackState)===l.PlaybackState.LOADING||(null==p?void 0:p.playbackState)===l.PlaybackState.BUFFERING||(null==p?void 0:p.playbackState)===l.PlaybackState.SEEKING;return null===C?null:t.h("div",{ref:g,tabIndex:0,class:i("_2jAm9"),onMouseMove:O,onContextMenu:J,onPointerUp:n.useCallback(function(e){K||e.currentTarget!==e.target?q(!0):b()},[K])},Y.visible&&t.h(D,{x:Y.x,y:Y.y}),(W||!C)&&t.h(m,null),(null==p?void 0:p.isCasting)&&t.h(Q,null),t.h("div",{class:i("_SS6y-",(u={},u._1Wfm6=K,u))},t.h("div",{class:"_1pnfN"},t.h(v,{playbackState:null==p?void 0:p.playbackState,onClick:b}),(null==p?void 0:p.isLive)&&!(null!=p&&p.isSeekable)&&t.h(o,{onClick:M,isAtLiveEdge:null==p?void 0:p.isAtLiveEdge,isSeekable:null==p?void 0:p.isSeekable}),t.h("div",{class:"_3ju96"}),t.h(S,null),F&&t.h(B,{onClick:G}),!1===(null==p?void 0:p.isCasting)&&(null==p?void 0:p.textTracks.length)>1&&t.h(y,{textTracks:null==p?void 0:p.textTracks,onChange:T}),!1===(null==p?void 0:p.isCasting)&&(null==p?void 0:p.audioTracks.length)>1&&t.h(w,{audioTracks:null==p?void 0:p.audioTracks,onChange:x}),t.h(d,{muted:null==p?void 0:p.isMuted,onClick:I}),t.h(k,{isFullscreen:E(),onClick:P})),(!(null!=p&&p.isLive)||(null==p?void 0:p.isSeekable))&&t.h(s,{isLive:null==p?void 0:p.isLive,isAtLiveEdge:null==p?void 0:p.isAtLiveEdge,isSeekable:null==p?void 0:p.isSeekable,handleSeek:H,handleSeekToLive:M,currentTime:null==p?void 0:p.currentTime,duration:null==p?void 0:p.duration})))}exports.EyevinnSkin=T,exports.renderEyevinnSkin=function(e){var n=e.root,l=e.player,i=e.castAppId;n.classList.add("_1Xl8W"),t.render(t.h(T,{player:l,rootElement:n,castAppId:i}),n)};
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"),o=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 r(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,o=void 0===a?0:a,s=e.duration,c=void 0===s?0:s,h=e.handleSeek,v=e.handleSeekToLive,g=e.isLive,d=e.isAtLiveEdge,A=e.isSeekable,f=n.useCallback(function(e){A&&h(e.offsetX/e.currentTarget.offsetWidth*100)},[h,A]),w=!g||!d&&A?o/c*100||0:100;return t.h("div",{class:i("_2aAzG",(l={},l._3K51E=!A,l))},t.h(r,{time:o}),t.h("div",{class:"_t3a1b",onClick:f},t.h("div",{class:"_K1UW_"},t.h("div",{class:"_1Xt9z",style:{width:w+"%"}}))),g?t.h(u,{onClick:v,isAtLiveEdge:d,isSeekable:A}):t.h(r,{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 g(){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 d(){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 A(e){return t.h("div",{class:"_1AKsf",onClick:e.onClick},t.h(e.muted?d:g,null))}function f(e){var l=e.muted,i=e.onClick,a=e.toggleMute,o=e.value,u=n.useState(-1),r=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=r<5?0:r>95?100:r;(l&&e>0||!l&&0===e)&&a(),i(e)},class:"_2Kn-2"},t.h("div",{class:"_CZcKs",style:{height:(l?0:100*o)+"%"}})))}function w(e){var n=e.muted,l=e.toggleMute,i=e.onSliderInput,a=e.volume,o=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return t.h("div",{class:"_1nhbD"},t.h(A,{muted:n,onClick:l}),!o&&t.h(f,{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 m(e){var l,a=e.audioTracks,o=void 0===a?[]:a,u=e.onChange,r=n.useState(!1),s=r[0],c=r[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))},o.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 k(){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 p(){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 E(e){return t.h("div",{class:"_34Jhj",onClick:e.onClick},t.h(e.isFullscreen?k:p,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 B(e){var l,a=e.textTracks,o=void 0===a?[]:a,u=e.onChange,r=n.useState(!1),s=r[0],c=r[1],h=n.useCallback(function(e){u(e.target.value),e.stopPropagation()},[u]);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))},o.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 S(){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(S,null))}function z(){return t.h("div",{class:"_mM3Gy"},t.h("google-cast-launcher",null))}function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function x(e){return t.h("img",{class:e.className,src:"data:image/png;base64,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"})}function Q(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(x,{className:"_yCzmM"})))}function T(){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 r,c=e.player,h=e.castAppId,g=e.rootElement,d=n.useRef(),A=function(e,t){var i,a,u,r=n.useState(null),s=r[0],c=r[1],h=n.useState(null),v=h[0],g=h[1],d=function(e,t){var i=n.useState(null),a=i[0],u=i[1],r=n.useMemo(function(){return null!==t&&new o.CastSender(t)},[]),s=n.useRef(null);return s.current=a,n.useEffect(function(){r&&(r.on(o.CastSenderEvent.CONNECTED,function(){e.currentSrc&&r.load(e.currentSrc,e.currentTime)}),r.on(o.CastSenderEvent.DISCONNECTED,function(){var t;u(function(e){return M({},e,{isCasting:!1})}),e.seekTo({position:null==(t=s.current)?void 0:t.currentTime})}),r.on(o.CastSenderEvent.STATE_CHANGE,function(e){var t=e.state;u(M({isCasting:t.playbackState!==l.PlaybackState.IDLE},t))}))},[]),[r,a]}(e,t),A=d[0],f=d[1],w=n.useRef(!1);return w.current=null!=(i=null==f?void 0:f.isCasting)&&i,n.useEffect(function(){e.on(l.PlayerEvent.UNREADY,function(){c(null),g(null)}),e.on(l.PlayerEvent.READYING,function(){c(!1)}),e.on(l.PlayerEvent.READY,function(){c(!0)}),e.on(l.PlayerEvent.STATE_CHANGE,function(t){var n=t.state;w.current&&e.isPlaying&&e.pause(),g(M({isCasting:!1},n))})},[]),f&&f.playbackState!==l.PlaybackState.IDLE?(u=A,a=f):(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),f=A[0],C=A[1],k=A[2],p=A[3],I=A[4],S=A[5],x=A[6],H=A[7],L=A[8],U=A[9],P=A[10],F=function(e){var t=n.useState(!1),l=t[0],i=t[1],o=n.useMemo(function(){return new a.AirPlay(e.video)},[]),u=n.useCallback(function(){return o.toggleAirPlay()},[]);return n.useEffect(function(){o.on(a.AirPlayEvent.AVAILABILITY_CHANGED,function(e){return i(e.available)})},[]),[l,u]}(c),G=F[0],R=F[1],Y=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)}(g,c.video);var e},[]),V=n.useState({visible:!1,x:0,y:0}),J=V[0],N=V[1],X=n.useCallback(function(e){e.stopPropagation(),e.preventDefault(),N(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(){N({visible:!1,x:0,y:0})})},[]),n.useEffect(function(){var e=d.current;if(e){var t=function(e){switch(e.code){case"Space":k();break;case"ArrowRight":H(5);break;case"ArrowLeft":H(-5);break;case"ArrowUp":P(.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute();break;case"ArrowDown":P(-.1),c.getVolume()>0?c.isMuted&&c.unmute():c.mute()}};return e.addEventListener("keydown",t),function(){return e.removeEventListener("keydown",t)}}},[d.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===f?null:t.h("div",{ref:d,tabIndex:0,class:i("_2jAm9"),onMouseMove:W,onContextMenu:X,onPointerUp:n.useCallback(function(e){j||e.currentTarget!==e.target?O(!0):k()},[j])},J.visible&&t.h(Q,{x:J.x,y:J.y}),(_||!f)&&t.h(b,null),(null==C?void 0:C.isCasting)&&t.h(T,null),t.h("div",{class:i("_SS6y-",(r={},r._1Wfm6=j,r))},t.h("div",{class:"_1pnfN"},t.h(v,{playbackState:null==C?void 0:C.playbackState,onClick:k}),(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(z,null),G&&t.h(D,{onClick:R}),!1===(null==C?void 0:C.isCasting)&&(null==C?void 0:C.textTracks.length)>1&&t.h(B,{textTracks:null==C?void 0:C.textTracks,onChange:S}),!1===(null==C?void 0:C.isCasting)&&(null==C?void 0:C.audioTracks.length)>1&&t.h(m,{audioTracks:null==C?void 0:C.audioTracks,onChange:I}),t.h(w,{muted:null==C?void 0:C.isMuted,toggleMute:p,onSliderInput:U,volume:null==C?void 0:C.volume}),t.h(E,{isFullscreen:y(),onClick:Y})),(!(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:x,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;n.classList.add("_1Xl8W"),t.render(t.h(H,{player:l,rootElement:n,castAppId:i}),n)};
package/dist/index.m.js CHANGED
@@ -1 +1 @@
1
- import{h as n,render as e}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}from"@eyevinn/web-player-core";import c from"classnames";import{AirPlay as s,AirPlayEvent as v}from"@eyevinn/web-player-airplay";import{CastSender as h,CastSenderEvent as A}from"@eyevinn/web-player-cast";function g(e){var t,i=e.onClick;return n("div",{class:c("_1gDwG",(t={},t._22_VN=!e.isAtLiveEdge&&e.isSeekable,t)),onClick:i},"LIVE")}function d(e){var t;return n("div",{class:"_-LGHu"},(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 w(e){var i,l=e.currentTime,o=void 0===l?0:l,r=e.duration,u=void 0===r?0:r,a=e.handleSeek,s=e.handleSeekToLive,v=e.isLive,h=e.isAtLiveEdge,A=e.isSeekable,w=t(function(n){A&&a(n.offsetX/n.currentTarget.offsetWidth*100)},[a,A]),f=!v||!h&&A?o/u*100||0:100;return n("div",{class:c("_2aAzG",(i={},i._3K51E=!A,i))},n(d,{time:o}),n("div",{class:"_t3a1b",onClick:w},n("div",{class:"_K1UW_"},n("div",{class:"_1Xt9z",style:{width:f+"%"}}))),v?n(g,{onClick:s,isAtLiveEdge:h,isSeekable:A}):n(d,{time:u}))}function f(){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 p(){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 m(e){return n("div",{class:"_3njg6",onClick:e.onClick},n(e.playbackState!==u.PLAYING?f:p,null))}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:"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 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:"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 k(e){return n("div",{class:"_28pC9",onClick:e.onClick},n(e.muted?E:C,null))}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:"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 B(e){var l,o=e.audioTracks,r=void 0===o?[]:o,u=e.onChange,a=i(!1),s=a[0],v=a[1],h=t(function(n){u(n.target.value)},[u]);return n("div",{class:"_13aPK",onClick:t(function(){return v(!s)},[s])},n(I,null),n("ul",{class:c("_16WrP",(l={},l._Ib345=s,l))},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 b(){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 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:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function z(e){return n("div",{class:"_34Jhj",onClick:e.onClick},n(e.isFullscreen?b:y,null))}function D(){return n("div",{class:"_2eFId"},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 x(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function Q(){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 T(e){var l,o=e.textTracks,r=void 0===o?[]:o,u=e.onChange,a=i(!1),s=a[0],v=a[1],h=t(function(n){u(n.target.value),n.stopPropagation()},[u]);return n("div",{class:"_4r-db",onClick:t(function(){return v(!s)},[s])},n(Q,null),n("ul",{class:c("_1b4Xq",(l={},l._8qwvr=s,l))},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 H(){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 L(e){return n("div",{class:"_2XaiH",onClick:e.onClick},n(H,null))}function S(){return n("div",{class:"_mM3Gy"},n("google-cast-launcher",null))}function M(){return(M=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(this,arguments)}function U(e){return n("img",{class:e.className,src:"data:image/png;base64,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"})}function F(e){return n("div",{class:"_2lVG2",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(U,{className:"_yCzmM"})))}function G(){return n("div",{class:"_xDOFW"},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 Y(e){var d,f=e.player,p=e.castAppId,C=e.rootElement,E=l(),I=function(n,e){var c,s,v,g=i(null),d=g[0],w=g[1],f=i(null),p=f[0],m=f[1],C=function(n,e){var t=i(null),a=t[0],c=t[1],s=r(function(){return null!==e&&new h(e)},[]),v=l(null);return v.current=a,o(function(){s&&(s.on(A.CONNECTED,function(){n.currentSrc&&s.load(n.currentSrc,n.currentTime)}),s.on(A.DISCONNECTED,function(){var e;c(function(n){return M({},n,{isCasting:!1})}),n.seekTo({position:null==(e=v.current)?void 0:e.currentTime})}),s.on(A.STATE_CHANGE,function(n){var e=n.state;c(M({isCasting:e.playbackState!==u.IDLE},e))}))},[]),[s,a]}(n,e),E=C[0],k=C[1],I=l(!1);return I.current=null!=(c=null==k?void 0:k.isCasting)&&c,o(function(){n.on(a.UNREADY,function(){w(null),m(null)}),n.on(a.READYING,function(){w(!1)}),n.on(a.READY,function(){w(!0)}),n.on(a.STATE_CHANGE,function(e){var t=e.state;I.current&&n.isPlaying&&n.pause(),m(M({isCasting:!1},t))})},[]),k&&k.playbackState!==u.IDLE?(v=E,s=k):(v=n,s=p),[d,s,t(function(){return v.isPlaying?v.pause():v.play()},[v]),t(function(){return v.isMuted?v.unmute():v.mute()},[v]),t(function(n){return v.setAudioTrack(n)},[v]),t(function(n){return v.setTextTrack(n)},[v]),t(function(n){return v.seekTo({percentage:n})},[v]),t(function(n){return v.seekTo({change:n})},[v]),t(function(){return v.seekToLive()},[v])]}(f,p),b=I[0],y=I[1],Q=I[2],H=I[3],U=I[4],Y=I[5],R=I[6],P=I[7],V=I[8],J=function(n){var e=i(!1),l=e[0],u=e[1],a=r(function(){return new s(n.video)},[]),c=t(function(){return a.toggleAirPlay()},[]);return o(function(){a.on(v.AVAILABILITY_CHANGED,function(n){return u(n.available)})},[]),[l,c]}(f),N=J[0],X=J[1],Z=t(function(){return x()?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)}(C,f.video);var n},[]),O=i({visible:!1,x:0,y:0}),K=O[0],W=O[1],q=t(function(n){n.stopPropagation(),n.preventDefault(),W(n.target===n.currentTarget?{visible:!0,x:n.offsetX,y:n.offsetY}:{visible:!1,x:0,y:0})},[]);o(function(){document.addEventListener("click",function(){W({visible:!1,x:0,y:0})})},[]),o(function(){var n=E.current;if(n){var e=function(n){switch(n.code){case"Space":Q();break;case"ArrowRight":P(5);break;case"ArrowLeft":P(-5)}};return n.addEventListener("keydown",e),function(){return n.removeEventListener("keydown",e)}}},[E.current]);var j=l(null),_=i(!1),$=_[0],nn=_[1],en=t(function(){clearTimeout(j.current),nn(!0),j.current=setTimeout(function(){return nn(!1)},2500)},[]),tn=!$&&(null==y?void 0:y.playbackState)!==u.READY&&(null==y?void 0:y.playbackState)!==u.PAUSED,ln=(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:E,tabIndex:0,class:c("_2jAm9"),onMouseMove:en,onContextMenu:q,onPointerUp:t(function(n){tn||n.currentTarget!==n.target?nn(!0):Q()},[tn])},K.visible&&n(F,{x:K.x,y:K.y}),(ln||!b)&&n(D,null),(null==y?void 0:y.isCasting)&&n(G,null),n("div",{class:c("_SS6y-",(d={},d._1Wfm6=tn,d))},n("div",{class:"_1pnfN"},n(m,{playbackState:null==y?void 0:y.playbackState,onClick:Q}),(null==y?void 0:y.isLive)&&!(null!=y&&y.isSeekable)&&n(g,{onClick:V,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable}),n("div",{class:"_3ju96"}),n(S,null),N&&n(L,{onClick:X}),!1===(null==y?void 0:y.isCasting)&&(null==y?void 0:y.textTracks.length)>1&&n(T,{textTracks:null==y?void 0:y.textTracks,onChange:Y}),!1===(null==y?void 0:y.isCasting)&&(null==y?void 0:y.audioTracks.length)>1&&n(B,{audioTracks:null==y?void 0:y.audioTracks,onChange:U}),n(k,{muted:null==y?void 0:y.isMuted,onClick:H}),n(z,{isFullscreen:x(),onClick:Z})),(!(null!=y&&y.isLive)||(null==y?void 0:y.isSeekable))&&n(w,{isLive:null==y?void 0:y.isLive,isAtLiveEdge:null==y?void 0:y.isAtLiveEdge,isSeekable:null==y?void 0:y.isSeekable,handleSeek:R,handleSeekToLive:V,currentTime:null==y?void 0:y.currentTime,duration:null==y?void 0:y.duration})))}function R(t){var i=t.root,l=t.player,o=t.castAppId;i.classList.add("_1Xl8W"),e(n(Y,{player:l,rootElement:i,castAppId:o}),i)}export{Y as EyevinnSkin,R as renderEyevinnSkin};
1
+ import{h as e,render as n}from"preact";import{useCallback as t,useState as i,useRef as o,useEffect as l,useMemo as r}from"preact/hooks";import{PlaybackState as u,PlayerEvent as a}from"@eyevinn/web-player-core";import c from"classnames";import{AirPlay as s,AirPlayEvent as v}from"@eyevinn/web-player-airplay";import{CastSender as h,CastSenderEvent as g}from"@eyevinn/web-player-cast";function A(n){var t,i=n.onClick;return e("div",{class:c("_1gDwG",(t={},t._22_VN=!n.isAtLiveEdge&&n.isSeekable,t)),onClick:i},"LIVE")}function d(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 f(n){var i,o=n.currentTime,l=void 0===o?0:o,r=n.duration,u=void 0===r?0:r,a=n.handleSeek,s=n.handleSeekToLive,v=n.isLive,h=n.isAtLiveEdge,g=n.isSeekable,f=t(function(e){g&&a(e.offsetX/e.currentTarget.offsetWidth*100)},[a,g]),w=!v||!h&&g?l/u*100||0:100;return e("div",{class:c("_2aAzG",(i={},i._3K51E=!g,i))},e(d,{time:l}),e("div",{class:"_t3a1b",onClick:f},e("div",{class:"_K1UW_"},e("div",{class:"_1Xt9z",style:{width:w+"%"}}))),v?e(A,{onClick:s,isAtLiveEdge:h,isSeekable:g}):e(d,{time:u}))}function w(){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 m(){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 p(n){return e("div",{class:"_3njg6",onClick:n.onClick},e(n.playbackState!==u.PLAYING?w:m,null))}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:"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 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:"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 E(n){return e("div",{class:"_1AKsf",onClick:n.onClick},e(n.muted?k:C,null))}function I(n){var o=n.muted,l=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;(o&&e>0||!o&&0===e)&&r(),l(e)},class:"_2Kn-2"},e("div",{class:"_CZcKs",style:{height:(o?0:100*u)+"%"}})))}function B(n){var t=n.muted,i=n.toggleMute,o=n.onSliderInput,l=n.volume,r=!!(/iPhone|iPod|iPad|Android/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchstart"in document.documentElement);return e("div",{class:"_1nhbD"},e(E,{muted:t,onClick:i}),!r&&e(I,{muted:t,toggleMute:i,onClick:o,value:l}))}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:"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 D(n){var o,l=n.audioTracks,r=void 0===l?[]:l,u=n.onChange,a=i(!1),s=a[0],v=a[1],h=t(function(e){u(e.target.value)},[u]);return e("div",{class:"_13aPK",onClick:t(function(){return v(!s)},[s])},e(b,null),e("ul",{class:c("_16WrP",(o={},o._Ib345=s,o))},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 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:"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 x(n){return e("div",{class:"_34Jhj",onClick:n.onClick},e(n.isFullscreen?y:z,null))}function M(){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 Q(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function T(){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 H(n){var o,l=n.textTracks,r=void 0===l?[]:l,u=n.onChange,a=i(!1),s=a[0],v=a[1],h=t(function(e){u(e.target.value),e.stopPropagation()},[u]);return e("div",{class:"_4r-db",onClick:t(function(){return v(!s)},[s])},e(T,null),e("ul",{class:c("_1b4Xq",(o={},o._8qwvr=s,o))},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 L(){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 S(n){return e("div",{class:"_2XaiH",onClick:n.onClick},e(L,null))}function U(){return e("div",{class:"_mM3Gy"},e("google-cast-launcher",null))}function F(){return(F=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}function G(n){return e("img",{class:n.className,src:"data:image/png;base64,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"})}function Y(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(G,{className:"_yCzmM"})))}function R(){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 V(n){var d,w=n.player,m=n.castAppId,C=n.rootElement,k=o(),E=function(e,n){var c,s,v,A=i(null),d=A[0],f=A[1],w=i(null),m=w[0],p=w[1],C=function(e,n){var t=i(null),a=t[0],c=t[1],s=r(function(){return null!==n&&new h(n)},[]),v=o(null);return v.current=a,l(function(){s&&(s.on(g.CONNECTED,function(){e.currentSrc&&s.load(e.currentSrc,e.currentTime)}),s.on(g.DISCONNECTED,function(){var n;c(function(e){return F({},e,{isCasting:!1})}),e.seekTo({position:null==(n=v.current)?void 0:n.currentTime})}),s.on(g.STATE_CHANGE,function(e){var n=e.state;c(F({isCasting:n.playbackState!==u.IDLE},n))}))},[]),[s,a]}(e,n),k=C[0],E=C[1],I=o(!1);return I.current=null!=(c=null==E?void 0:E.isCasting)&&c,l(function(){e.on(a.UNREADY,function(){f(null),p(null)}),e.on(a.READYING,function(){f(!1)}),e.on(a.READY,function(){f(!0)}),e.on(a.STATE_CHANGE,function(n){var t=n.state;I.current&&e.isPlaying&&e.pause(),p(F({isCasting:!1},t))})},[]),E&&E.playbackState!==u.IDLE?(v=k,s=E):(v=e,s=m),[d,s,t(function(){return v.isPlaying?v.pause():v.play()},[v]),t(function(){return v.isMuted?v.unmute():v.mute()},[v]),t(function(e){return v.setAudioTrack(e)},[v]),t(function(e){return v.setTextTrack(e)},[v]),t(function(e){return v.seekTo({percentage:e})},[v]),t(function(e){return v.seekTo({change:e})},[v]),t(function(){return v.seekToLive()},[v]),t(function(e){return v.setVolume({percentage:e})},[v]),t(function(e){return v.setVolume({change:e})},[v])]}(w,m),I=E[0],b=E[1],y=E[2],z=E[3],T=E[4],L=E[5],G=E[6],V=E[7],P=E[8],J=E[9],N=E[10],X=function(e){var n=i(!1),o=n[0],u=n[1],a=r(function(){return new s(e.video)},[]),c=t(function(){return a.toggleAirPlay()},[]);return l(function(){a.on(v.AVAILABILITY_CHANGED,function(e){return u(e.available)})},[]),[o,c]}(w),Z=X[0],K=X[1],O=t(function(){return Q()?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)}(C,w.video);var e},[]),W=i({visible:!1,x:0,y:0}),q=W[0],j=W[1],_=t(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})},[]);l(function(){document.addEventListener("click",function(){j({visible:!1,x:0,y:0})})},[]),l(function(){var e=k.current;if(e){var n=function(e){switch(e.code){case"Space":y();break;case"ArrowRight":V(5);break;case"ArrowLeft":V(-5);break;case"ArrowUp":N(.1),w.getVolume()>0?w.isMuted&&w.unmute():w.mute();break;case"ArrowDown":N(-.1),w.getVolume()>0?w.isMuted&&w.unmute():w.mute()}};return e.addEventListener("keydown",n),function(){return e.removeEventListener("keydown",n)}}},[k.current]);var $=o(null),ee=i(!1),ne=ee[0],te=ee[1],ie=t(function(){clearTimeout($.current),te(!0),$.current=setTimeout(function(){return te(!1)},2500)},[]),oe=!ne&&(null==b?void 0:b.playbackState)!==u.READY&&(null==b?void 0:b.playbackState)!==u.PAUSED,le=(null==b?void 0:b.playbackState)===u.LOADING||(null==b?void 0:b.playbackState)===u.BUFFERING||(null==b?void 0:b.playbackState)===u.SEEKING;return null===I?null:e("div",{ref:k,tabIndex:0,class:c("_2jAm9"),onMouseMove:ie,onContextMenu:_,onPointerUp:t(function(e){oe||e.currentTarget!==e.target?te(!0):y()},[oe])},q.visible&&e(Y,{x:q.x,y:q.y}),(le||!I)&&e(M,null),(null==b?void 0:b.isCasting)&&e(R,null),e("div",{class:c("_SS6y-",(d={},d._1Wfm6=oe,d))},e("div",{class:"_1pnfN"},e(p,{playbackState:null==b?void 0:b.playbackState,onClick:y}),(null==b?void 0:b.isLive)&&!(null!=b&&b.isSeekable)&&e(A,{onClick:P,isAtLiveEdge:null==b?void 0:b.isAtLiveEdge,isSeekable:null==b?void 0:b.isSeekable}),e("div",{class:"_3ju96"}),e(U,null),Z&&e(S,{onClick:K}),!1===(null==b?void 0:b.isCasting)&&(null==b?void 0:b.textTracks.length)>1&&e(H,{textTracks:null==b?void 0:b.textTracks,onChange:L}),!1===(null==b?void 0:b.isCasting)&&(null==b?void 0:b.audioTracks.length)>1&&e(D,{audioTracks:null==b?void 0:b.audioTracks,onChange:T}),e(B,{muted:null==b?void 0:b.isMuted,toggleMute:z,onSliderInput:J,volume:null==b?void 0:b.volume}),e(x,{isFullscreen:Q(),onClick:O})),(!(null!=b&&b.isLive)||(null==b?void 0:b.isSeekable))&&e(f,{isLive:null==b?void 0:b.isLive,isAtLiveEdge:null==b?void 0:b.isAtLiveEdge,isSeekable:null==b?void 0:b.isSeekable,handleSeek:G,handleSeekToLive:P,currentTime:null==b?void 0:b.currentTime,duration:null==b?void 0:b.duration})))}function P(t){var i=t.root,o=t.player,l=t.castAppId;i.classList.add("_1Xl8W"),n(e(V,{player:o,rootElement:i,castAppId:l}),i)}export{V as EyevinnSkin,P 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 r}from"preact/hooks";import{PlaybackState as s,PlayerEvent as a}from"@eyevinn/web-player-core";import c from"classnames";import{AirPlay as u,AirPlayEvent as v}from"@eyevinn/web-player-airplay";import{CastSender as h,CastSenderEvent as A}from"@eyevinn/web-player-cast";function g({onClick:t,isAtLiveEdge:n,isSeekable:l}){return e("div",{class:c("_1gDwG",{_22_VN:!n&&l}),onClick:t},"LIVE")}function w({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 d({currentTime:t=0,duration:l=0,handleSeek:i,handleSeekToLive:o,isLive:r,isAtLiveEdge:s,isSeekable:a}){const u=n(e=>{a&&i(e.offsetX/e.currentTarget.offsetWidth*100)},[i,a]),v=!r||!s&&a?t/l*100||0:100;return e("div",{class:c("_2aAzG",{_3K51E:!a})},e(w,{time:t}),e("div",{class:"_t3a1b",onClick:u},e("div",{class:"_K1UW_"},e("div",{class:"_1Xt9z",style:{width:v+"%"}}))),r?e(g,{onClick:o,isAtLiveEdge:s,isSeekable:a}):e(w,{time:l}))}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 m(){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 f({playbackState:t,onClick:n}){return e("div",{class:"_3njg6",onClick:n},e(t!==s.PLAYING?p:m,null))}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:"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 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:"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 k({muted:t,onClick:n}){return e("div",{class:"_28pC9",onClick:n},e(t?E:C,null))}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:"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 B({audioTracks:t=[],onChange:i}){const[o,r]=l(!1),s=n(e=>{i(e.target.value)},[i]);return e("div",{class:"_13aPK",onClick:n(()=>r(!o),[o])},e(I,null),e("ul",{class:c("_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:s}),e("span",null,t.label))))))}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:"M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"}))}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:"M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"}))}function z({isFullscreen:t,onClick:n}){return e("div",{class:"_34Jhj",onClick:n},e(t?b:y,null))}function D(){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 x(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}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:"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 T({textTracks:t=[],onChange:i}){const[o,r]=l(!1),s=n(e=>{i(e.target.value),e.stopPropagation()},[i]);return e("div",{class:"_4r-db",onClick:n(()=>r(!o),[o])},e(Q,null),e("ul",{class:c("_1b4Xq",{_8qwvr:o})},t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:t.id,checked:t.enabled,onClick:s}),e("span",null,t.label||t.language||"und"))))))}function H(){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 L({onClick:t}){return e("div",{class:"_2XaiH",onClick:t},e(H,null))}function S(){return e("div",{class:"_mM3Gy"},e("google-cast-launcher",null))}function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function U({className:t}){return e("img",{class:t,src:"data:image/png;base64,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"})}function F({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(U,{className:"_yCzmM"})))}function G(){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 Y({player:t,castAppId:w,rootElement:p}){const m=i(),[C,E,I,b,y,Q,H,U,Y]=function(e,t){var c;const[u,v]=l(null),[g,w]=l(null),[d,p]=function(e,t){const[n,a]=l(null),c=r(()=>null!==t&&new h(t),[]),u=i(null);return u.current=n,o(()=>{c&&(c.on(A.CONNECTED,()=>{e.currentSrc&&c.load(e.currentSrc,e.currentTime)}),c.on(A.DISCONNECTED,()=>{var t;a(e=>M({},e,{isCasting:!1})),e.seekTo({position:null==(t=u.current)?void 0:t.currentTime})}),c.on(A.STATE_CHANGE,({state:e})=>{a(M({isCasting:e.playbackState!==s.IDLE},e))}))},[]),[c,n]}(e,t),m=i(!1);let f,C;return m.current=null!=(c=null==p?void 0:p.isCasting)&&c,o(()=>{e.on(a.UNREADY,()=>{v(null),w(null)}),e.on(a.READYING,()=>{v(!1)}),e.on(a.READY,()=>{v(!0)}),e.on(a.STATE_CHANGE,({state:t})=>{m.current&&e.isPlaying&&e.pause(),w(M({isCasting:!1},t))})},[]),p&&p.playbackState!==s.IDLE?(C=d,f=p):(C=e,f=g),[u,f,n(()=>C.isPlaying?C.pause():C.play(),[C]),n(()=>C.isMuted?C.unmute():C.mute(),[C]),n(e=>C.setAudioTrack(e),[C]),n(e=>C.setTextTrack(e),[C]),n(e=>C.seekTo({percentage:e}),[C]),n(e=>C.seekTo({change:e}),[C]),n(()=>C.seekToLive(),[C])]}(t,w),[R,P]=function(e){const[t,i]=l(!1),s=r(()=>new u(e.video),[]),a=n(()=>s.toggleAirPlay(),[]);return o(()=>{s.on(v.AVAILABILITY_CHANGED,({available:e})=>i(e))},[]),[t,a]}(t),V=n(()=>{return x()?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},[]),[J,N]=l({visible:!1,x:0,y:0}),X=n(e=>{e.stopPropagation(),e.preventDefault(),N(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=()=>{N({visible:!1,x:0,y:0})})},[]),o(()=>{const e=m.current;if(e){const t=e=>{switch(e.code){case"Space":I();break;case"ArrowRight":U(5);break;case"ArrowLeft":U(-5)}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[m.current]);const Z=i(null),[O,K]=l(!1),W=n(()=>{clearTimeout(Z.current),K(!0),Z.current=setTimeout(()=>K(!1),2500)},[]),q=!O&&(null==E?void 0:E.playbackState)!==s.READY&&(null==E?void 0:E.playbackState)!==s.PAUSED,j=(null==E?void 0:E.playbackState)===s.LOADING||(null==E?void 0:E.playbackState)===s.BUFFERING||(null==E?void 0:E.playbackState)===s.SEEKING;return null===C?null:e("div",{ref:m,tabIndex:0,class:c("_2jAm9"),onMouseMove:W,onContextMenu:X,onPointerUp:n(e=>{q||e.currentTarget!==e.target?K(!0):I()},[q])},J.visible&&e(F,{x:J.x,y:J.y}),(j||!C)&&e(D,null),(null==E?void 0:E.isCasting)&&e(G,null),e("div",{class:c("_SS6y-",{_1Wfm6:q})},e("div",{class:"_1pnfN"},e(f,{playbackState:null==E?void 0:E.playbackState,onClick:I}),(null==E?void 0:E.isLive)&&!(null!=E&&E.isSeekable)&&e(g,{onClick:Y,isAtLiveEdge:null==E?void 0:E.isAtLiveEdge,isSeekable:null==E?void 0:E.isSeekable}),e("div",{class:"_3ju96"}),e(S,null),R&&e(L,{onClick:P}),!1===(null==E?void 0:E.isCasting)&&(null==E?void 0:E.textTracks.length)>1&&e(T,{textTracks:null==E?void 0:E.textTracks,onChange:Q}),!1===(null==E?void 0:E.isCasting)&&(null==E?void 0:E.audioTracks.length)>1&&e(B,{audioTracks:null==E?void 0:E.audioTracks,onChange:y}),e(k,{muted:null==E?void 0:E.isMuted,onClick:b}),e(z,{isFullscreen:x(),onClick:V})),(!(null!=E&&E.isLive)||(null==E?void 0:E.isSeekable))&&e(d,{isLive:null==E?void 0:E.isLive,isAtLiveEdge:null==E?void 0:E.isAtLiveEdge,isSeekable:null==E?void 0:E.isSeekable,handleSeek:H,handleSeekToLive:Y,currentTime:null==E?void 0:E.currentTime,duration:null==E?void 0:E.duration})))}function R({root:n,player:l,castAppId:i}){n.classList.add("_1Xl8W"),t(e(Y,{player:l,rootElement:n,castAppId:i}),n)}export{Y as EyevinnSkin,R as renderEyevinnSkin};
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 r}from"preact/hooks";import{PlaybackState as s,PlayerEvent as a}from"@eyevinn/web-player-core";import u from"classnames";import{AirPlay as c,AirPlayEvent as v}from"@eyevinn/web-player-airplay";import{CastSender as h,CastSenderEvent as g}from"@eyevinn/web-player-cast";function A({onClick:t,isAtLiveEdge:n,isSeekable:l}){return e("div",{class:u("_1gDwG",{_22_VN:!n&&l}),onClick:t},"LIVE")}function d({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 w({currentTime:t=0,duration:l=0,handleSeek:i,handleSeekToLive:o,isLive:r,isAtLiveEdge:s,isSeekable:a}){const c=n(e=>{a&&i(e.offsetX/e.currentTarget.offsetWidth*100)},[i,a]),v=!r||!s&&a?t/l*100||0:100;return e("div",{class:u("_2aAzG",{_3K51E:!a})},e(d,{time:t}),e("div",{class:"_t3a1b",onClick:c},e("div",{class:"_K1UW_"},e("div",{class:"_1Xt9z",style:{width:v+"%"}}))),r?e(A,{onClick:o,isAtLiveEdge:s,isSeekable:a}):e(d,{time:l}))}function m(){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 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:"M6 19h4V5H6v14zm8-14v14h4V5h-4z"}))}function f({playbackState:t,onClick:n}){return e("div",{class:"_3njg6",onClick:n},e(t!==s.PLAYING?m:p,null))}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:"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 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:"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 E({muted:t,onClick:n}){return e("div",{class:"_1AKsf",onClick:n},e(t?k:C,null))}function I({muted:t,onClick:i,toggleMute:o,value:r}){const[s,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=s<5?0:s>95?100:s;(t&&e>0||!t&&0===e)&&o(),i(e)},class:"_2Kn-2"},e("div",{class:"_CZcKs",style:{height:(t?0:100*r)+"%"}})))}function B({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(E,{muted:t,onClick:n}),!o&&e(I,{muted:t,toggleMute:n,onClick:l,value:i}))}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:"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 D({audioTracks:t=[],onChange:i}){const[o,r]=l(!1),s=n(e=>{i(e.target.value)},[i]);return e("div",{class:"_13aPK",onClick:n(()=>r(!o),[o])},e(b,null),e("ul",{class:u("_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:s}),e("span",null,t.label))))))}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:"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 x({isFullscreen:t,onClick:n}){return e("div",{class:"_34Jhj",onClick:n},e(t?y:z,null))}function M(){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 Q(){return!(!document.fullscreenElement&&!document.webkitFullscreenElement)}function T(){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 H({textTracks:t=[],onChange:i}){const[o,r]=l(!1),s=n(e=>{i(e.target.value),e.stopPropagation()},[i]);return e("div",{class:"_4r-db",onClick:n(()=>r(!o),[o])},e(T,null),e("ul",{class:u("_1b4Xq",{_8qwvr:o})},t.map(t=>e("li",null,e("label",null,e("input",{type:"radio",name:"textTrack",value:t.id,checked:t.enabled,onClick:s}),e("span",null,t.label||t.language||"und"))))))}function L(){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 S({onClick:t}){return e("div",{class:"_2XaiH",onClick:t},e(L,null))}function U(){return e("div",{class:"_mM3Gy"},e("google-cast-launcher",null))}function F(){return(F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function G({className:t}){return e("img",{class:t,src:"data:image/png;base64,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"})}function Y({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(G,{className:"_yCzmM"})))}function R(){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 V({player:t,castAppId:d,rootElement:m}){const p=i(),[C,k,E,I,b,y,z,T,L,G,V]=function(e,t){var u;const[c,v]=l(null),[A,d]=l(null),[w,m]=function(e,t){const[n,a]=l(null),u=r(()=>null!==t&&new h(t),[]),c=i(null);return c.current=n,o(()=>{u&&(u.on(g.CONNECTED,()=>{e.currentSrc&&u.load(e.currentSrc,e.currentTime)}),u.on(g.DISCONNECTED,()=>{var t;a(e=>F({},e,{isCasting:!1})),e.seekTo({position:null==(t=c.current)?void 0:t.currentTime})}),u.on(g.STATE_CHANGE,({state:e})=>{a(F({isCasting:e.playbackState!==s.IDLE},e))}))},[]),[u,n]}(e,t),p=i(!1);let f,C;return p.current=null!=(u=null==m?void 0:m.isCasting)&&u,o(()=>{e.on(a.UNREADY,()=>{v(null),d(null)}),e.on(a.READYING,()=>{v(!1)}),e.on(a.READY,()=>{v(!0)}),e.on(a.STATE_CHANGE,({state:t})=>{p.current&&e.isPlaying&&e.pause(),d(F({isCasting:!1},t))})},[]),m&&m.playbackState!==s.IDLE?(C=w,f=m):(C=e,f=A),[c,f,n(()=>C.isPlaying?C.pause():C.play(),[C]),n(()=>C.isMuted?C.unmute():C.mute(),[C]),n(e=>C.setAudioTrack(e),[C]),n(e=>C.setTextTrack(e),[C]),n(e=>C.seekTo({percentage:e}),[C]),n(e=>C.seekTo({change:e}),[C]),n(()=>C.seekToLive(),[C]),n(e=>C.setVolume({percentage:e}),[C]),n(e=>C.setVolume({change:e}),[C])]}(t,d),[P,J]=function(e){const[t,i]=l(!1),s=r(()=>new c(e.video),[]),a=n(()=>s.toggleAirPlay(),[]);return o(()=>{s.on(v.AVAILABILITY_CHANGED,({available:e})=>i(e))},[]),[t,a]}(t),N=n(()=>{return Q()?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)}(m,t.video);var e},[]),[X,Z]=l({visible:!1,x:0,y:0}),K=n(e=>{e.stopPropagation(),e.preventDefault(),Z(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=()=>{Z({visible:!1,x:0,y:0})})},[]),o(()=>{const e=p.current;if(e){const n=e=>{switch(e.code){case"Space":E();break;case"ArrowRight":T(5);break;case"ArrowLeft":T(-5);break;case"ArrowUp":V(.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute();break;case"ArrowDown":V(-.1),t.getVolume()>0?t.isMuted&&t.unmute():t.mute()}};return e.addEventListener("keydown",n),()=>e.removeEventListener("keydown",n)}},[p.current]);const O=i(null),[W,q]=l(!1),j=n(()=>{clearTimeout(O.current),q(!0),O.current=setTimeout(()=>q(!1),2500)},[]),_=!W&&(null==k?void 0:k.playbackState)!==s.READY&&(null==k?void 0:k.playbackState)!==s.PAUSED,$=(null==k?void 0:k.playbackState)===s.LOADING||(null==k?void 0:k.playbackState)===s.BUFFERING||(null==k?void 0:k.playbackState)===s.SEEKING;return null===C?null:e("div",{ref:p,tabIndex:0,class:u("_2jAm9"),onMouseMove:j,onContextMenu:K,onPointerUp:n(e=>{_||e.currentTarget!==e.target?q(!0):E()},[_])},X.visible&&e(Y,{x:X.x,y:X.y}),($||!C)&&e(M,null),(null==k?void 0:k.isCasting)&&e(R,null),e("div",{class:u("_SS6y-",{_1Wfm6:_})},e("div",{class:"_1pnfN"},e(f,{playbackState:null==k?void 0:k.playbackState,onClick:E}),(null==k?void 0:k.isLive)&&!(null!=k&&k.isSeekable)&&e(A,{onClick:L,isAtLiveEdge:null==k?void 0:k.isAtLiveEdge,isSeekable:null==k?void 0:k.isSeekable}),e("div",{class:"_3ju96"}),e(U,null),P&&e(S,{onClick:J}),!1===(null==k?void 0:k.isCasting)&&(null==k?void 0:k.textTracks.length)>1&&e(H,{textTracks:null==k?void 0:k.textTracks,onChange:y}),!1===(null==k?void 0:k.isCasting)&&(null==k?void 0:k.audioTracks.length)>1&&e(D,{audioTracks:null==k?void 0:k.audioTracks,onChange:b}),e(B,{muted:null==k?void 0:k.isMuted,toggleMute:I,onSliderInput:G,volume:null==k?void 0:k.volume}),e(x,{isFullscreen:Q(),onClick:N})),(!(null!=k&&k.isLive)||(null==k?void 0:k.isSeekable))&&e(w,{isLive:null==k?void 0:k.isLive,isAtLiveEdge:null==k?void 0:k.isAtLiveEdge,isSeekable:null==k?void 0:k.isSeekable,handleSeek:z,handleSeekToLive:L,currentTime:null==k?void 0:k.currentTime,duration:null==k?void 0:k.duration})))}function P({root:n,player:l,castAppId:i}){n.classList.add("_1Xl8W"),t(e(V,{player:l,rootElement:n,castAppId:i}),n)}export{V as EyevinnSkin,P as renderEyevinnSkin};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eyevinn/web-player-eyevinn-skin",
3
- "version": "0.6.7",
3
+ "version": "0.7.0",
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.6.0",
33
- "@eyevinn/web-player-cast": "^0.7.0",
34
- "@eyevinn/web-player-core": "^0.9.0",
33
+ "@eyevinn/web-player-cast": "^0.7.1",
34
+ "@eyevinn/web-player-core": "^0.10.0",
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": "355fcfcc2185196282fc426d9761e2177c686c9c"
45
+ "gitHead": "a9a5bd2119c50a5414b32802e5345d1d558ca7d6"
46
46
  }
package/src/EyevinnSkin.tsx CHANGED
@@ -4,16 +4,16 @@ import WebPlayer, { PlaybackState } from '@eyevinn/web-player-core';
4
4
  import classNames from 'classnames';
5
5
  import Timeline from './components/timeline/Timeline';
6
6
  import PlayPauseButton from './components/buttons/playPause/PlayPauseButton';
7
- import VolumeButton from './components/buttons/volume/VolumeButton';
7
+ import VolumeControls from './components/buttons/volume/VolumeControls';
8
8
  import AudioTrackButton from './components/buttons/audioTrack/AudioTrackButton';
9
9
  import FullscreenButton from './components/buttons/fullscreen/FullscreenButton';
10
10
 
11
11
  import style from './skin.module.scss';
12
12
  import Loader from './components/loader/Loader';
13
13
  import {
14
- exitFullscreen,
15
- isFullscreen,
16
- requestFullscreen,
14
+ exitFullscreen,
15
+ isFullscreen,
16
+ requestFullscreen,
17
17
  } from './util/fullscreen';
18
18
  import TextTrackButton from './components/buttons/textTrack/textTrackButton';
19
19
  import AirPlayButton from './components/buttons/airplayButton/AirPlayButton';
@@ -24,193 +24,208 @@ import CastOverlay from './components/castOverlay/CastOverlay';
24
24
  import LiveButton from './components/buttons/liveButton/LiveButton';
25
25
 
26
26
  export default function EyevinnSkin({
27
- player,
28
- castAppId,
29
- rootElement,
27
+ player,
28
+ castAppId,
29
+ rootElement,
30
30
  }: {
31
- player: WebPlayer;
32
- castAppId: string;
33
- rootElement: HTMLElement;
31
+ player: WebPlayer;
32
+ castAppId: string;
33
+ rootElement: HTMLElement;
34
34
  }) {
35
- const skinContainerRef = useRef<HTMLDivElement>();
36
- const [
37
- ready,
38
- state,
39
- togglePlayPause,
40
- toggleMute,
41
- changeAudioTrack,
42
- changeTextTrack,
43
- seekByPercentage,
44
- seekByChange,
45
- seekToLive,
46
- ] = usePlayer(player, castAppId);
47
- const [airplayAvailable, toggleAirPlay] = useAirPlay(player);
35
+ const skinContainerRef = useRef<HTMLDivElement>();
36
+ const [
37
+ ready,
38
+ state,
39
+ togglePlayPause,
40
+ toggleMute,
41
+ changeAudioTrack,
42
+ changeTextTrack,
43
+ seekByPercentage,
44
+ seekByChange,
45
+ seekToLive,
46
+ setVolumeByPercentage,
47
+ setVolumeByChange,
48
+ ] = usePlayer(player, castAppId);
49
+ const [airplayAvailable, toggleAirPlay] = useAirPlay(player);
48
50
 
49
- const toggleFullscreen = useCallback(
50
- () =>
51
- isFullscreen()
52
- ? exitFullscreen()
53
- : requestFullscreen(rootElement, player.video),
54
- []
55
- );
51
+ const toggleFullscreen = useCallback(
52
+ () =>
53
+ isFullscreen()
54
+ ? exitFullscreen()
55
+ : requestFullscreen(rootElement, player.video),
56
+ []
57
+ );
56
58
 
57
- const [contextMenuState, setContextMenuState] = useState({
58
- visible: false,
59
- x: 0,
60
- y: 0,
61
- });
62
- const onContextMenu = useCallback((evt) => {
63
- evt.stopPropagation();
64
- evt.preventDefault();
65
- if (evt.target === evt.currentTarget) {
66
- setContextMenuState({
67
- visible: true,
68
- x: evt.offsetX,
69
- y: evt.offsetY,
70
- });
71
- } else {
72
- setContextMenuState({
73
- visible: false,
74
- x: 0,
75
- y: 0,
76
- });
77
- }
78
- }, []);
59
+ const [contextMenuState, setContextMenuState] = useState({
60
+ visible: false,
61
+ x: 0,
62
+ y: 0,
63
+ });
64
+ const onContextMenu = useCallback((evt) => {
65
+ evt.stopPropagation();
66
+ evt.preventDefault();
67
+ if (evt.target === evt.currentTarget) {
68
+ setContextMenuState({
69
+ visible: true,
70
+ x: evt.offsetX,
71
+ y: evt.offsetY,
72
+ });
73
+ } else {
74
+ setContextMenuState({
75
+ visible: false,
76
+ x: 0,
77
+ y: 0,
78
+ });
79
+ }
80
+ }, []);
79
81
 
80
- useEffect(() => {
81
- let onClick;
82
- document.addEventListener(
83
- 'click',
84
- (onClick = () => {
85
- setContextMenuState({
86
- visible: false,
87
- x: 0,
88
- y: 0,
89
- });
90
- })
91
- );
92
- () => document.removeEventListener('click', onClick);
93
- }, []);
82
+ useEffect(() => {
83
+ let onClick;
84
+ document.addEventListener(
85
+ 'click',
86
+ (onClick = () => {
87
+ setContextMenuState({
88
+ visible: false,
89
+ x: 0,
90
+ y: 0,
91
+ });
92
+ })
93
+ );
94
+ () => document.removeEventListener('click', onClick);
95
+ }, []);
94
96
 
95
- // Setup keyboard listener
96
- useEffect(() => {
97
- const skinContainer = skinContainerRef.current as HTMLDivElement;
98
- if (skinContainer) {
99
- const onKeyDown = (evt: KeyboardEvent) => {
100
- switch (evt.code) {
101
- case 'Space':
102
- togglePlayPause();
103
- break;
104
- case 'ArrowRight':
105
- seekByChange(5);
106
- break;
107
- case 'ArrowLeft':
108
- seekByChange(-5);
109
- break;
110
- }
111
- };
112
- skinContainer.addEventListener('keydown', onKeyDown);
113
- return () => skinContainer.removeEventListener('keydown', onKeyDown);
114
- }
115
- }, [skinContainerRef.current]);
97
+ // Setup keyboard listener
98
+ useEffect(() => {
99
+ const skinContainer = skinContainerRef.current as HTMLDivElement;
100
+ if (skinContainer) {
101
+ const onKeyDown = (evt: KeyboardEvent) => {
102
+ switch (evt.code) {
103
+ case 'Space':
104
+ togglePlayPause();
105
+ break;
106
+ case 'ArrowRight':
107
+ seekByChange(5);
108
+ break;
109
+ case 'ArrowLeft':
110
+ seekByChange(-5);
111
+ break;
112
+ case 'ArrowUp':
113
+ setVolumeByChange(0.1);
114
+ player.getVolume() > 0 ? player.isMuted && player.unmute() : player.mute();
115
+ break;
116
+ case 'ArrowDown':
117
+ setVolumeByChange(-0.1);
118
+ player.getVolume() > 0 ? player.isMuted && player.unmute() : player.mute();
119
+ break;
120
+ }
121
+ };
122
+ skinContainer.addEventListener('keydown', onKeyDown);
123
+ return () => skinContainer.removeEventListener('keydown', onKeyDown);
124
+ }
125
+ }, [skinContainerRef.current]);
116
126
 
117
- // setup detection of user activity, used to toggle overlay visiblity
118
- const timeoutRef = useRef(null);
119
- const [isUserActive, setIsUserActive] = useState(false);
120
- const onMouseMove = useCallback(() => {
121
- clearTimeout(timeoutRef.current);
122
- setIsUserActive(true);
123
- timeoutRef.current = setTimeout(() => setIsUserActive(false), 2500);
124
- }, []);
127
+ // setup detection of user activity, used to toggle overlay visiblity
128
+ const timeoutRef = useRef(null);
129
+ const [isUserActive, setIsUserActive] = useState(false);
130
+ const onMouseMove = useCallback(() => {
131
+ clearTimeout(timeoutRef.current);
132
+ setIsUserActive(true);
133
+ timeoutRef.current = setTimeout(() => setIsUserActive(false), 2500);
134
+ }, []);
125
135
 
126
- const isSkinHidden =
127
- !isUserActive &&
128
- state?.playbackState !== PlaybackState.READY &&
129
- state?.playbackState !== PlaybackState.PAUSED;
136
+ const isSkinHidden =
137
+ !isUserActive &&
138
+ state?.playbackState !== PlaybackState.READY &&
139
+ state?.playbackState !== PlaybackState.PAUSED;
130
140
 
131
- const isLoading =
132
- state?.playbackState === PlaybackState.LOADING ||
133
- state?.playbackState === PlaybackState.BUFFERING ||
134
- state?.playbackState === PlaybackState.SEEKING;
141
+ const isLoading =
142
+ state?.playbackState === PlaybackState.LOADING ||
143
+ state?.playbackState === PlaybackState.BUFFERING ||
144
+ state?.playbackState === PlaybackState.SEEKING;
135
145
 
136
- if (ready === null) {
137
- // the player has no content and cannot play anything
138
- return null;
139
- }
146
+ if (ready === null) {
147
+ // the player has no content and cannot play anything
148
+ return null;
149
+ }
140
150
 
141
- return (
142
- <div
143
- ref={skinContainerRef}
144
- tabIndex={0}
145
- class={classNames(style.container)}
146
- onMouseMove={onMouseMove}
147
- onContextMenu={onContextMenu}
148
- onPointerUp={useCallback(
149
- (evt) => {
150
- if (!isSkinHidden && evt.currentTarget === evt.target) {
151
- togglePlayPause();
152
- } else {
153
- setIsUserActive(true);
154
- }
155
- },
156
- [isSkinHidden]
157
- )}
158
- >
159
- {contextMenuState.visible && (
160
- <ContextMenu x={contextMenuState.x} y={contextMenuState.y} />
161
- )}
162
- {(isLoading || !ready) && <Loader />}
163
- {state?.isCasting && <CastOverlay />}
164
- <div
165
- class={classNames(style.bottomContainer, {
166
- [style.hidden]: isSkinHidden,
167
- })}
168
- >
169
- <div class={style.controls}>
170
- <PlayPauseButton
171
- playbackState={state?.playbackState}
172
- onClick={togglePlayPause}
173
- />
174
- {state?.isLive && !state?.isSeekable && (
175
- <LiveButton
176
- onClick={seekToLive}
177
- isAtLiveEdge={state?.isAtLiveEdge}
178
- isSeekable={state?.isSeekable}
179
- />
180
- )}
181
- <div class={style.divider} />
182
- <CastButton />
183
- {airplayAvailable && <AirPlayButton onClick={toggleAirPlay} />}
184
- {state?.isCasting === false && state?.textTracks.length > 1 && (
185
- <TextTrackButton
186
- textTracks={state?.textTracks}
187
- onChange={changeTextTrack}
188
- />
189
- )}
190
- {state?.isCasting === false && state?.audioTracks.length > 1 && (
191
- <AudioTrackButton
192
- audioTracks={state?.audioTracks}
193
- onChange={changeAudioTrack}
194
- />
195
- )}
196
- <VolumeButton muted={state?.isMuted} onClick={toggleMute} />
197
- <FullscreenButton
198
- isFullscreen={isFullscreen()}
199
- onClick={toggleFullscreen}
200
- />
201
- </div>
202
- {(!state?.isLive || state?.isSeekable) && (
203
- <Timeline
204
- isLive={state?.isLive}
205
- isAtLiveEdge={state?.isAtLiveEdge}
206
- isSeekable={state?.isSeekable}
207
- handleSeek={seekByPercentage}
208
- handleSeekToLive={seekToLive}
209
- currentTime={state?.currentTime}
210
- duration={state?.duration}
211
- />
212
- )}
213
- </div>
214
- </div>
215
- );
151
+ return (
152
+ <div
153
+ ref={skinContainerRef}
154
+ tabIndex={0}
155
+ class={classNames(style.container)}
156
+ onMouseMove={onMouseMove}
157
+ onContextMenu={onContextMenu}
158
+ onPointerUp={useCallback(
159
+ (evt) => {
160
+ if (!isSkinHidden && evt.currentTarget === evt.target) {
161
+ togglePlayPause();
162
+ } else {
163
+ setIsUserActive(true);
164
+ }
165
+ },
166
+ [isSkinHidden]
167
+ )}
168
+ >
169
+ {contextMenuState.visible && (
170
+ <ContextMenu x={contextMenuState.x} y={contextMenuState.y} />
171
+ )}
172
+ {(isLoading || !ready) && <Loader />}
173
+ {state?.isCasting && <CastOverlay />}
174
+ <div
175
+ class={classNames(style.bottomContainer, {
176
+ [style.hidden]: isSkinHidden,
177
+ })}
178
+ >
179
+ <div class={style.controls}>
180
+ <PlayPauseButton
181
+ playbackState={state?.playbackState}
182
+ onClick={togglePlayPause}
183
+ />
184
+ {state?.isLive && !state?.isSeekable && (
185
+ <LiveButton
186
+ onClick={seekToLive}
187
+ isAtLiveEdge={state?.isAtLiveEdge}
188
+ isSeekable={state?.isSeekable}
189
+ />
190
+ )}
191
+ <div class={style.divider} />
192
+ <CastButton />
193
+ {airplayAvailable && <AirPlayButton onClick={toggleAirPlay} />}
194
+ {state?.isCasting === false && state?.textTracks.length > 1 && (
195
+ <TextTrackButton
196
+ textTracks={state?.textTracks}
197
+ onChange={changeTextTrack}
198
+ />
199
+ )}
200
+ {state?.isCasting === false && state?.audioTracks.length > 1 && (
201
+ <AudioTrackButton
202
+ audioTracks={state?.audioTracks}
203
+ onChange={changeAudioTrack}
204
+ />
205
+ )}
206
+ <VolumeControls
207
+ muted={state?.isMuted}
208
+ toggleMute={toggleMute}
209
+ onSliderInput={setVolumeByPercentage}
210
+ volume={state?.volume}
211
+ ></VolumeControls>
212
+ <FullscreenButton
213
+ isFullscreen={isFullscreen()}
214
+ onClick={toggleFullscreen}
215
+ />
216
+ </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
+ </div>
229
+ </div>
230
+ );
216
231
  }
package/src/components/buttons/volume/VolumeButton.tsx CHANGED
@@ -31,7 +31,7 @@ function VolumeMute() {
31
31
 
32
32
  export default function VolumeButton({ muted, onClick }) {
33
33
  return (
34
- <div class={style.container} onClick={onClick}>
34
+ <div class={style.volumeButtonContainer} onClick={onClick}>
35
35
  {muted ? <VolumeMute /> : <VolumeUp />}
36
36
  </div>
37
37
  );
package/src/components/buttons/volume/VolumeControls.tsx ADDED
@@ -0,0 +1,32 @@
1
+ import { h } from 'preact';
2
+ import style from './volume.module.css';
3
+ import VolumeButton from './VolumeButton';
4
+ import VolumeSlider from './VolumeSlider';
5
+
6
+ export default function VolumeControls({
7
+ muted,
8
+ toggleMute,
9
+ onSliderInput,
10
+ volume,
11
+ }) {
12
+ const isMobile =
13
+ /iPhone|iPod|iPad|Android/.test(navigator.userAgent) ||
14
+ (/Macintosh/.test(navigator.userAgent) &&
15
+ 'ontouchstart' in document.documentElement)
16
+ ? true
17
+ : false;
18
+
19
+ return (
20
+ <div class={style.controls}>
21
+ <VolumeButton muted={muted} onClick={toggleMute} />
22
+ {!isMobile && (
23
+ <VolumeSlider
24
+ muted={muted}
25
+ toggleMute={toggleMute}
26
+ onClick={onSliderInput}
27
+ value={volume}
28
+ />
29
+ )}
30
+ </div>
31
+ );
32
+ }
package/src/components/buttons/volume/VolumeSlider.tsx ADDED
@@ -0,0 +1,37 @@
1
+ import { h } from 'preact';
2
+ import style from './volume.module.css';
3
+ import { useCallback, useState } from 'preact/hooks';
4
+
5
+ export default function VolumeSlider({ muted, onClick, toggleMute, value }) {
6
+ const [mousePos, setMousePos] = useState(-1);
7
+ const onMouseMove = useCallback((evt: MouseEvent) => {
8
+ evt.preventDefault();
9
+ const height = (evt.currentTarget as HTMLDivElement).offsetHeight;
10
+ setMousePos(100 - evt.offsetY / height * 100);
11
+ }, []);
12
+ const onMouseLeave = useCallback((evt: MouseEvent) => {
13
+ evt.preventDefault();
14
+ setMousePos(-1);
15
+ }, []);
16
+ return (
17
+ <div class={style.sliderWrapper}>
18
+ <div
19
+ onMouseMove={onMouseMove}
20
+ onMouseLeave={onMouseLeave}
21
+ onClick={() => {
22
+ let newVolumePercentage = mousePos < 5 ? 0 : mousePos > 95 ? 100: mousePos;
23
+ if((muted && newVolumePercentage > 0) || (!muted && newVolumePercentage === 0)) {
24
+ toggleMute();
25
+ }
26
+ onClick(newVolumePercentage);
27
+ }}
28
+ class={style.sliderContainer}
29
+ >
30
+ <div
31
+ class={style.sliderProgress}
32
+ style={{ height: `${muted ? 0 : value * 100}%` }}
33
+ ></div>
34
+ </div>
35
+ </div>
36
+ );
37
+ }
package/src/components/buttons/volume/volume.module.css CHANGED
@@ -1,14 +1,50 @@
1
- .container {
1
+ .volumeButtonContainer {
2
2
  width: 1.5em;
3
3
  height: 1.5em;
4
-
5
4
  cursor: pointer;
5
+ padding-top: -50px;
6
6
  }
7
- .container svg {
7
+ .volumeButtonContainer svg {
8
8
  width: 100%;
9
9
  height: 100%;
10
10
  fill: rgba(255, 255, 255, 0.8);
11
11
  }
12
- .container svg:hover {
12
+ .volumeButtonContainer svg:hover {
13
13
  fill: rgba(255, 255, 255, 1);
14
14
  }
15
+ .sliderWrapper {
16
+ height: 8em;
17
+ width: 1.5em;
18
+ left: 50%;
19
+ margin-left: -0.75em;
20
+ display: none;
21
+ bottom: 1.5em;
22
+ position: absolute;
23
+ }
24
+ .sliderContainer {
25
+ background-color: rgba(228, 227, 227, 0.3);
26
+ height: 7em;
27
+ width: 0.7em;
28
+ cursor: pointer;
29
+ border-radius: 0.1em;
30
+ position: absolute;
31
+ bottom: 0.15em;
32
+ left: 50%;
33
+ margin-left: -0.35em;
34
+ border: 0.05em, solid, rgba(187, 186, 186, 0.5);
35
+ }
36
+ .sliderProgress {
37
+ background-color: rgba(255, 255, 255, 1);
38
+ width: 0.7em;
39
+ border-radius: 0.1em;
40
+ border-top: 0.05em, solid, rgba(187, 186, 186, 0.7);
41
+ position: absolute;
42
+ bottom: 0;
43
+ pointer-events: none;
44
+ }
45
+ .controls {
46
+ position: relative;
47
+ }
48
+ .controls:hover .sliderWrapper {
49
+ display: block;
50
+ }
package/src/util/hooks.ts CHANGED
@@ -115,6 +115,14 @@ export function usePlayer(webPlayer: WebPlayer, castAppId: string) {
115
115
  [player]
116
116
  );
117
117
  const seekToLive = useCallback(() => player.seekToLive(), [player]);
118
+ const setVolumeByPercentage = useCallback(
119
+ (percentage: number) => player.setVolume({ percentage }),
120
+ [player]
121
+ );
122
+ const setVolumeByChange = useCallback(
123
+ (change: number) => player.setVolume({ change }),
124
+ [player]
125
+ );
118
126
 
119
127
  return [
120
128
  ready,
@@ -126,6 +134,8 @@ export function usePlayer(webPlayer: WebPlayer, castAppId: string) {
126
134
  seekByPercentage,
127
135
  seekByChange,
128
136
  seekToLive,
137
+ setVolumeByPercentage,
138
+ setVolumeByChange
129
139
  ];
130
140
  }
131
141