@npo/player 1.10.1 → 1.10.3

package/lib/js/playeractions/handlers/handleoffsets.js

@@ -0,0 +1,45 @@
+import { PlayerEvent } from 'bitmovin-player';
+export function handleStartOffset(player, offset) {
+    if (offset == null || player.isLive()) {
+        if (player.isLive()) {
+            console.warn('handleStartOffset was called but the player is playing live content.');
+        }
+        return;
+    }
+    player.on(PlayerEvent.SourceLoaded, () => {
+        player.seek(offset);
+    });
+}
+export function shiftToProgramStart(player, timestamp) {
+    if (player == null)
+        return;
+    if (timestamp == null || !player.isLive()) {
+        if (!player.isLive()) {
+            console.warn('shiftToProgramStart was called but the player is playing VOD content.');
+        }
+        return;
+    }
+    player.timeShift(timestamp);
+}
+export function handleLiveOffsetLogic(npoplayer, player, options) {
+    if (player == null)
+        return;
+    if (npoplayer.uiComponents.watchFromStartButton == null)
+        return;
+    if (options?.liveProgramTime == null) {
+        npoplayer.uiComponents.watchFromStartButton.hide();
+        return;
+    }
+    npoplayer.streamOptions.liveProgramTime = options.liveProgramTime;
+    if (player.isLive() && options.liveProgramTime > 0) {
+        npoplayer.uiComponents.watchFromStartButton.show();
+    }
+    else {
+        npoplayer.uiComponents.watchFromStartButton.hide();
+    }
+    if (options.liveOffset !== null && options.liveOffset !== false && options.liveProgramTime > 0) {
+        npoplayer.uiComponents.watchFromStartButton.hide();
+        shiftToProgramStart(player, options.liveProgramTime);
+    }
+}
+//# sourceMappingURL=handleoffsets.js.map

package/lib/js/playeractions/handlers/handleoffsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleoffsets.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/handleoffsets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,iBAAiB,CAAA;AAY7D,MAAM,UAAU,iBAAiB,CAAE,MAAiB,EAAE,MAAe;IACjE,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE;QACnC,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,sEAAsE,CAAC,CAAA;SACvF;QACD,OAAM;KACT;IACD,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,GAAG,EAAE;QACrC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACvB,CAAC,CAAC,CAAA;AACN,CAAC;AAUD,MAAM,UAAU,mBAAmB,CAAE,MAAwB,EAAE,SAAkB;IAC7E,IAAI,MAAM,IAAI,IAAI;QAAE,OAAM;IAC1B,IAAI,SAAS,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;QACvC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAA;SACxF;QACD,OAAM;KACT;IACD,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;AAC/B,CAAC;AAYD,MAAM,UAAU,qBAAqB,CAAE,SAAoB,EAAE,MAAwB,EAAE,OAAsB;IACzG,IAAI,MAAM,IAAI,IAAI;QAAE,OAAM;IAC1B,IAAI,SAAS,CAAC,YAAY,CAAC,oBAAoB,IAAI,IAAI;QAAE,OAAM;IAC/D,IAAI,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE;QAClC,SAAS,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAA;QAClD,OAAM;KACT;IAGD,SAAS,CAAC,aAAa,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAA;IAEjE,IAAI,MAAM,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,eAAe,GAAG,CAAC,EAAG;QACjD,SAAS,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAA;KACrD;SAAM;QACH,SAAS,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAA;KACrD;IAED,IAAI,OAAO,CAAC,UAAU,KAAK,IAAI,IAAI,OAAO,CAAC,UAAU,KAAK,KAAK,IAAI,OAAO,CAAC,eAAe,GAAG,CAAC,EAAE;QAC5F,SAAS,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAA;QAClD,mBAAmB,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;KACvD;AACL,CAAC"}

package/lib/js/playeractions/handlers/handleoffsets.test.js

@@ -0,0 +1,50 @@
+import { handleStartOffset, shiftToProgramStart } from "./handleoffsets";
+const isLive = () => true;
+const onReady = jest.fn();
+const timeShift = jest.fn();
+const offset = 10;
+const timestamp = 10;
+const player = {
+    isLive,
+    on: onReady,
+    timeShift,
+};
+describe("Test offset handling", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+    it("should not seek when player is live", () => {
+        handleStartOffset(player, offset);
+        expect(onReady).not.toBeCalled();
+    });
+    it("should not seek when offset is undefined", () => {
+        handleStartOffset({ ...player, isLive: () => false });
+        expect(onReady).not.toBeCalled();
+    });
+    it("should seek when player is not live and offset is defined", () => {
+        handleStartOffset({ ...player, isLive: () => false }, offset);
+        expect(onReady).toBeCalled();
+    });
+});
+describe("Test programStart shift", () => {
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+    it("should not call timeshift when player is null", () => {
+        shiftToProgramStart(null, timestamp);
+        expect(timeShift).not.toBeCalled();
+    });
+    it("should not call timeshift when timestamp is undefined", () => {
+        shiftToProgramStart(player);
+        expect(timeShift).not.toBeCalled();
+    });
+    it("should not call timeshift when player is not live", () => {
+        shiftToProgramStart({ ...player, isLive: () => false }, timestamp);
+        expect(timeShift).not.toBeCalled();
+    });
+    it("should not call timeshift when player is live and timestamp is set", () => {
+        shiftToProgramStart(player, timestamp);
+        expect(timeShift).toBeCalled();
+    });
+});
+//# sourceMappingURL=handleoffsets.test.js.map

