@flowplayer/player 3.14.1 → 3.15.0-rc.10

package/plugins/cuepoints.js

@@ -1 +1 @@
-!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.cuepoints=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 o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const r=window.customElements.get(n);return"function"!=typeof r?o:r})(e._customElements,t))(e);function t(e,t,n){const o=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(o),e}function n(e){const t=e._customElements.get("flowplayer-cue");t&&Array.from(e.root.querySelectorAll(t)).forEach(e=>{e.remove()})}function o(n,o){var r;const i=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(n,"flowplayer-timeline-bar"),s=n.duration,u=null===(r=null==n?void 0:n.opts)||void 0===r?void 0:r.draw_cuepoints;i&&!n.hasState("is-live")&&isFinite(s)&&Array.isArray(o)&&u&&o.forEach(o=>{if(void 0===o.startTime||o.startTime<0||!o.endTime||o.startTime===o.endTime)return;const r=Math.round(o.startTime/s*1e3)/10;if(r>100||r<0)return;const u=o.endTime-o.startTime,c=e(n,"flowplayer-cue");t(c,"cue:attributes",{left:r+"%",width:u/s*100+"%"}),i.append(c)})}!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){}}();class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}class CueComponent extends FlowplayerComponent{constructor(e){super(e),this.className="fp-cuepoint",this.addEventListener("cue:attributes",e=>{this.style.setProperty("left",e.detail.left),this.style.setProperty("width",e.detail.width)})}}class Cuepoints{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-cue",CueComponent)}init(e,t,r){if(!r.reaper)return;const i=r.addTextTrack("metadata","fp-cuepoints");i.removeCue=function(e){this===Cuepoints&&TextTrack.prototype.removeCue.call(i,e)},r.reaper.set("cuepoints",[]),r.on("config",(function(t){var n;if(!r.reaper)return;(null===(n=t.data)||void 0===n?void 0:n.cuepoints)!==r.reaper.get("cuepoints")&&r.emit("cuepoints",{cuepoints:e.cuepoints})})),r.on("durationchange",()=>{r.reaper&&(n(r),o(r,r.reaper.get("cuepoints")))}),r.on("cuepoints",e=>{var t;if(!r.reaper)return;const s=(null===(t=e.data)||void 0===t?void 0:t.cuepoints)||[];r.reaper.set("cuepoints",s),Array.from(i.cues||{length:0}).forEach(e=>i.removeCue.call(this.constructor,e)),n(r),s.map((function(e){return function(e,t){try{const n=new VTTCue(t.startTime,t.endTime,t.text||"");return n.id=t.id||"",n.onenter=e.emit.bind(e,"cuepointstart",{cuepoint:t}),n.onexit=e.emit.bind(e,"cuepointend",{cuepoint:t}),n}catch(e){if(t.startTime===t.endTime)return console.warn("Cue(:error)> startTime cannot equal endTime on this platform");throw e}}(r,e)})).forEach((function(e){e&&i.addCue(e)})),o(r,s)})}}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,Cuepoints)}));
+!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.cuepoints=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 o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const r=window.customElements.get(n);return"function"!=typeof r?o:r})(e._customElements,t))(e);function t(e,t,n){const o=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(o),e}function n(e){const t=e._customElements.get("flowplayer-cue");t&&Array.from(e.root.querySelectorAll(t)).forEach(e=>{e.remove()})}function o(n,o){var r;const i=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(n,"flowplayer-timeline-bar"),s=n.duration,c=null===(r=null==n?void 0:n.opts)||void 0===r?void 0:r.draw_cuepoints;i&&!n.hasState("is-live")&&isFinite(s)&&Array.isArray(o)&&c&&o.forEach(o=>{if(void 0===o.startTime||o.startTime<0||!o.endTime||o.startTime===o.endTime)return;const r=Math.round(o.startTime/s*1e3)/10;if(r>100||r<0)return;const c=o.endTime-o.startTime,u=e(n,"flowplayer-cue");t(u,"cue:attributes",{left:r+"%",width:c/s*100+"%"}),i.append(u)})}!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){}}();class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}class CueComponent extends FlowplayerComponent{constructor(e){super(e),this.className="fp-cuepoint",this.addEventListener("cue:attributes",e=>{this.style.setProperty("left",e.detail.left),this.style.setProperty("width",e.detail.width)})}}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,class Cuepoints{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-cue",CueComponent)}init(e,t,r){if(!r.reaper)return;const i=r.addTextTrack("metadata","fp-cuepoints");i.removeCue=function(e){this===Cuepoints&&TextTrack.prototype.removeCue.call(i,e)},r.reaper.set("cuepoints",[]),r.on("config",(function(t){var n;if(!r.reaper)return;(null===(n=t.data)||void 0===n?void 0:n.cuepoints)!==r.reaper.get("cuepoints")&&r.emit("cuepoints",{cuepoints:e.cuepoints})})),r.on("durationchange",()=>{r.reaper&&(n(r),o(r,r.reaper.get("cuepoints")))}),r.on("cuepoints",e=>{var t;if(!r.reaper)return;const s=(null===(t=e.data)||void 0===t?void 0:t.cuepoints)||[];r.reaper.set("cuepoints",s),Array.from(i.cues||{length:0}).forEach(e=>i.removeCue.call(this.constructor,e)),n(r),s.map((function(e){return function(e,t){try{const n=new VTTCue(t.startTime,t.endTime,t.text||"");return n.id=t.id||"",n.onenter=e.emit.bind(e,"cuepointstart",{cuepoint:t}),n.onexit=e.emit.bind(e,"cuepointend",{cuepoint:t}),n}catch(e){if(t.startTime===t.endTime)return console.warn("Cue(:error)> startTime cannot equal endTime on this platform");throw e}}(r,e)})).forEach((function(e){e&&i.addCue(e)})),o(r,s)})}})}));