@flowplayer/player 3.35.0-rc → 3.35.0

package/package/plugins/vtsel.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.vtsel=t())}(this,function(){"use strict";const e=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const s=window.customElements.get(t);if(!s)throw new Error(`no default flowplayer component with the name ${t} exists`);const i=window.customElements.get(n);return"function"!=typeof i?s:i})(e._customElements,t))(e),t="flowplayer-video-menu";class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const n="click",s="videoTracks",i="tracks:video:select",r="has-menu-opened",a="fp-menu-container",o="fp-on",l="fp-invis",c="details[open]."+a;class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.menuHeader=document.createElement("div"),this.menuTitle=document.createElement("h3"),this.olEle=document.createElement("ol"),this.olEle.id=d(),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menuHeader.classList.add("fp-menu-header"),this.menuHeader.append(this.menuTitle,this.closeEle),this.menu.classList.add("fp-menu"),this.menu.append(this.menuHeader,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.textContent="×",this.menuContainer.classList.add(a),this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener(n,t=>{if(t.defaultPrevented)return;t.preventDefault();const n=this.menuContainer.open;n||(u(),document.active_menu=this.menuContainer),this.menuContainer.open=!n,e.root.classList.toggle(r,!n),this.summaryEle.setAttribute("aria-expanded",n?"false":"true")}),this.addEventListener("focusin",e=>{e.target;HTMLLIElement}),this.addEventListener("focusout",e=>{e.target;HTMLLIElement}),this.append(this.menuContainer),this.olEle.setAttribute("aria-labelledby",this.summaryEle.id),this.olEle.setAttribute("role","menu"),this.summaryEle.setAttribute("aria-haspopup","true"),this.summaryEle.setAttribute("aria-controls",this.olEle.id),this.summaryEle.setAttribute("tabindex","0"),this.summaryEle.setAttribute("aria-expanded","false"),this.summaryEle.setAttribute("role","button")}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(t){if(this.className=t.class,this.toggle_visibility(!0),this.summaryEle.id||(this.summaryEle.id=t.id||d()),this.summaryEle.setAttribute("aria-label",t.menuTitle||"Menu"),t.summaryTitle&&(this.summaryEle.textContent=t.summaryTitle),t.summaryIcon){const n=e(this.player,t.summaryIcon);n.setAttribute("tabindex",""),this.summaryEle.append(n)}t.menuTitle&&(this.menuTitle.textContent=t.menuTitle),this.menu.classList.toggle("fp-icons",!!t.icons),this.addEventListener(t.options_event,e=>{this.render(e.data)}),t.item_selected_event&&this.addEventListener(t.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.toggle_visibility(!(null==e?void 0:e.length)))}menuOption(e,t){const s=document.createElement("li");s.setAttribute("tabindex","0"),e.icon&&s.append(e.icon);const i=document.createElement("span");i.textContent=e.text,s.append(i),this.olEle.appendChild(s),e.isButton?(s.setAttribute("role","menuitem"),s.addEventListener(n,()=>{"function"==typeof e.onclick&&e.onclick()})):(s.setAttribute("role","menuitemradio"),s.setAttribute("aria-checked","false"),s.addEventListener(n,()=>{this.select_item(t),"function"==typeof e.onclick&&e.onclick()}),e.selected&&this.select_item(t))}select_item(e){var t;if(this.options[e]&&!(null===(t=this.options[e])||void 0===t?void 0:t.hasAttribute("aria-checked")))throw new Error("Cannot select a button-only item");this.options.forEach((t,n)=>{t.hasAttribute("aria-checked")&&(t.classList.toggle(o,n===e),t.setAttribute("aria-checked",n===e?"true":"false"))})}unselect_item(){this.options.forEach(e=>{e.classList.remove(o),e.hasAttribute("aria-checked")&&e.setAttribute("aria-checked","false")})}toggle_visibility(e){this.classList.toggle(l,e),this.menu.style.setProperty("display",e?"none":"flex")}}function u(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector(c);n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle(r,!1))})}function d(){return Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)}document.addEventListener(n,function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(u(),this.active_menu=void 0)});function m(e,t,n){const s=function(e,t){const n=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(n,"data",{get:()=>t}),n}(t,n);return e.dispatchEvent(s),e}var h;!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}(),function(e){e[e.Idle=0]="Idle",e[e.Receiving=1]="Receiving",e[e.Starting=2]="Starting"}(h||(h={}));var p=function(e){var t={exports:{}};return e(t,t.exports),t.exports}(function(e,t){var n,s,i,r,a;n=/^(?=((?:[a-zA-Z0-9+\-.]+:)?))\1(?=((?:\/\/[^\/?#]*)?))\2(?=((?:(?:[^?#\/]*\/)*[^;?#\/]*)?))\3((?:;[^?#]*)?)(\?[^#]*)?(#[^]*)?$/,s=/^(?=([^\/?#]*))\1([^]*)$/,i=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g,a={buildAbsoluteURL:function(e,t,n){if(n=n||{},e=e.trim(),!(t=t.trim())){if(!n.alwaysNormalize)return e;var i=a.parseURL(e);if(!i)throw new Error("Error trying to parse base URL.");return i.path=a.normalizePath(i.path),a.buildURLFromParts(i)}var r=a.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return n.alwaysNormalize?(r.path=a.normalizePath(r.path),a.buildURLFromParts(r)):t;var o=a.parseURL(e);if(!o)throw new Error("Error trying to parse base URL.");if(!o.netLoc&&o.path&&"/"!==o.path[0]){var l=s.exec(o.path);o.netLoc=l[1],o.path=l[2]}o.netLoc&&!o.path&&(o.path="/");var c={scheme:o.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(c.netLoc=o.netLoc,"/"!==r.path[0]))if(r.path){var u=o.path,d=u.substring(0,u.lastIndexOf("/")+1)+r.path;c.path=a.normalizePath(d)}else c.path=o.path,r.params||(c.params=o.params,r.query||(c.query=o.query));return null===c.path&&(c.path=n.alwaysNormalize?a.normalizePath(r.path):r.path),a.buildURLFromParts(c)},parseURL:function(e){var t=n.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(i,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=a});const f=/#EXT-X-MEDIA:(.*)/g,v=/(.+?)=(".*?"|.*?)(?:,|$)/g;function y(e,t,n,s){let r=n;const a={label:e,default:n,data:s||[]};return Object.defineProperty(a,"selected",{get:()=>r,set(e){var n;"boolean"==typeof e&&r!==e&&(r&&1===(null===(n=t.tracks)||void 0===n?void 0:n.filter(e=>e.selected).length)||(r=e,e&&t.emit(i,{track:a})))}})}class AttrList{constructor(e){"string"==typeof e&&(e=AttrList.parseAttrList(e)),Object.keys(e).forEach(t=>{e.hasOwnProperty(t)&&("X-"===t.substring(0,2)&&(this.clientAttrs=this.clientAttrs||[],this.clientAttrs.push(t)),this[t]=e[t])})}bool(e){return"YES"===this[e]}static parseAttrList(e){let t;const n={};for(v.lastIndex=0;null!==(t=v.exec(e));){let e=t[2];0===e.indexOf('"')&&e.lastIndexOf('"')===e.length-1&&(e=e.slice(1,-1));n[t[1].trim()]=e}return n}}const E="parse:video:tracks",b="dash:video:tracks",g=i,A=s;var L=Object.freeze({__proto__:null,PARSE_TRACKS:E,DASH_VIDEO_TRACKS:b,VIDEO_TRACK_SELECT:g,VIDEO_TRACKS:A,TRACKS:"video:tracks",SWITCH:"video:update"});const w=1,k=.1,_=.01;function x(e,{feature_name:t,behavior:n,sample_rate:s}){t&&(s||(s=w),e.emit("flowplayer:feature",{feature_name:t,behavior:n,sample_rate:s}))}var T;const C=((T=class Vtsel{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,t,class extends FlowplayerMenu{})}init(n,r,a){var o;const l=e(a,t);l instanceof FlowplayerMenu&&l.setMenuAttrs({summaryTitle:a.i18n("vtsel.button_txt","Video"),menuTitle:a.i18n("vtsel.menu_title","Video Track"),class:"fp-vsel",options_event:T.events.TRACKS,item_selected_event:T.events.SWITCH}),a.on("mount",function(){var e;null===(e=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(a,a.hasState("is-tv")?"flowplayer-tv-menu":"flowplayer-control"))||void 0===e||e.append(l)}),a.on("src",()=>{a.tracks=[],m(l,T.events.TRACKS,[])}),a.on(b,e=>{const t=e.detail;t.tracks.forEach((e,n)=>{var s;const i=[];e.lang&&i.push(`Lang: ${e.lang}`),e.codec&&i.push(`Codec: ${e.codec}`);const r=i.length?i.join(" - "):String(n);null===(s=null==a?void 0:a.tracks)||void 0===s||s.push(y(r,a,n===t.defaultIndex,e))})}),a.on(E,e=>{const t=e.detail;t&&function(e,t,n){var s,i,r,a;let o,l=0;for(f.lastIndex=0;null!==(o=f.exec(t));){const t=new AttrList(o[1]);if("VIDEO"===t.TYPE){let o=null===(s=e.tracks)||void 0===s?void 0:s.find(e=>e.label===(t.NAME||t.LANGUAGE||"Track "+l));if(o||(o=y(t.NAME||t.LANGUAGE||l+++"",e,t.bool("DEFAULT")),t.bool("DEFAULT")&&(o.data=null===(i=e.hls)||void 0===i?void 0:i.levels.slice(0)),null===(r=e.tracks)||void 0===r||r.push(o)),t.bool("DEFAULT"))continue;const c=o.data,u={details:void 0,audioGroupIds:null===(a=e.hls)||void 0===a?void 0:a.levels[0].audioGroupIds,attrs:{},urlId:0,url:[t.URI?p.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):""],uri:t.URI?p.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):"",level:null==c?void 0:c.length,name:"level "+(null==c?void 0:c.length)};null==c||c.push(u)}}}(a,t.manifest,t.url)}),null===(o=a.videoTracks)||void 0===o||o.addEventListener("addtrack",()=>{n.is_native&&(a.tracks=Array.from(a.videoTracks||[]).map((e,t)=>y(e.label?e.label:"track "+t,a,e.selected)),a.emit(s,a.tracks))}),a.on("loadeddata",()=>{var e;if(!n.is_native||!a.videoTracks){if(!n.is_native)return(null===(e=a.tracks)||void 0===e?void 0:e.length)&&a.emit(s,a.tracks);a.tracks=[y("default",a,!0)],a.emit(s,a.tracks)}}),a.on(s,()=>{const e=a.tracks;e&&Array.isArray(e)&&(m(l,T.events.TRACKS,e.map(e=>({text:e.label,onclick:()=>e.selected=!0}))),m(l,T.events.SWITCH,{selected_index:e.findIndex(e=>e.default)}),l instanceof FlowplayerMenu&&l.toggle_visibility((null==e?void 0:e.length)<2))}),a.on(i,e=>{const t=e.detail.track,n=a.tracks;if(!t||!n||!Array.isArray(n))return;if(m(l,T.events.SWITCH,{selected_index:n.indexOf(t)}),!a.opts.is_native||!a.videoTracks)return;a.videoTracks[n.indexOf(t)].selected=!0;const s=n.find(e=>e.selected&&e!==t);s&&(s.selected=!1,a.videoTracks[n.indexOf(s)].selected=!1)}),a.on("rts/status",e=>{var t;const n=e.detail.status,s=e.detail.data;if(n===h.Idle)return m(l,T.events.TRACKS,[]),a.tracks=[];n===h.Receiving&&(null===(t=null==a?void 0:a.tracks)||void 0===t||t.push(y((null==s?void 0:s.sourceId)||"Main",a,!(null==s?void 0:s.sourceId),s)))}),(e=>{e.on(A,()=>{x(e,{feature_name:"video-tracks",behavior:"tracks-fetched",sample_rate:_})}),e.on(g,()=>{x(e,{feature_name:"video-tracks",behavior:"track-selected",sample_rate:k})})})(a)}}).pluginName="vtsel",T.events=L,T);return function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;if(null===document.currentScript)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,C)});