package/lib/js/playeractions/handlers/handleoffsets.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleoffsets.test.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/handleoffsets.test.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE5B,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,MAAM,GAAG;IACX,MAAM;IACN,EAAE,EAAE,OAAO;IACX,SAAS;CACY,CAAC;AAE1B,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAElC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAChD,iBAAiB,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;QAEtD,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACjE,iBAAiB,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;QAE9D,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACrC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,mBAAmB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAErC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC7D,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAE5B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,mBAAmB,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC;QAEnE,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE,GAAG,EAAE;QAC1E,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAEvC,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/lib/js/playeractions/handlers/processplayerconfig.js

@@ -0,0 +1,28 @@
+import { LogLevel } from "bitmovin-player";
+import { isSafari } from '../../checks/safari';
+export function processPlayerConfig(npoplayer, playerConfig) {
+    let processedConfig = playerConfig;
+    if (isSafari(npoplayer.isFairPlayDrmSupported())) {
+        processedConfig.playback = {
+            autoplay: false
+        };
+        processedConfig.tweaks = {
+            fairplay_ignore_duplicate_init_data_key_errors: true
+        };
+    }
+    processedConfig.ui = false;
+    if (!processedConfig.remotecontrol)
+        processedConfig.remotecontrol = {
+            type: 'googlecast',
+            receiverApplicationId: 'CC38EB17',
+            receiverVersion: 'v3',
+            messageNamespace: 'urn:x-cast:com.bitmovin.player.caf'
+        };
+    if (!processedConfig.logs)
+        processedConfig.logs = {
+            level: LogLevel.ERROR
+        };
+    processedConfig.advertising = {};
+    return processedConfig;
+}
+//# sourceMappingURL=processplayerconfig.js.map

package/lib/js/playeractions/handlers/processplayerconfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processplayerconfig.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/processplayerconfig.ts"],"names":[],"mappings":"AASA,OAAO,EAAqB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,UAAU,mBAAmB,CAAC,SAAmB,EAAE,YAAyB;IAE9E,IAAI,eAAe,GAAG,YAAY,CAAA;IAElC,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,CAAC,EAAE;QAE9C,eAAe,CAAC,QAAQ,GAAG;YACvB,QAAQ,EAAE,KAAK;SAClB,CAAA;QAGD,eAAe,CAAC,MAAM,GAAG;YACrB,8CAA8C,EAAE,IAAI;SACvD,CAAA;KACJ;IAED,eAAe,CAAC,EAAE,GAAG,KAAK,CAAA;IAG1B,IAAG,CAAC,eAAe,CAAC,aAAa;QAAE,eAAe,CAAC,aAAa,GAAG;YAC/D,IAAI,EAAE,YAAY;YAClB,qBAAqB,EAAE,UAAU;YACjC,eAAe,EAAE,IAAI;YACrB,gBAAgB,EAAE,oCAAoC;SACzD,CAAA;IAED,IAAG,CAAC,eAAe,CAAC,IAAI;QAAE,eAAe,CAAC,IAAI,GAAG;YAC7C,KAAK,EAAE,QAAQ,CAAC,KAAK;SACxB,CAAA;IAGD,eAAe,CAAC,WAAW,GAAG,EAAE,CAAA;IAEhC,OAAO,eAAe,CAAA;AAC1B,CAAC"}

package/lib/js/playeractions/handlers/resolvekeypress.js

@@ -0,0 +1,47 @@
+import { ViewMode } from "bitmovin-player";
+export function resolveKeyPress(player, npoplayer, e) {
+    switch (e.code) {
+        case 'KeyM': {
+            const isMuted = player.isMuted() ?? false;
+            isMuted ? player.unmute() : player.mute();
+            break;
+        }
+        case 'KeyF': {
+            if (player.getViewMode() !== ViewMode.Fullscreen) {
+                player.setViewMode(ViewMode.Fullscreen);
+            }
+            else {
+                player.setViewMode(ViewMode.Inline);
+            }
+            break;
+        }
+        case 'Space': {
+            const isPaused = player.isPaused() ?? false;
+            isPaused ? player.play() : player.pause();
+            break;
+        }
+        case 'ArrowUp': {
+            const isMuted = player.isMuted() ?? false;
+            if (isMuted)
+                player.unmute();
+            npoplayer.increaseVolume();
+            break;
+        }
+        case 'ArrowDown': {
+            const isMuted = player.isMuted() ?? false;
+            if (isMuted)
+                player.unmute();
+            npoplayer.decreaseVolume();
+            break;
+        }
+        case 'ArrowLeft': {
+            npoplayer.goBackwards(10);
+            break;
+        }
+        case 'ArrowRight': {
+            npoplayer.goForward(10);
+            break;
+        }
+    }
+}
+//# sourceMappingURL=resolvekeypress.js.map

