@flowplayer/player 3.11.2-rc.3 → 3.11.2-rc.4

package/plugins/id3.d.ts

@@ -1,7 +1,28 @@
 import type { MediaKeyFunc } from 'hls.js';
 
+declare type AnyPlugin<PluginOwnConfig extends KeyValue> = Plugin_2<PluginOwnConfig> | Loader<PluginOwnConfig>;
+
+declare type ArrayToIntersection<T extends Array<unknown>> = T extends [infer Current, ...infer Remaining] ? Current & ArrayToIntersection<Remaining> : unknown;
+
+declare enum AutoplayOpts {
+    OFF = 0,
+    ON = 1,
+    AUDIO_REQUIRED = 2
+}
+
 declare type BitOpts = number;
 
+declare type Component = {
+    onrender?: (config: Config, root: PlayerRoot, player: Player) => void;
+    onremove?: (config: Config, root: PlayerRoot, player: Player) => void;
+};
+
+declare interface Components {
+    render(key: string, args: any[]): void;
+    remove(key: string, args: any[]): void;
+    put(key: string, args: Component): void;
+}
+
 declare interface Config {
     src?: UnsafeSource;
     preload?: "none" | "metadata" | "auto";
@@ -52,6 +73,11 @@ declare interface Config {
     seconds_to_dvr?: number;
 }
 
+declare type CustomConfig<T> = Config & T;
+
+declare const _default: PluginCtor<KeyValue>;
+export default _default;
+
 declare type DeviceId = string;
 
 declare type DRM_KEYSYSTEM = "com.widevine.alpha" | "com.microsoft.playready" | "org.w3.clearkey" | "com.apple.fps.1_0";
@@ -77,13 +103,40 @@ declare type DRMVendorImplementation = {
     }, cb: (license_data: Uint8Array) => void) => void;
 };
 