package/lib/js/playeractions/handlers/resolvekeypress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvekeypress.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/resolvekeypress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAY3D,MAAM,UAAU,eAAe,CAAC,MAAiB,EAAE,SAAoB,EAAE,CAAgB;IACrF,QAAO,CAAC,CAAC,IAAI,EAAE;QACX,KAAK,MAAM,CAAC,CAAC;YACT,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC;YAC1C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC1C,MAAM;SACT;QACD,KAAK,MAAM,CAAC,CAAC;YACT,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,UAAU,EAAE;gBAC9C,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC3C;iBAAM;gBACH,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;aACvC;YACD,MAAM;SACT;QACD,KAAK,OAAO,CAAC,CAAC;YACV,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,IAAI,KAAK,CAAC;YAC5C,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAC1C,MAAM;SACT;QACD,KAAK,SAAS,CAAC,CAAC;YACZ,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC;YAC1C,IAAI,OAAO;gBAAE,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7B,SAAS,CAAC,cAAc,EAAE,CAAC;YAC3B,MAAM;SACT;QACD,KAAK,WAAW,CAAC,CAAC;YACd,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,EAAE,IAAI,KAAK,CAAC;YAC1C,IAAI,OAAO;gBAAE,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7B,SAAS,CAAC,cAAc,EAAE,CAAC;YAC3B,MAAM;SACT;QACD,KAAK,WAAW,CAAC,CAAC;YACd,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC1B,MAAM;SACT;QACD,KAAK,YAAY,CAAC,CAAC;YACf,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YACxB,MAAM;SACT;KACJ;AACL,CAAC"}

package/lib/js/playeractions/playeractions.js

@@ -0,0 +1,5 @@
+export { resolveKeyPress } from "./handlers/resolvekeypress";
+export { handleStartOffset, handleLiveOffsetLogic, shiftToProgramStart } from "./handlers/handleoffsets";
+export { handlePlayerError } from "./handlers/error";
+export { processPlayerConfig } from "./handlers/processplayerconfig";
+//# sourceMappingURL=playeractions.js.map

package/lib/js/playeractions/playeractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playeractions.js","sourceRoot":"","sources":["../../../../src/js/playeractions/playeractions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACzG,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC"}

package/lib/js/tracking/handlers/eventbinding.js

@@ -0,0 +1,72 @@
+import { PlayerEvent, ViewMode } from 'bitmovin-player';
+import { logEvent } from './eventlogging';
+export function bindPlayerEvents(npoplayer, player) {
+    if (player == null)
+        return;
+    let isNewSource = false;
+    const playerEvents = [
+        { event: PlayerEvent.Paused, name: 'pause' },
+        { event: PlayerEvent.SourceLoaded, name: 'load_complete' },
+        { event: PlayerEvent.Ready, name: 'load_complete' },
+        { event: PlayerEvent.StallStarted, name: 'buffering' },
+        { event: PlayerEvent.StallEnded, name: 'buffering_complete' },
+        { event: PlayerEvent.PlaybackFinished, name: 'complete' },
+        { event: PlayerEvent.TimeChanged, name: 'time' },
+        {
+            event: PlayerEvent.ViewModeChanged,
+            name: player?.getViewMode() === ViewMode.Fullscreen
+                ? 'fullscreen'
+                : 'windowed'
+        },
+        { event: PlayerEvent.SourceUnloaded, name: 'stop' },
+        { event: PlayerEvent.Destroy, name: 'stop' },
+    ];
+    const logEventHandler = (npoplayer, eventName) => {
+        return () => {
+            logEvent(npoplayer, eventName);
+        };
+    };
+    const seekHandler = (e) => {
+        const data = {
+            seek_from: e.position,
+            stream_position: e.seekTarget
+        };
+        logEvent(npoplayer, 'seek', data);
+    };
+    const handleSourceLoaded = () => {
+        isNewSource = true;
+    };
+    const handlePlay = () => {
+        if (!isNewSource) {
+            logEvent(npoplayer, 'resume');
+        }
+    };
+    const handlePlaying = () => {
+        if (isNewSource) {
+            logEvent(npoplayer, 'start');
+            isNewSource = false;
+        }
+    };
+    function stopBeforeUnload() {
+        logEvent(npoplayer, 'stop');
+    }
+    player.off(PlayerEvent.SourceLoaded, handleSourceLoaded);
+    player.off(PlayerEvent.Seek, seekHandler);
+    player.off(PlayerEvent.Play, handlePlay);
+    player.off(PlayerEvent.Playing, handlePlaying);
+    playerEvents.forEach(({ event, name }) => {
+        const handler = logEventHandler(npoplayer, name);
+        player.off(event, handler);
+    });
+    window.removeEventListener('beforeunload', stopBeforeUnload);
+    player.on(PlayerEvent.SourceLoaded, handleSourceLoaded);
+    player.on(PlayerEvent.Seek, seekHandler);
+    player.on(PlayerEvent.Play, handlePlay);
+    player.on(PlayerEvent.Playing, handlePlaying);
+    playerEvents.forEach(({ event, name }) => {
+        const handler = logEventHandler(npoplayer, name);
+        player.on(event, handler);
+    });
+    window.addEventListener('beforeunload', stopBeforeUnload);
+}
+//# sourceMappingURL=eventbinding.js.map

package/lib/js/tracking/handlers/eventbinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventbinding.js","sourceRoot":"","sources":["../../../../../src/js/tracking/handlers/eventbinding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAUzC,MAAM,UAAU,gBAAgB,CAAE,SAAoB,EAAE,MAAiB;IACrE,IAAI,MAAM,IAAI,IAAI;QAAE,OAAM;IAE1B,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,MAAM,YAAY,GAAG;QACjB,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;QAC5C,EAAE,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;QAC1D,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE;QACnD,EAAE,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE;QACtD,EAAE,KAAK,EAAE,WAAW,CAAC,UAAU,EAAE,IAAI,EAAE,oBAAoB,EAAE;QAC7D,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE;QACzD,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE;QAChD;YACI,KAAK,EAAE,WAAW,CAAC,eAAe;YAClC,IAAI,EACI,MAAM,EAAE,WAAW,EAAE,KAAK,QAAQ,CAAC,UAAU;gBACzC,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,UAAU;SAC3B;QACD,EAAE,KAAK,EAAE,WAAW,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE;QACnD,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;KAC/C,CAAA;IAED,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAE,SAAiB,EAAE,EAAE;QAChE,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnC,CAAC,CAAC;IACN,CAAC,CAAC;IAGF,MAAM,WAAW,GAAG,CAAC,CAAM,EAAE,EAAE;QAC3B,MAAM,IAAI,GAAG;YACT,SAAS,EAAE,CAAC,CAAC,QAAQ;YACrB,eAAe,EAAE,CAAC,CAAC,UAAU;SAChC,CAAA;QACD,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;IACrC,CAAC,CAAA;IAGD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,GAAG,IAAI,CAAC;IACvB,CAAC,CAAC;IAGF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,WAAW,EAAE;YACd,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;SACjC;IACL,CAAC,CAAC;IAGF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,EAAE;YACb,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAC7B,WAAW,GAAG,KAAK,CAAC;SACvB;IACL,CAAC,CAAC;IAGF,SAAS,gBAAgB;QACrB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IAC/B,CAAC;IAGD,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAA;IACxD,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;IACzC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC/C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;IAG7D,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC9C,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AAC9D,CAAC"}

package/lib/js/tracking/handlers/eventlogging.js

@@ -0,0 +1,32 @@
+export function logEvent(npoplayer, event, data) {
+    if (!npoplayer.player || !npoplayer.streamTracker)
+        return;
+    try {
+        npoplayer.player.getCurrentTime();
+    }
+    catch (e) {
+        console.log('Er gaat iets mis met de player API', e);
+    }
+    const streamOptions = { stream_position: npoplayer.player.getCurrentTime() };
+    const eventHandlers = {
+        start: npoplayer.streamTracker.start,
+        buffering: npoplayer.streamTracker.buffering,
+        buffering_complete: npoplayer.streamTracker.buffering_complete,
+        complete: npoplayer.streamTracker.complete,
+        fullscreen: npoplayer.streamTracker.fullscreen,
+        load: npoplayer.streamTracker.load,
+        load_complete: npoplayer.streamTracker.load_complete,
+        pause: npoplayer.streamTracker.pause,
+        resume: npoplayer.streamTracker.resume,
+        stop: npoplayer.streamTracker.stop,
+        windowed: npoplayer.streamTracker.windowed,
+        time: npoplayer.streamTracker.time,
+        seek: () => {
+            npoplayer.streamTracker?.seek(data);
+        }
+    };
+    const streamTrackerHandler = eventHandlers[event];
+    npoplayer.logEmitter.emit('logEvent', event);
+    streamTrackerHandler(streamOptions);
+}
+//# sourceMappingURL=eventlogging.js.map