-declare namespace events {
-    export {
-        ID3_2 as ID3
-    }
+declare type FlowplayerCustomElementRegistry = Map<string, string>;
+
+declare interface FlowplayerUMD extends FlowplayerUMDBase {
+    (selector: string, config?: Config): Player;
+    (element: HTMLElement, config?: Config): Player;
+    <T>(selector: string, config?: CustomConfig<T>): Player;
+    <T>(element: HTMLElement, config?: CustomConfig<T>): Player;
+    <PluginCtors extends PluginCtor[]>(...plugins: PluginCtors): FlowplayerUMDWithPlugins<CustomConfig<MergeConfigs<PluginCtors>>>;
 }
 
-declare type FlowplayerCustomElementRegistry = Map<string, string>;
+declare interface FlowplayerUMDBase {
+    instances: Player[];
+    extensions: PluginCtor[];
+    events: Record<string, string>;
+    ads?: {
+        events: Record<string, string>;
+    };
+    states: Record<string, string>;
+    quality: typeof QualityOpts;
+    commit: string;
+    version: string;
+    customElements: FlowplayerCustomElementRegistry;
+    defaultElements: Record<string, string>;
+    components: Components;
+    support: any;
+    autoplay: typeof AutoplayOpts;
+    jwt: any;
+    loaders: any;
+}
+
+declare interface FlowplayerUMDWithPlugins<ConfigWithPlugins extends Config = Config> extends FlowplayerUMDBase {
+    (selector: string, config?: ConfigWithPlugins): Player;
+    (element: HTMLElement, config?: ConfigWithPlugins): Player;
+}
 
 declare interface FPEvent<T> extends CustomEvent<T> {
     /**
@@ -94,14 +147,6 @@ declare interface FPEvent<T> extends CustomEvent<T> {
     data?: T;
 }
 
-declare class ID3 implements Plugin_2 {
-    static events: typeof events;
-    init(_config: Config, _root: PlayerRoot, video: Player): void;
-}
-export default ID3;
-
-declare const ID3_2 = "ID3";
-
 declare type JSONPlayer = any;
 
 declare type KeyValue = Record<string, any>;
@@ -112,6 +157,12 @@ declare interface Loader<PluginOwnConfig extends KeyValue = KeyValue> extends Pl
     wants<S = KeyValue, T = KeyValue>(srcString: SourceStr, srcObj: SourceWith<S>, config: PluginConfig<T>): boolean;
 }
 
+declare type MapToConfigs<Arr extends PluginCtor[]> = {
+    [PluginType in keyof Arr]: Arr[PluginType] extends PluginCtor<infer ConfigType> ? ConfigType : never;
+};
+
+declare type MergeConfigs<Arr extends PluginCtor[]> = ArrayToIntersection<MapToConfigs<Arr>>;
+
 declare interface Player extends HTMLVideoElement {
     renderPlugin: (pluginContainer: HTMLElement) => void;
     toggleDisable: (flag: boolean) => void;
@@ -176,6 +227,16 @@ declare interface Plugin_2<PluginOwnConfig extends KeyValue = KeyValue> {
 
 declare type PluginConfig<T> = Config & T;
 
+declare interface PluginCtor<PluginOwnConfig extends KeyValue = KeyValue> {
+    new (umd: FlowplayerUMD, player: Player): AnyPlugin<PluginOwnConfig>;
+}
+
+declare enum QualityOpts {
+    LOW = 1,
+    MEDIUM = 2,
+    HIGH = 4
+}
+
 declare type SourceObj = {
     src?: SourceStr;
     type?: string;

package/plugins/id3.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.id3=n())}(this,(function(){"use strict";var e=Object.freeze({__proto__:null,ID3:"ID3"});class ID3{init(e,n,t){t.textTracks.addEventListener("addtrack",({track:e})=>{if(e&&"metadata"===e.kind)return"id3"==e.id||"id3"==e.label||"com.apple.streaming"==e.inBandMetadataTrackDispatchType?function(e,n){n.mode="hidden",n.addEventListener("cuechange",async()=>{Array.from(n.activeCues||[]).forEach(async n=>{(function(e){return"object"==typeof e.value&&"string"==typeof e.value.key&&!!e.value.data})(n)&&e.emit("ID3",{cue:n})})})}(t,e):void 0})}}return ID3.events=e,function(e,n){if("object"==typeof exports&&"undefined"!=typeof module)return n;if(null===document.currentScript)return n;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;"function"==typeof t?t(n):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(n)||t.extensions.push(n))}(window,ID3),ID3}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.id3=n())}(this,(function(){"use strict";var e=Object.freeze({__proto__:null,ID3:"ID3"});class ID3{init(e,n,t){t.textTracks.addEventListener("addtrack",({track:e})=>{if(e&&"metadata"===e.kind)return"id3"==e.id||"id3"==e.label||"com.apple.streaming"==e.inBandMetadataTrackDispatchType?function(e,n){n.mode="hidden",n.addEventListener("cuechange",async()=>{Array.from(n.activeCues||[]).forEach(async n=>{(function(e){return"object"==typeof e.value&&"string"==typeof e.value.key&&!!e.value.data})(n)&&e.emit("ID3",{cue:n})})})}(t,e):void 0})}}return ID3.events=e,function(e,n){if("object"==typeof exports&&"undefined"!=typeof module)return n;if(null===document.currentScript)return n;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;return"function"==typeof t?(t(n),n):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(n)||t.extensions.push(n),n)}(window,ID3)}));

package/plugins/iframe.d.ts

@@ -147,24 +147,8 @@ declare interface FPEvent<T> extends CustomEvent<T> {
 /**
  * maybe handles iframe specific stuff if inside an iframe
  */
-declare class Iframe implements Plugin_2 {
-    /**
-     * this is for interframe communication namespace
-     *
-     * all google libraries use different ones to talk to each other ("ima://" for instance)
-     * which means we might have listeners attached to the onmessage handler
-     * before flowplayer.instances actually exist.
-     *
-     * by namespacing our own events we can handle this much better
-     */
-    static FLOWPLAYER_RPC_PROTOCOL: string;
-    static ATTACHED: boolean;
-    static is_flowplayer_message: (data: string) => boolean;
-    static message_body: (data: string) => string;
-    constructor(umd: FlowplayerUMD, player: Player);
-    init(config: Config, _root: unknown, video: Player): void;
-}
-export default Iframe;
+declare const IframePlugin: PluginCtor<KeyValue>;
+export default IframePlugin;
 
 declare type JSONPlayer = any;
 

package/plugins/iframe.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.iframe=n())}(this,(function(){"use strict";class Iframe{constructor(e,n){Iframe.ATTACHED||(n.setState("is-iframe",!0),Iframe.ATTACHED=!0,window.addEventListener("message",(function(n){if(!Iframe.is_flowplayer_message(n.data))return;const t=e.instances||[],r=t[0];if(!r)return;t.length>1&&console.warn("Multiple player instances in iframe. Messaging supported with first instance only.");switch(Iframe.message_body(n.data)){case"pause":return r.togglePlay(!1);case"play":return r.togglePlay(!0)}})))}init(e,n,t){t.on("fullscreenenter",(function(){document.fullscreenEnabled||"function"==typeof t.webkitEnterFullscreen&&(t.webkitEnterFullscreen(),t.once("webkitendfullscreen",(function(){t.emit("fullscreenexit")})),t.on("ended",(function(){t.webkitExitFullscreen()})))}))}}return Iframe.FLOWPLAYER_RPC_PROTOCOL="flowplayer://",Iframe.ATTACHED=!1,Iframe.is_flowplayer_message=function(e){return"string"==typeof e&&e.startsWith(Iframe.FLOWPLAYER_RPC_PROTOCOL)},Iframe.message_body=function(e){return e.slice(Iframe.FLOWPLAYER_RPC_PROTOCOL.length)},function(){try{return window.self!==window.top}catch(e){return!0}}()&&function(e,n){if("object"==typeof exports&&"undefined"!=typeof module)return n;if(null===document.currentScript)return n;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;"function"==typeof t?t(n):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(n)||t.extensions.push(n))}(window,Iframe),Iframe}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.iframe=n())}(this,(function(){"use strict";class Iframe{constructor(e,n){Iframe.ATTACHED||(n.setState("is-iframe",!0),Iframe.ATTACHED=!0,window.addEventListener("message",(function(n){if(!Iframe.is_flowplayer_message(n.data))return;const t=e.instances||[],r=t[0];if(!r)return;t.length>1&&console.warn("Multiple player instances in iframe. Messaging supported with first instance only.");switch(Iframe.message_body(n.data)){case"pause":return r.togglePlay(!1);case"play":return r.togglePlay(!0)}})))}init(e,n,t){t.on("fullscreenenter",(function(){document.fullscreenEnabled||"function"==typeof t.webkitEnterFullscreen&&(t.webkitEnterFullscreen(),t.once("webkitendfullscreen",(function(){t.emit("fullscreenexit")})),t.on("ended",(function(){t.webkitExitFullscreen()})))}))}}Iframe.FLOWPLAYER_RPC_PROTOCOL="flowplayer://",Iframe.ATTACHED=!1,Iframe.is_flowplayer_message=function(e){return"string"==typeof e&&e.startsWith(Iframe.FLOWPLAYER_RPC_PROTOCOL)},Iframe.message_body=function(e){return e.slice(Iframe.FLOWPLAYER_RPC_PROTOCOL.length)},function(){try{return window.self!==window.top}catch(e){return!0}}()&&function(e,n){if("object"==typeof exports&&"undefined"!=typeof module)return n;if(null===document.currentScript)return n;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;"function"==typeof t?t(n):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(n)||t.extensions.push(n))}(window,Iframe);return Iframe}));