package/lib/js/tracking/handlers/eventlogging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventlogging.js","sourceRoot":"","sources":["../../../../../src/js/tracking/handlers/eventlogging.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,QAAQ,CAAE,SAAoB,EAAE,KAAa,EAAE,IAAU;IACrE,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa;QAAE,OAAO;IAE1D,IAAI;QACA,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,CAAA;KACpC;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,GAAG,CAAC,oCAAoC,EAAE,CAAC,CAAC,CAAA;KACvD;IACD,MAAM,aAAa,GAAG,EAAE,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE,CAAA;IAE5E,MAAM,aAAa,GAAiD;QAChE,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK;QACpC,SAAS,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS;QAC5C,kBAAkB,EAAE,SAAS,CAAC,aAAa,CAAC,kBAAkB;QAC9D,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,QAAQ;QAC1C,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,UAAU;QAC9C,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,IAAI;QAClC,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC,aAAa;QACpD,KAAK,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK;QACpC,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,MAAM;QACtC,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,IAAI;QAClC,QAAQ,EAAE,SAAS,CAAC,aAAa,CAAC,QAAQ;QAC1C,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,IAAI;QAElC,IAAI,EAAE,GAAG,EAAE;YACP,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACvC,CAAC;KACJ,CAAA;IAED,MAAM,oBAAoB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IACjD,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IAC5C,oBAAoB,CAAC,aAAa,CAAC,CAAA;AACvC,CAAC"}

package/lib/js/tracking/handlers/playertrackerinit.js

@@ -0,0 +1,20 @@
+import { newATInternetPlugin, newGovoltePlugin, newPageTracker, newTag } from '@npotag/tag';
+const npoTagPlugins = [
+    newGovoltePlugin({ maxRetryCount: 5, delayBetweenRetriesInMs: 3000 }),
+    newATInternetPlugin()
+];
+export function initPlayerTracker(npoplayer, _npotag, _npotaginstance) {
+    npoplayer.npoTag = {
+        npoTagInstance: undefined,
+        pageTracker: null,
+        heartbeatInterval: undefined
+    };
+    npoplayer.npoTag.npoTagInstance =
+        _npotag != null
+            ? newTag(_npotag, npoTagPlugins)
+            : _npotaginstance;
+    if (npoplayer.npoTag.npoTagInstance != null) {
+        npoplayer.npoTag.pageTracker = newPageTracker(npoplayer.npoTag.npoTagInstance);
+    }
+}
+//# sourceMappingURL=playertrackerinit.js.map

package/lib/js/tracking/handlers/playertrackerinit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playertrackerinit.js","sourceRoot":"","sources":["../../../../../src/js/tracking/handlers/playertrackerinit.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,cAAc,EAAe,MAAM,EAAE,MAAM,aAAa,CAAA;AAIxG,MAAM,aAAa,GAAG;IAClB,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;IACrE,mBAAmB,EAAE;CACxB,CAAA;AAWD,MAAM,UAAU,iBAAiB,CAAE,SAAoB,EAAE,OAAoC,EAAE,eAAwB;IACnH,SAAS,CAAC,MAAM,GAAG;QACf,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,IAAI;QACjB,iBAAiB,EAAE,SAAS;KAC/B,CAAA;IACD,SAAS,CAAC,MAAM,CAAC,cAAc;QACvB,OAAO,IAAI,IAAI;YACX,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;YAChC,CAAC,CAAC,eAAe,CAAA;IAC7B,IAAI,SAAS,CAAC,MAAM,CAAC,cAAc,IAAI,IAAI,EAAE;QACzC,SAAS,CAAC,MAAM,CAAC,WAAW,GAAG,cAAc,CACzC,SAAS,CAAC,MAAM,CAAC,cAAc,CAClC,CAAA;KACJ;AACL,CAAC"}

package/lib/js/tracking/handlers/playertrackerstart.js

@@ -0,0 +1,22 @@
+import { newStreamTracker } from '@npotag/tag';
+import { bindPlayerEvents } from './eventbinding';
+import { validatePrid } from '../../utilities/utilities';
+export function startPlayerTracker(playerInstance, duration, version) {
+    if (playerInstance.npoTag?.pageTracker == null) {
+        console.error('No pageTracker available');
+    }
+    else if (playerInstance.streamTracker == null) {
+        const streamTrackerConfig = {
+            stream_length: duration,
+            stream_id: validatePrid(playerInstance.streamObject.metadata.prid),
+            player_id: 'npoplayer-web',
+            av_type: 'video',
+            player_version: version,
+            sko_player_version: '1.0.0'
+        };
+        const isLiveConfig = playerInstance.streamObject.stream.isLiveStream ? { isLive: true } : {};
+        playerInstance.streamTracker = newStreamTracker(playerInstance.npoTag.pageTracker, streamTrackerConfig, isLiveConfig);
+        bindPlayerEvents(playerInstance, playerInstance.player);
+    }
+}
+//# sourceMappingURL=playertrackerstart.js.map

package/lib/js/tracking/handlers/playertrackerstart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playertrackerstart.js","sourceRoot":"","sources":["../../../../../src/js/tracking/handlers/playertrackerstart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAWxD,MAAM,UAAU,kBAAkB,CAAE,cAAmB,EAAE,QAAgB,EAAE,OAAe;IACtF,IAAI,cAAc,CAAC,MAAM,EAAE,WAAW,IAAI,IAAI,EAAE;QAC5C,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAA;KAC5C;SAAM,IAAI,cAAc,CAAC,aAAa,IAAI,IAAI,EAAE;QAE7C,MAAM,mBAAmB,GAAG;YACxB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC;YAClE,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,OAAiB;YAC1B,cAAc,EAAE,OAAO;YACvB,kBAAkB,EAAE,OAAO;SAC9B,CAAC;QACF,MAAM,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7F,cAAc,CAAC,aAAa,GAAG,gBAAgB,CAC3C,cAAc,CAAC,MAAM,CAAC,WAAW,EACjC,mBAAmB,EACnB,YAAY,CACf,CAAC;QAEF,gBAAgB,CAAC,cAAc,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;KAC1D;AACL,CAAC"}

package/lib/js/tracking/playertracker.js

@@ -0,0 +1,5 @@
+export { initPlayerTracker } from './handlers/playertrackerinit';
+export { startPlayerTracker } from './handlers/playertrackerstart';
+export { bindPlayerEvents } from './handlers/eventbinding';
+export { logEvent } from './handlers/eventlogging';
+//# sourceMappingURL=playertracker.js.map

package/lib/js/tracking/playertracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"playertracker.js","sourceRoot":"","sources":["../../../../src/js/tracking/playertracker.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA"}

package/lib/js/ui/components/adbutton.js

@@ -0,0 +1,12 @@
+import { Button } from 'bitmovin-player-ui';
+export function createAdButton(npoplayer) {
+    npoplayer.uiComponents.adbutton = undefined;
+    const adButton = new Button({
+        cssClass: 'ui-textbutton ui-sterbutton bmpui-ui-button',
+        text: 'Meer info',
+        hidden: true
+    });
+    npoplayer.uiComponents.adbutton = adButton;
+    return adButton;
+}
+//# sourceMappingURL=adbutton.js.map

package/lib/js/ui/components/adbutton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adbutton.js","sourceRoot":"","sources":["../../../../../src/js/ui/components/adbutton.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAAC,MAAM,oBAAoB,CAAA;AAQ1C,MAAM,UAAU,cAAc,CAAE,SAAoB;IAChD,SAAS,CAAC,YAAY,CAAC,QAAQ,GAAG,SAAS,CAAA;IAC3C,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC;QACxB,QAAQ,EAAE,6CAA6C;QACvD,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;IAEF,SAAS,CAAC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1C,OAAO,QAAQ,CAAA;AACnB,CAAC"}

package/lib/js/ui/components/adlabel.js

@@ -0,0 +1,8 @@
+import { Label } from 'bitmovin-player-ui';
+export function createAdLabel(npoplayer) {
+    npoplayer.uiComponents.adlabel = undefined;
+    const adLabel = new Label({ text: '', cssClass: 'adLabel', hidden: true });
+    npoplayer.uiComponents.adlabel = adLabel;
+    return adLabel;
+}
+//# sourceMappingURL=adlabel.js.map

package/lib/js/ui/components/adlabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adlabel.js","sourceRoot":"","sources":["../../../../../src/js/ui/components/adlabel.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAA;AAQzC,MAAM,UAAU,aAAa,CAAE,SAAoB;IAC/C,SAAS,CAAC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;IAC1C,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;IAC1E,SAAS,CAAC,YAAY,CAAC,OAAO,GAAG,OAAO,CAAA;IACxC,OAAO,OAAO,CAAA;AAClB,CAAC"}

package/lib/js/ui/components/buttons.js

@@ -0,0 +1,86 @@
+import { Button, PlaybackToggleButton, ControlBar } from 'bitmovin-player-ui';
+import { rewind, forward } from '../handlers/timecontrolhandlers';
+export function createMiddleButtons(player) {
+    const bigPlayToggleButton = new PlaybackToggleButton({
+        cssClass: 'ui-playbacktogglebutton'
+    });
+    const bigRewindButton = createRewindButton(player);
+    const bigForwardButton = createForwardButton(player);
+    return new ControlBar({
+        components: [bigRewindButton, bigPlayToggleButton, bigForwardButton],
+        cssClasses: ['controlbar-middle']
+    });
+}
+export function createRewindButton(player) {
+    const rewindButton = new Button({
+        cssClass: 'ui-rewindbutton bmpui-ui-button'
+    });
+    rewindButton.onClick.subscribe(() => {
+        rewind(player);
+    });
+    return rewindButton;
+}
+export function createForwardButton(player) {
+    const forwardButton = new Button({
+        cssClass: 'ui-forwardbutton bmpui-ui-button'
+    });
+    forwardButton.onClick.subscribe(() => {
+        forward(player);
+    });
+    return forwardButton;
+}
+export function createPlayNextButton(player, npoplayer) {
+    const playNextButton = new Button({
+        cssClass: 'ui-hugeplaynextbacktogglebutton ui-playNextButton bmpui-ui-button',
+        text: 'De volgende aflevering wordt zo afgespeeld...',
+        hidden: false
+    });
+    playNextButton.onClick.subscribe(() => {
+        if (player != null) {
+            npoplayer.doPlayNext();
+        }
+    });
+    return playNextButton;
+}
+export function createskipIntroButton(player) {
+    const skipIntroButton = new Button({
+        cssClass: 'ui-textbutton ui-skipintrobutton bmpui-ui-button bmpui-hidden',
+        text: 'Intro overslaan',
+        hidden: true
+    });
+    skipIntroButton.onClick.subscribe(() => {
+        if (player != null) {
+            player.seek(96);
+        }
+    });
+    return skipIntroButton;
+}
+export function createGoBackLiveButton(player) {
+    const goBackLiveButton = new Button({
+        cssClass: 'ui-textbutton ui-backtolivebutton bmpui-ui-button',
+        text: 'Terug naar live',
+        hidden: true
+    });
+    goBackLiveButton.onClick.subscribe(() => {
+        if (player != null && player.isLive()) {
+            player.timeShift(0);
+        }
+    });
+    return goBackLiveButton;
+}
+export function createWatchFromStartButton(player, npoplayer) {
+    const watchFromStartButton = new Button({
+        cssClass: 'ui-textbutton ui-watchfromstartbutton bmpui-ui-button',
+        text: 'Kijk vanaf het begin',
+        hidden: true
+    });
+    watchFromStartButton.onClick.subscribe(() => {
+        if ((player?.isLive()) ?? false)
+            npoplayer.watchFromStart();
+        if (npoplayer.uiComponents.watchFromStartButton)
+            npoplayer.uiComponents.watchFromStartButton.hide();
+    });
+    npoplayer.uiComponents.watchFromStartButton = watchFromStartButton;
+    return watchFromStartButton;
+}
+//# sourceMappingURL=buttons.js.map