package/plugins/keyboard.d.ts

@@ -1,7 +1,28 @@
 import type { MediaKeyFunc } from 'hls.js';
 
+declare type AnyPlugin<PluginOwnConfig extends KeyValue> = Plugin_2<PluginOwnConfig> | Loader<PluginOwnConfig>;
+
+declare type ArrayToIntersection<T extends Array<unknown>> = T extends [infer Current, ...infer Remaining] ? Current & ArrayToIntersection<Remaining> : unknown;
+
+declare enum AutoplayOpts {
+    OFF = 0,
+    ON = 1,
+    AUDIO_REQUIRED = 2
+}
+
 declare type BitOpts = number;
 
+declare type Component = {
+    onrender?: (config: Config, root: PlayerRoot, player: Player) => void;
+    onremove?: (config: Config, root: PlayerRoot, player: Player) => void;
+};
+
+declare interface Components {
+    render(key: string, args: any[]): void;
+    remove(key: string, args: any[]): void;
+    put(key: string, args: Component): void;
+}
+
 declare interface Config {
     src?: UnsafeSource;
     preload?: "none" | "metadata" | "auto";
@@ -52,6 +73,11 @@ declare interface Config {
     seconds_to_dvr?: number;
 }
 
+declare type CustomConfig<T> = Config & T;
+
+declare const _default: PluginCtor<KeyValue>;
+export default _default;
+
 declare type DeviceId = string;
 
 declare type DRM_KEYSYSTEM = "com.widevine.alpha" | "com.microsoft.playready" | "org.w3.clearkey" | "com.apple.fps.1_0";
@@ -79,6 +105,39 @@ declare type DRMVendorImplementation = {
 
 declare type FlowplayerCustomElementRegistry = Map<string, string>;
 
+declare interface FlowplayerUMD extends FlowplayerUMDBase {
+    (selector: string, config?: Config): Player;
+    (element: HTMLElement, config?: Config): Player;
+    <T>(selector: string, config?: CustomConfig<T>): Player;
+    <T>(element: HTMLElement, config?: CustomConfig<T>): Player;
+    <PluginCtors extends PluginCtor[]>(...plugins: PluginCtors): FlowplayerUMDWithPlugins<CustomConfig<MergeConfigs<PluginCtors>>>;
+}
+
+declare interface FlowplayerUMDBase {
+    instances: Player[];
+    extensions: PluginCtor[];
+    events: Record<string, string>;
+    ads?: {
+        events: Record<string, string>;
+    };
+    states: Record<string, string>;
+    quality: typeof QualityOpts;
+    commit: string;
+    version: string;
+    customElements: FlowplayerCustomElementRegistry;
+    defaultElements: Record<string, string>;
+    components: Components;
+    support: any;
+    autoplay: typeof AutoplayOpts;
+    jwt: any;
+    loaders: any;
+}
+
+declare interface FlowplayerUMDWithPlugins<ConfigWithPlugins extends Config = Config> extends FlowplayerUMDBase {
+    (selector: string, config?: ConfigWithPlugins): Player;
+    (element: HTMLElement, config?: ConfigWithPlugins): Player;
+}
+
 declare interface FPEvent<T> extends CustomEvent<T> {
     /**
      * @deprecated
@@ -90,11 +149,6 @@ declare interface FPEvent<T> extends CustomEvent<T> {
 
 declare type JSONPlayer = any;
 
-declare class Keyboard implements Plugin_2 {
-    init(_config: Config, _root: PlayerRoot, _: Player): void;
-}
-export default Keyboard;
-
 declare type KeyValue = Record<string, any>;
 
 declare interface Loader<PluginOwnConfig extends KeyValue = KeyValue> extends Plugin_2<PluginOwnConfig> {
@@ -103,6 +157,12 @@ declare interface Loader<PluginOwnConfig extends KeyValue = KeyValue> extends Pl
     wants<S = KeyValue, T = KeyValue>(srcString: SourceStr, srcObj: SourceWith<S>, config: PluginConfig<T>): boolean;
 }
 
+declare type MapToConfigs<Arr extends PluginCtor[]> = {
+    [PluginType in keyof Arr]: Arr[PluginType] extends PluginCtor<infer ConfigType> ? ConfigType : never;
+};
+
+declare type MergeConfigs<Arr extends PluginCtor[]> = ArrayToIntersection<MapToConfigs<Arr>>;
+
 declare interface Player extends HTMLVideoElement {
     renderPlugin: (pluginContainer: HTMLElement) => void;
     toggleDisable: (flag: boolean) => void;
@@ -167,6 +227,16 @@ declare interface Plugin_2<PluginOwnConfig extends KeyValue = KeyValue> {
 
 declare type PluginConfig<T> = Config & T;
 
+declare interface PluginCtor<PluginOwnConfig extends KeyValue = KeyValue> {
+    new (umd: FlowplayerUMD, player: Player): AnyPlugin<PluginOwnConfig>;
+}
+
+declare enum QualityOpts {
+    LOW = 1,
+    MEDIUM = 2,
+    HIGH = 4
+}
+
 declare type SourceObj = {
     src?: SourceStr;
     type?: string;

package/plugins/keyboard.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.keyboard=t())}(this,(function(){"use strict";function e(e,t,n){const r=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;r.length;){if(null==e)return n;const t=r.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}var t={TAB:"Tab",ENTER:"Enter",ESCAPE:"Escape",SPACE:" ",ARROW_LEFT:"ArrowLeft",ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",F:"f",H:"h",J:"j",K:"k",L:"l",M:"m"};function n(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector("details[open].fp-menu-container");n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle("has-menu-opened",!1))})}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(n(),this.active_menu=void 0)}));let r=void 0;function o(e){e.setState("is-kb-active",!0),clearTimeout(r),r=setTimeout((function(){e.setState("is-kb-active",!1)}),2500)}function i(e,t){e.enqueueSeek(t)&&o(e)}const u="flowplayer-ad-ui";let a=void 0;const l=[t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT,t.ARROW_DOWN],s=[t.SPACE,t.F,t.ESCAPE,t.M,t.ARROW_UP,t.ARROW_DOWN,t.ARROW_RIGHT,t.ARROW_LEFT,t.H,t.J,t.K,t.L];function c(e,t){e.volume=function(e,t,n=0){return Math.max(Math.min(t,e),n)}(e.volume+t,1,0),o(e)}function f(e){e.preventDefault(),e.stopPropagation()}function d(r){var o,a;const d=r.key,R=p(),y=document.activeElement;if(!y)return;if(d===t.TAB){if(!R)return;if(R.setState("is-hovered",!0),R.setState("is-accessibility",!0),!function(e){var t,n;return!(!e.hasState("ad-paused")&&!e.hasState("ad-playing")||!(null===(n=null===(t=null==e?void 0:e.ads)||void 0===t?void 0:t.adapter)||void 0===n?void 0:n.isLinearAd()))}(R)||A(y,u))return;const e=R.root.querySelector(u);if(!e)return;if(R.hasState("ad-playing"))return null===(o=e.querySelector(".fp-small-pause"))||void 0===o?void 0:o.focus();if(R.hasState("ad-paused"))return null===(a=e.querySelector(".fp-small-play"))||void 0===a?void 0:a.focus()}if((d===t.SPACE||d===t.ENTER)&&y.hasAttribute("tabindex")&&(A(y,".flowplayer")||A(y,"flowplayer-playlist-controls")))return null==y||y.dispatchEvent(new CustomEvent("click",{cancelable:!0,bubbles:!0})),f(r);if((d===t.ARROW_DOWN||d===t.ARROW_UP||d===t.ESCAPE)&&(A(y,".fp-menu-container")||A(y,"flowplayer-playlist-controls"))){if(d===t.ARROW_DOWN&&y.nextSibling)return y.nextSibling.focus();if(d===t.ARROW_UP&&y.previousSibling)return y.previousSibling.focus();if(d===t.ESCAPE){const e=new CustomEvent("keyboard:close:menus",{cancelable:!0});if(null==R||R.dispatchEvent(e),e.defaultPrevented)return;return n()}}if(!R)return;let m=e(R,"opts.keyboard.seek_step",5);if(m<1&&(m=Math.round(m*R.duration)),~l.indexOf(d)&&y.hasAttribute("aria-valuenow")){const e=~[t.ARROW_UP,t.ARROW_RIGHT].indexOf(d);if(y.matches(".fp-volume"))return c(R,e?.15:-.15),f(r);if(y.matches(".fp-timeline"))return i(R,e?m:-1*m),f(r)}if(!1===function(e,t){return!(t.altKey||t.shiftKey||t.metaKey||t.ctrlKey)&&(!!(e&&e.hasState("is-in-viewport")&&e.started)&&(!!e.root&&void 0))}(R,r))return;const v=!R.hasState("no-timeline");switch(~s.indexOf(d)&&r.preventDefault(),d){case t.SPACE:return R.togglePlay();case t.F:return R.toggleFullScreen();case t.ESCAPE:return R.hasState("is-fullscreen")?R.toggleFullScreen(!1):(null==y||y.blur(),R.setState("is-hovered",!1),R.setState("is-accessibility",!1));case t.M:return R.toggleMute();case t.ARROW_UP:case t.K:return c(R,.15);case t.ARROW_DOWN:case t.J:return c(R,-.15);case t.ARROW_RIGHT:case t.L:return v&&i(R,m);case t.ARROW_LEFT:case t.H:return v&&i(R,-1*m)}}function R(e){setTimeout((function(){e.defaultPrevented||d(e)}),0)}function p(){return y().find(e=>function(e){let t=document.activeElement;for(;t;){if(t===e)return!0;t=t.parentElement}return!1}(e.root))||y().find(e=>document.activeElement===document.body&&e.root.hasFocus)}function y(){return Array.from(document.querySelectorAll(".fp-engine"))}function A(e,t){return!!function(e,t){return e.closest(t)}(e,t)}document.addEventListener("keydown",(function(e){if(e.key===t.TAB)return R(e);if(a=p(),a)return function(e,n){const r=document.activeElement;if(e.key===t.F&&n.root.classList.contains("no-fullscreen"))return;if([t.SPACE,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)||r&&A(r,".fp-menu-container")&&e.key===t.ENTER)return e.preventDefault(),d(e);R(e)}(e,a);const n=document.activeElement;[t.SPACE,t.ENTER,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)&&n&&A(n,"flowplayer-playlist-controls")&&(e.preventDefault(),d(e))})),document.addEventListener("click",(function(e){const t=e.composedPath();y().forEach(e=>{e.root.hasFocus=t.includes(e.root)})}));class Keyboard{init(e,t,n){}}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;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,Keyboard),Keyboard}));
+!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.keyboard=t())}(this,(function(){"use strict";function e(e,t,n){const r=function(e){return Array.isArray(e)?e.slice(0):e.split(".")}(t);for(;r.length;){if(null==e)return n;const t=r.shift();if("string"!=typeof t)return n;e=e[t]}return null==e?n:e}var t={TAB:"Tab",ENTER:"Enter",ESCAPE:"Escape",SPACE:" ",ARROW_LEFT:"ArrowLeft",ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",F:"f",H:"h",J:"j",K:"k",L:"l",M:"m"};function n(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector("details[open].fp-menu-container");n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle("has-menu-opened",!1))})}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(n(),this.active_menu=void 0)}));let r=void 0;function o(e){e.setState("is-kb-active",!0),clearTimeout(r),r=setTimeout((function(){e.setState("is-kb-active",!1)}),2500)}function i(e,t){e.enqueueSeek(t)&&o(e)}const u="flowplayer-ad-ui";let a=void 0;const l=[t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT,t.ARROW_DOWN],s=[t.SPACE,t.F,t.ESCAPE,t.M,t.ARROW_UP,t.ARROW_DOWN,t.ARROW_RIGHT,t.ARROW_LEFT,t.H,t.J,t.K,t.L];function c(e,t){e.volume=function(e,t,n=0){return Math.max(Math.min(t,e),n)}(e.volume+t,1,0),o(e)}function f(e){e.preventDefault(),e.stopPropagation()}function d(r){var o,a;const d=r.key,R=p(),A=document.activeElement;if(!A)return;if(d===t.TAB){if(!R)return;if(R.setState("is-hovered",!0),R.setState("is-accessibility",!0),!function(e){var t,n;return!(!e.hasState("ad-paused")&&!e.hasState("ad-playing")||!(null===(n=null===(t=null==e?void 0:e.ads)||void 0===t?void 0:t.adapter)||void 0===n?void 0:n.isLinearAd()))}(R)||y(A,u))return;const e=R.root.querySelector(u);if(!e)return;if(R.hasState("ad-playing"))return null===(o=e.querySelector(".fp-small-pause"))||void 0===o?void 0:o.focus();if(R.hasState("ad-paused"))return null===(a=e.querySelector(".fp-small-play"))||void 0===a?void 0:a.focus()}if((d===t.SPACE||d===t.ENTER)&&A.hasAttribute("tabindex")&&(y(A,".flowplayer")||y(A,"flowplayer-playlist-controls")))return null==A||A.dispatchEvent(new CustomEvent("click",{cancelable:!0,bubbles:!0})),f(r);if((d===t.ARROW_DOWN||d===t.ARROW_UP||d===t.ESCAPE)&&(y(A,".fp-menu-container")||y(A,"flowplayer-playlist-controls"))){if(d===t.ARROW_DOWN&&A.nextSibling)return A.nextSibling.focus();if(d===t.ARROW_UP&&A.previousSibling)return A.previousSibling.focus();if(d===t.ESCAPE){const e=new CustomEvent("keyboard:close:menus",{cancelable:!0});if(null==R||R.dispatchEvent(e),e.defaultPrevented)return;return n()}}if(!R)return;let m=e(R,"opts.keyboard.seek_step",5);if(m<1&&(m=Math.round(m*R.duration)),~l.indexOf(d)&&A.hasAttribute("aria-valuenow")){const e=~[t.ARROW_UP,t.ARROW_RIGHT].indexOf(d);if(A.matches(".fp-volume"))return c(R,e?.15:-.15),f(r);if(A.matches(".fp-timeline"))return i(R,e?m:-1*m),f(r)}if(!1===function(e,t){return!(t.altKey||t.shiftKey||t.metaKey||t.ctrlKey)&&(!!(e&&e.hasState("is-in-viewport")&&e.started)&&(!!e.root&&void 0))}(R,r))return;const v=!R.hasState("no-timeline");switch(~s.indexOf(d)&&r.preventDefault(),d){case t.SPACE:return R.togglePlay();case t.F:return R.toggleFullScreen();case t.ESCAPE:return R.hasState("is-fullscreen")?R.toggleFullScreen(!1):(null==A||A.blur(),R.setState("is-hovered",!1),R.setState("is-accessibility",!1));case t.M:return R.toggleMute();case t.ARROW_UP:case t.K:return c(R,.15);case t.ARROW_DOWN:case t.J:return c(R,-.15);case t.ARROW_RIGHT:case t.L:return v&&i(R,m);case t.ARROW_LEFT:case t.H:return v&&i(R,-1*m)}}function R(e){setTimeout((function(){e.defaultPrevented||d(e)}),0)}function p(){return A().find(e=>function(e){let t=document.activeElement;for(;t;){if(t===e)return!0;t=t.parentElement}return!1}(e.root))||A().find(e=>document.activeElement===document.body&&e.root.hasFocus)}function A(){return Array.from(document.querySelectorAll(".fp-engine"))}function y(e,t){return!!function(e,t){return e.closest(t)}(e,t)}document.addEventListener("keydown",(function(e){if(e.key===t.TAB)return R(e);if(a=p(),a)return function(e,n){const r=document.activeElement;if(e.key===t.F&&n.root.classList.contains("no-fullscreen"))return;if([t.SPACE,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)||r&&y(r,".fp-menu-container")&&e.key===t.ENTER)return e.preventDefault(),d(e);R(e)}(e,a);const n=document.activeElement;[t.SPACE,t.ENTER,t.ARROW_DOWN,t.ARROW_UP,t.ARROW_RIGHT,t.ARROW_LEFT].includes(e.key)&&n&&y(n,"flowplayer-playlist-controls")&&(e.preventDefault(),d(e))})),document.addEventListener("click",(function(e){const t=e.composedPath();A().forEach(e=>{e.root.hasFocus=t.includes(e.root)})}));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 Keyboard{init(e,t,n){}})}));

package/plugins/media-session.d.ts

@@ -1,7 +1,28 @@
 import type { MediaKeyFunc } from 'hls.js';
 
+declare type AnyPlugin<PluginOwnConfig extends KeyValue> = Plugin_2<PluginOwnConfig> | Loader<PluginOwnConfig>;
+
+declare type ArrayToIntersection<T extends Array<unknown>> = T extends [infer Current, ...infer Remaining] ? Current & ArrayToIntersection<Remaining> : unknown;
+
+declare enum AutoplayOpts {
+    OFF = 0,
+    ON = 1,
+    AUDIO_REQUIRED = 2
+}
+
 declare type BitOpts = number;
 
+declare type Component = {
+    onrender?: (config: Config, root: PlayerRoot, player: Player) => void;
+    onremove?: (config: Config, root: PlayerRoot, player: Player) => void;
+};
+
+declare interface Components {
+    render(key: string, args: any[]): void;
+    remove(key: string, args: any[]): void;
+    put(key: string, args: Component): void;
+}
+
 declare interface Config {
     src?: UnsafeSource;
     preload?: "none" | "metadata" | "auto";
@@ -52,6 +73,11 @@ declare interface Config {
     seconds_to_dvr?: number;
 }
 
+declare type CustomConfig<T> = Config & T;
+
+declare const _default: PluginCtor<KeyValue>;
+export default _default;
+
 declare type DeviceId = string;
 
 declare type DRM_KEYSYSTEM = "com.widevine.alpha" | "com.microsoft.playready" | "org.w3.clearkey" | "com.apple.fps.1_0";
@@ -79,6 +105,39 @@ declare type DRMVendorImplementation = {
 
 declare type FlowplayerCustomElementRegistry = Map<string, string>;
 
+declare interface FlowplayerUMD extends FlowplayerUMDBase {
+    (selector: string, config?: Config): Player;
+    (element: HTMLElement, config?: Config): Player;
+    <T>(selector: string, config?: CustomConfig<T>): Player;
+    <T>(element: HTMLElement, config?: CustomConfig<T>): Player;
+    <PluginCtors extends PluginCtor[]>(...plugins: PluginCtors): FlowplayerUMDWithPlugins<CustomConfig<MergeConfigs<PluginCtors>>>;
+}
+
+declare interface FlowplayerUMDBase {
+    instances: Player[];
+    extensions: PluginCtor[];
+    events: Record<string, string>;
+    ads?: {
+        events: Record<string, string>;
+    };
+    states: Record<string, string>;
+    quality: typeof QualityOpts;
+    commit: string;
+    version: string;
+    customElements: FlowplayerCustomElementRegistry;
+    defaultElements: Record<string, string>;
+    components: Components;
+    support: any;
+    autoplay: typeof AutoplayOpts;
+    jwt: any;
+    loaders: any;
+}
+
+declare interface FlowplayerUMDWithPlugins<ConfigWithPlugins extends Config = Config> extends FlowplayerUMDBase {
+    (selector: string, config?: ConfigWithPlugins): Player;
+    (element: HTMLElement, config?: ConfigWithPlugins): Player;
+}
+
 declare interface FPEvent<T> extends CustomEvent<T> {
     /**
      * @deprecated
@@ -98,10 +157,11 @@ declare interface Loader<PluginOwnConfig extends KeyValue = KeyValue> extends Pl
     wants<S = KeyValue, T = KeyValue>(srcString: SourceStr, srcObj: SourceWith<S>, config: PluginConfig<T>): boolean;
 }
 
-declare class MediaSession_2 implements Plugin_2 {
-    init(config: Config, _root: PlayerRoot, video: Player): void;
-}
-export default MediaSession_2;
+declare type MapToConfigs<Arr extends PluginCtor[]> = {
+    [PluginType in keyof Arr]: Arr[PluginType] extends PluginCtor<infer ConfigType> ? ConfigType : never;
+};
+
+declare type MergeConfigs<Arr extends PluginCtor[]> = ArrayToIntersection<MapToConfigs<Arr>>;
 
 declare interface Player extends HTMLVideoElement {
     renderPlugin: (pluginContainer: HTMLElement) => void;
@@ -167,6 +227,16 @@ declare interface Plugin_2<PluginOwnConfig extends KeyValue = KeyValue> {
 
 declare type PluginConfig<T> = Config & T;
 
+declare interface PluginCtor<PluginOwnConfig extends KeyValue = KeyValue> {
+    new (umd: FlowplayerUMD, player: Player): AnyPlugin<PluginOwnConfig>;
+}
+
+declare enum QualityOpts {
+    LOW = 1,
+    MEDIUM = 2,
+    HIGH = 4
+}
+
 declare type SourceObj = {
     src?: SourceStr;
     type?: string;

package/plugins/media-session.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.media_session=t())}(this,(function(){"use strict";let e=void 0;function t(t,n){t.enqueueSeek(n)&&function(t){t.setState("is-kb-active",!0),clearTimeout(e),e=setTimeout((function(){t.setState("is-kb-active",!1)}),2500)}(t)}const n="pause",i="playing",o="seeked";var a="playlist:next";let s=void 0;function l(e){e.data&&r(e.data)}function r(e){var t,n,i;const o=null!==(t=e.media_session)&&void 0!==t?t:{};if(null!==(n=o.title)&&void 0!==n||(o.title=e.title),null==o.artwork){const t=null!==(i=e.poster)&&void 0!==i?i:"";o.artwork=[{src:t,sizes:"512x512"},{src:t,sizes:"256x256"}]}navigator.mediaSession.metadata=new MediaMetadata(o)}function c(){const e=navigator.mediaSession;if(null==e.setPositionState)return;const t=s;t&&(e.setPositionState({duration:Math.round(t.duration||0),playbackRate:t.hasState("is-playing")?t.playbackRate:.001,position:Math.round(t.currentTime)}),e.playbackState=t.hasState("is-playing")?"playing":"paused")}function u(e){const n=s,i=navigator.mediaSession;if(n){if(i.setActionHandler("play",(function(){n.togglePlay()})),i.setActionHandler("pause",(function(){n.togglePlay()})),"playlist"in n){const e=n.playlist;i.setActionHandler("nexttrack",(function(){e&&e.next()})),i.setActionHandler("previoustrack",(function(){e&&e.prev()}))}!function(e,n){var i,o;if(null!==(i=n.seekable)&&void 0!==i&&!i||e.hasState("no-timeline"))return;const a=navigator.mediaSession,s=null!==(o=n.seek_step)&&void 0!==o?o:5;e.disabled||a.setActionHandler("seekforward",(function(){t(e,s)}));a.setActionHandler("seekbackward",(function(){t(e,-s)}));try{a.setActionHandler("seekto",(function(t){"number"==typeof t.seekTime&&(t.seekTime>e.currentTime&&e.disabled?c():t&&t.seekTime<e.duration&&(e.currentTime=t.seekTime))}))}catch(e){}}(n,e)}}class MediaSession{init(e,t,d){null!=navigator.mediaSession&&d.on(["loadstart",i,"fullscreenenter"],(function(){let t=s;d!==t&&(t&&(["ratechange",o,i,n].forEach(e=>{t&&t.off(e,c)}),t.off(a,l),t=void 0),s=d,r(e),u(e),c(),d.on(["ratechange",o,i,n],c),d.on(a,l))}))}}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;"function"==typeof n?n(t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t))}(window,MediaSession),MediaSession}));
+!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.media_session=t())}(this,(function(){"use strict";let e=void 0;function t(t,n){t.enqueueSeek(n)&&function(t){t.setState("is-kb-active",!0),clearTimeout(e),e=setTimeout((function(){t.setState("is-kb-active",!1)}),2500)}(t)}const n="pause",i="playing",o="seeked";var a="playlist:next";let s=void 0;function l(e){e.data&&r(e.data)}function r(e){var t,n,i;const o=null!==(t=e.media_session)&&void 0!==t?t:{};if(null!==(n=o.title)&&void 0!==n||(o.title=e.title),null==o.artwork){const t=null!==(i=e.poster)&&void 0!==i?i:"";o.artwork=[{src:t,sizes:"512x512"},{src:t,sizes:"256x256"}]}navigator.mediaSession.metadata=new MediaMetadata(o)}function c(){const e=navigator.mediaSession;if(null==e.setPositionState)return;const t=s;t&&(e.setPositionState({duration:Math.round(t.duration||0),playbackRate:t.hasState("is-playing")?t.playbackRate:.001,position:Math.round(t.currentTime)}),e.playbackState=t.hasState("is-playing")?"playing":"paused")}function u(e){const n=s,i=navigator.mediaSession;if(n){if(i.setActionHandler("play",(function(){n.togglePlay()})),i.setActionHandler("pause",(function(){n.togglePlay()})),"playlist"in n){const e=n.playlist;i.setActionHandler("nexttrack",(function(){e&&e.next()})),i.setActionHandler("previoustrack",(function(){e&&e.prev()}))}!function(e,n){var i,o;if(null!==(i=n.seekable)&&void 0!==i&&!i||e.hasState("no-timeline"))return;const a=navigator.mediaSession,s=null!==(o=n.seek_step)&&void 0!==o?o:5;e.disabled||a.setActionHandler("seekforward",(function(){t(e,s)}));a.setActionHandler("seekbackward",(function(){t(e,-s)}));try{a.setActionHandler("seekto",(function(t){"number"==typeof t.seekTime&&(t.seekTime>e.currentTime&&e.disabled?c():t&&t.seekTime<e.duration&&(e.currentTime=t.seekTime))}))}catch(e){}}(n,e)}}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 MediaSession{init(e,t,d){null!=navigator.mediaSession&&d.on(["loadstart",i,"fullscreenenter"],(function(){let t=s;d!==t&&(t&&(["ratechange",o,i,n].forEach(e=>{t&&t.off(e,c)}),t.off(a,l),t=void 0),s=d,r(e),u(e),c(),d.on(["ratechange",o,i,n],c),d.on(a,l))}))}})}));

package/plugins/message.d.ts

@@ -1,7 +1,28 @@
 import type { MediaKeyFunc } from 'hls.js';
 
+declare type AnyPlugin<PluginOwnConfig extends KeyValue> = Plugin_2<PluginOwnConfig> | Loader<PluginOwnConfig>;
+
+declare type ArrayToIntersection<T extends Array<unknown>> = T extends [infer Current, ...infer Remaining] ? Current & ArrayToIntersection<Remaining> : unknown;
+
+declare enum AutoplayOpts {
+    OFF = 0,
+    ON = 1,
+    AUDIO_REQUIRED = 2
+}
+
 declare type BitOpts = number;
 
+declare type Component = {
+    onrender?: (config: Config, root: PlayerRoot, player: Player) => void;
+    onremove?: (config: Config, root: PlayerRoot, player: Player) => void;
+};
+
+declare interface Components {
+    render(key: string, args: any[]): void;
+    remove(key: string, args: any[]): void;
+    put(key: string, args: Component): void;
+}
+
 declare interface Config {
     src?: UnsafeSource;
     preload?: "none" | "metadata" | "auto";
@@ -52,6 +73,11 @@ declare interface Config {
     seconds_to_dvr?: number;
 }
 
+declare type CustomConfig<T> = Config & T;
+
+declare const _default: PluginCtor<KeyValue>;
+export default _default;
+
 declare type DeviceId = string;
 
 declare type DRM_KEYSYSTEM = "com.widevine.alpha" | "com.microsoft.playready" | "org.w3.clearkey" | "com.apple.fps.1_0";
@@ -79,6 +105,39 @@ declare type DRMVendorImplementation = {
 
 declare type FlowplayerCustomElementRegistry = Map<string, string>;
 
+declare interface FlowplayerUMD extends FlowplayerUMDBase {
+    (selector: string, config?: Config): Player;
+    (element: HTMLElement, config?: Config): Player;
+    <T>(selector: string, config?: CustomConfig<T>): Player;
+    <T>(element: HTMLElement, config?: CustomConfig<T>): Player;
+    <PluginCtors extends PluginCtor[]>(...plugins: PluginCtors): FlowplayerUMDWithPlugins<CustomConfig<MergeConfigs<PluginCtors>>>;
+}
+
+declare interface FlowplayerUMDBase {
+    instances: Player[];
+    extensions: PluginCtor[];
+    events: Record<string, string>;
+    ads?: {
+        events: Record<string, string>;
+    };
+    states: Record<string, string>;
+    quality: typeof QualityOpts;
+    commit: string;
+    version: string;
+    customElements: FlowplayerCustomElementRegistry;
+    defaultElements: Record<string, string>;
+    components: Components;
+    support: any;
+    autoplay: typeof AutoplayOpts;
+    jwt: any;
+    loaders: any;
+}
+
+declare interface FlowplayerUMDWithPlugins<ConfigWithPlugins extends Config = Config> extends FlowplayerUMDBase {
+    (selector: string, config?: ConfigWithPlugins): Player;
+    (element: HTMLElement, config?: ConfigWithPlugins): Player;
+}
+
 declare interface FPEvent<T> extends CustomEvent<T> {
     /**
      * @deprecated
@@ -98,14 +157,11 @@ declare interface Loader<PluginOwnConfig extends KeyValue = KeyValue> extends Pl
     wants<S = KeyValue, T = KeyValue>(srcString: SourceStr, srcObj: SourceWith<S>, config: PluginConfig<T>): boolean;
 }
 
-declare class Message implements Plugin_2 {
-    static events: {
-        SHOW_MESSAGE: string;
-        DISMISS_MESSAGE: string;
-    };
-    init(config: Config, root: PlayerRoot, player: Player): void;
-}
-export default Message;
+declare type MapToConfigs<Arr extends PluginCtor[]> = {
+    [PluginType in keyof Arr]: Arr[PluginType] extends PluginCtor<infer ConfigType> ? ConfigType : never;
+};
+
+declare type MergeConfigs<Arr extends PluginCtor[]> = ArrayToIntersection<MapToConfigs<Arr>>;
 
 declare interface Player extends HTMLVideoElement {
     renderPlugin: (pluginContainer: HTMLElement) => void;
@@ -171,6 +227,16 @@ declare interface Plugin_2<PluginOwnConfig extends KeyValue = KeyValue> {
 
 declare type PluginConfig<T> = Config & T;
 
+declare interface PluginCtor<PluginOwnConfig extends KeyValue = KeyValue> {
+    new (umd: FlowplayerUMD, player: Player): AnyPlugin<PluginOwnConfig>;
+}
+
+declare enum QualityOpts {
+    LOW = 1,
+    MEDIUM = 2,
+    HIGH = 4
+}
+
 declare type SourceObj = {
     src?: SourceStr;
     type?: string;

package/plugins/message.js

@@ -1 +1 @@
-!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s():"function"==typeof define&&define.amd?define(s):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.message=s())}(this,(function(){"use strict";const e=/<trans(.*)trans>/;class Message{init(s,t,n){let o="";n.on("message:show",(function(s){var i,a,d;const f=null===(i=s.data)||void 0===i?void 0:i.sticky,l=null===(a=s.data)||void 0===a?void 0:a.timeout;let r=(null===(d=s.data)||void 0===d?void 0:d.message)||"";if(r==o)return;if(o=r||"",e.test(r)){const s=e.exec(r)||["",""];r=n.i18n(s[1].trim())}const u=document.createElement("div");u.classList.add("fp-message");const c=document.createElement("p");c.innerText=r,u.append(c),t.append(u),setTimeout((function(){u.classList.add("fp-shown")}),100),f||setTimeout((function(){n.emit("message:dismiss",u)}),l)})),n.on("message:dismiss",(function(e){o="";const s=e.data;s&&(s.classList.remove("fp-shown"),setTimeout((function(){s.remove()}),1e3))})),n.message={events:Message.events}}}return Message.events={SHOW_MESSAGE:"message:show",DISMISS_MESSAGE:"message:dismiss"},function(e,s){if("object"==typeof exports&&"undefined"!=typeof module)return s;if(null===document.currentScript)return s;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;"function"==typeof t?t(s):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(s)||t.extensions.push(s))}(window,Message),Message}));
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s():"function"==typeof define&&define.amd?define(s):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.message=s())}(this,(function(){"use strict";const e=/<trans(.*)trans>/;class Message{init(s,t,n){let o="";n.on("message:show",(function(s){var i,a,d;const f=null===(i=s.data)||void 0===i?void 0:i.sticky,l=null===(a=s.data)||void 0===a?void 0:a.timeout;let r=(null===(d=s.data)||void 0===d?void 0:d.message)||"";if(r==o)return;if(o=r||"",e.test(r)){const s=e.exec(r)||["",""];r=n.i18n(s[1].trim())}const u=document.createElement("div");u.classList.add("fp-message");const c=document.createElement("p");c.innerText=r,u.append(c),t.append(u),setTimeout((function(){u.classList.add("fp-shown")}),100),f||setTimeout((function(){n.emit("message:dismiss",u)}),l)})),n.on("message:dismiss",(function(e){o="";const s=e.data;s&&(s.classList.remove("fp-shown"),setTimeout((function(){s.remove()}),1e3))})),n.message={events:Message.events}}}return Message.events={SHOW_MESSAGE:"message:show",DISMISS_MESSAGE:"message:dismiss"},function(e,s){if("object"==typeof exports&&"undefined"!=typeof module)return s;if(null===document.currentScript)return s;"flowplayer"in e||(e.flowplayer={extensions:[]});const t=e.flowplayer;return"function"==typeof t?(t(s),s):(Array.isArray(t.extensions)||(t.extensions=[]),~t.extensions.indexOf(s)||t.extensions.push(s),s)}(window,Message)}));