package/lib/js/ui/components/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../src/js/ui/components/buttons.ts"],"names":[],"mappings":"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"}

package/lib/js/ui/components/controlbar.js

@@ -0,0 +1,58 @@
+import { ControlBar, Container, PlaybackTimeLabel, PlaybackTimeLabelMode, SeekBar, SeekBarLabel, PlaybackToggleButton, VolumeToggleButton, VolumeSlider, Spacer, PictureInPictureToggleButton, AirPlayToggleButton, CastToggleButton, SettingsToggleButton, FullscreenToggleButton } from 'bitmovin-player-ui';
+import { airPlaySupported } from '../../../js/utilities/utilities';
+import { PlayerEvent } from 'bitmovin-player';
+import { createForwardButton, createRewindButton } from './buttons';
+export function createControlBar(npoplayer, settingsPanel) {
+    const player = npoplayer.player;
+    const rewindButton = createRewindButton(player);
+    const forwardButton = createForwardButton(player);
+    const seekBar = new SeekBar({ label: new SeekBarLabel() });
+    npoplayer.uiComponents.seekBar = seekBar;
+    const chromeCastButton = new CastToggleButton({
+        hidden: true
+    });
+    npoplayer.player?.on(PlayerEvent.CastAvailable, () => {
+        if (npoplayer.player?.isCastAvailable())
+            chromeCastButton.show();
+    });
+    const controlbar = new ControlBar({
+        components: [
+            settingsPanel,
+            new Container({
+                components: [
+                    new PlaybackTimeLabel({
+                        timeLabelMode: PlaybackTimeLabelMode.CurrentTime,
+                        hideInLivePlayback: true,
+                        cssClasses: ['current-time']
+                    }),
+                    seekBar,
+                    new PlaybackTimeLabel({
+                        timeLabelMode: PlaybackTimeLabelMode.TotalTime,
+                        cssClasses: ['total-time']
+                    })
+                ],
+                cssClasses: ['controlbar-top']
+            }),
+            new Container({
+                components: [
+                    new PlaybackToggleButton(),
+                    new VolumeToggleButton(),
+                    new VolumeSlider(),
+                    rewindButton,
+                    forwardButton,
+                    new Spacer(),
+                    ...(document.pictureInPictureEnabled && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) ? [new PictureInPictureToggleButton()] : []),
+                    ...(airPlaySupported() ? [new AirPlayToggleButton()] : []),
+                    chromeCastButton,
+                    new SettingsToggleButton({ settingsPanel }),
+                    new FullscreenToggleButton()
+                ],
+                cssClasses: ['controlbar-bottom']
+            })
+        ],
+        cssClasses: ['ui-controlbar-bottom']
+    });
+    npoplayer.uiComponents.controlbar = controlbar;
+    return controlbar;
+}
+//# sourceMappingURL=controlbar.js.map

package/lib/js/ui/components/controlbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlbar.js","sourceRoot":"","sources":["../../../../../src/js/ui/components/controlbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACN,4BAA4B,EAC5B,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EAEzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnE,MAAM,UAAU,gBAAgB,CAC5B,SAAoB,EACpB,aAA4B;IAE5B,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;IAE/B,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAEjD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,SAAS,CAAC,YAAY,CAAC,OAAO,GAAG,OAAO,CAAA;IAExC,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC1C,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;IAEF,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,EAAE;QACjD,IAAG,SAAS,CAAC,MAAM,EAAE,eAAe,EAAE;YAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC;QAC9B,UAAU,EAAE;YACR,aAAa;YACb,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,WAAW;wBAChD,kBAAkB,EAAE,IAAI;wBACxB,UAAU,EAAE,CAAC,cAAc,CAAC;qBAC/B,CAAC;oBACF,OAAO;oBACP,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,SAAS;wBAC9C,UAAU,EAAE,CAAC,YAAY,CAAC;qBAC7B,CAAC;iBACL;gBACD,UAAU,EAAE,CAAC,gBAAgB,CAAC;aACjC,CAAC;YACF,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,oBAAoB,EAAE;oBAC1B,IAAI,kBAAkB,EAAE;oBACxB,IAAI,YAAY,EAAE;oBAClB,YAAY;oBACZ,aAAa;oBACb,IAAI,MAAM,EAAE;oBACZ,GAAG,CAAC,QAAQ,CAAC,uBAAuB,IAAI,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,4BAA4B,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/I,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC1D,gBAAgB;oBAChB,IAAI,oBAAoB,CAAC,EAAE,aAAa,EAAE,CAAC;oBAC3C,IAAI,sBAAsB,EAAE;iBAC/B;gBACD,UAAU,EAAE,CAAC,mBAAmB,CAAC;aACpC,CAAC;SACL;QACD,UAAU,EAAE,CAAC,sBAAsB,CAAC;KACvC,CAAC,CAAA;IAGF,SAAS,CAAC,YAAY,CAAC,UAAU,GAAG,UAAU,CAAA;IAE9C,OAAO,UAAU,CAAA;AACrB,CAAC"}

package/lib/js/ui/components/ctabar.d.ts

@@ -4,6 +4,6 @@ import { type PlayerAPI } from 'bitmovin-player';
 import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
 import { LabelConfig } from 'bitmovin-player-ui/dist/js/framework/components/label';
 export declare function createCTABar(player: PlayerAPI | null, npoplayer: NpoPlayer, variant: string): Container<{
-    components: (Label<LabelConfig> | Button<ButtonConfig>)[];
+    components: (Button<ButtonConfig> | Label<LabelConfig>)[];
     cssClasses: string[];
 }>;

package/lib/js/ui/components/ctabar.js

@@ -0,0 +1,24 @@
+import { Container } from 'bitmovin-player-ui';
+import { createGoBackLiveButton, createWatchFromStartButton } from './buttons';
+import { createAdButton } from './adbutton';
+import { createAdLabel } from './adlabel';
+export function createCTABar(player, npoplayer, variant) {
+    const goBackLiveButton = createGoBackLiveButton(player);
+    const watchFromStartButton = createWatchFromStartButton(player, npoplayer);
+    let barComponents = [
+        watchFromStartButton,
+        goBackLiveButton
+    ];
+    if (variant === 'ad') {
+        const adLabel = createAdLabel(npoplayer);
+        const adButton = createAdButton(npoplayer);
+        barComponents.push(adLabel);
+        barComponents.push(adButton);
+        adLabel.hide();
+    }
+    return new Container({
+        components: barComponents,
+        cssClasses: ['controlbar-textbuttons']
+    });
+}
+//# sourceMappingURL=ctabar.js.map

package/lib/js/ui/components/ctabar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ctabar.js","sourceRoot":"","sources":["../../../../../src/js/ui/components/ctabar.ts"],"names":[],"mappings":"AAUA,OAAO,EAAU,SAAS,EAAS,MAAM,oBAAoB,CAAA;AAC7D,OAAO,EACH,sBAAsB,EACtB,0BAA0B,EAC7B,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAczC,MAAM,UAAU,YAAY,CAAE,MAAwB,EAAE,SAAoB,EAAE,OAAe;IACzF,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,0BAA0B,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAE1E,IAAI,aAAa,GAAkD;QAC/D,oBAAoB;QACpB,gBAAgB;KACnB,CAAA;IAED,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,MAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QACxC,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;QAC1C,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3B,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5B,OAAO,CAAC,IAAI,EAAE,CAAA;KACjB;IAED,OAAO,IAAI,SAAS,CAAC;QACjB,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,CAAC,wBAAwB,CAAC;KACzC,CAAC,CAAA;AACN,CAAC"}

package/lib/js/ui/components/nativemobile/addFragments.js

@@ -0,0 +1,8 @@
+import { setFragments } from '../../../fragments/setfragments';
+export const addFragments = async (player, uiManager, section) => {
+    const fragments = {
+        sections: [section],
+    };
+    setFragments(player, uiManager, fragments);
+};
+//# sourceMappingURL=addFragments.js.map

package/lib/js/ui/components/nativemobile/addFragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addFragments.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/addFragments.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAI9D,MAAM,CAAC,MAAM,YAAY,GAAQ,KAAK,EAAE,MAAiB,EAAE,SAAoB,EAAE,OAAgB,EAAE,EAAE;IACjG,MAAM,SAAS,GAAc;QACzB,QAAQ,EAAE,CAAC,OAAO,CAAC;KACtB,CAAA;IAED,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC9C,CAAC,CAAA"}