@npo/player 1.9.0

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/resolvekeypress.d.ts

@@ -0,0 +1,3 @@
+import { type PlayerAPI } from "bitmovin-player";
+import type NpoPlayer from '../../../npoplayer';
+export declare function resolveKeyPress(player: PlayerAPI, npoplayer: NpoPlayer, e: KeyboardEvent): void;

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

@@ -0,0 +1,55 @@
+import { ViewMode } from "bitmovin-player";
+/*
+* This function is called when a key is pressed and handles the logic for the keypress.
+* @function resolveKeyPress
+* @param {PlayerAPI} player - The Bitmovin player instance
+* @param {NpoPlayer} npoplayer - The NpoPlayer instance
+* @param {KeyboardEvent} e - The keyboard event
+* @returns {void}
+*/
+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;AAG3D;;;;;;;EAOE;AAEF,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.d.ts

@@ -0,0 +1,3 @@
+export { resolveKeyPress } from "./handlers/resolvekeypress";
+export { handleStartOffset, handleLiveOffsetLogic, shiftToProgramStart } from "./handlers/handleoffsets";
+export { handlePlayerError } from "./handlers/error";

package/lib/js/playeractions/playeractions.js

@@ -0,0 +1,4 @@
+export { resolveKeyPress } from "./handlers/resolvekeypress";
+export { handleStartOffset, handleLiveOffsetLogic, shiftToProgramStart } from "./handlers/handleoffsets";
+export { handlePlayerError } from "./handlers/error";
+//# 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"}

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

@@ -0,0 +1,10 @@
+import { type PlayerAPI } from 'bitmovin-player';
+import type NpoPlayer from '../../../npoplayer';
+/**
+* @function bindPlayerEvents
+* @description Binds the player events to the event logging function.
+* @param {NpoPlayer} npoplayer - The NpoPlayer instance.
+* @param {PlayerAPI} player - The Bitmovin player instance.
+* @returns {void}
+*/
+export declare function bindPlayerEvents(npoplayer: NpoPlayer, player: PlayerAPI): void;

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

@@ -0,0 +1,86 @@
+import { PlayerEvent, ViewMode } from 'bitmovin-player';
+import { logEvent } from './eventlogging';
+/**
+* @function bindPlayerEvents
+* @description Binds the player events to the event logging function.
+* @param {NpoPlayer} npoplayer - The NpoPlayer instance.
+* @param {PlayerAPI} player - The Bitmovin player instance.
+* @returns {void}
+*/
+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);
+        };
+    };
+    //Handle seek events, this requires a custom handler because we need to send the seek_from and seek_position parameters
+    const seekHandler = (e) => {
+        const data = {
+            seek_from: e.position,
+            stream_position: e.seekTarget
+        };
+        logEvent(npoplayer, 'seek', data);
+    };
+    // Because we only want to load 'start' when a new source is starting playback, we need to keep track of that
+    const handleSourceLoaded = () => {
+        isNewSource = true;
+    };
+    //fire resume event when the player resumes playback and the source is not new (unpause)
+    const handlePlay = () => {
+        if (!isNewSource) {
+            logEvent(npoplayer, 'resume');
+        }
+    };
+    //fire start event when the player starts playing new content, set isNewSource to false
+    const handlePlaying = () => {
+        if (isNewSource) {
+            logEvent(npoplayer, 'start');
+            isNewSource = false;
+        }
+    };
+    //sends a stop event when the user leaves the page
+    function stopBeforeUnload() {
+        logEvent(npoplayer, 'stop');
+    }
+    //remove old listeners (if they exist) before setting new ones
+    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);
+    //bind new listeners
+    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":"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"}

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

@@ -0,0 +1,11 @@
+/**
+* @function logEvent
+* @description Logs an event to the NPO Tag StreamTracker
+* @param {Object} npoplayer - The NpoPlayer instance
+* @param {string} event - The event name
+* @param {Object} data - The event data, this is optional and currently only used for seek events,
+* because the tag SDK does not export SeekEventProps as a type the type for data is set to any.
+* @returns {void}
+*/
+import NpoPlayer from "../../../npoplayer";
+export declare function logEvent(npoplayer: NpoPlayer, event: string, data?: any): void;

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

@@ -0,0 +1,42 @@
+/**
+* @function logEvent
+* @description Logs an event to the NPO Tag StreamTracker
+* @param {Object} npoplayer - The NpoPlayer instance
+* @param {string} event - The event name
+* @param {Object} data - The event data, this is optional and currently only used for seek events,
+* because the tag SDK does not export SeekEventProps as a type the type for data is set to any.
+* @returns {void}
+*/
+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 event including so properties
+        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":"AAAA;;;;;;;;EAQE;AAIF,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;QAClC,qCAAqC;QACrC,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.d.ts

@@ -0,0 +1,13 @@
+import { type NPOTag } from '@npotag/tag';
+import { type InitialisationProps } from '@npotag/tag/dist/types/src/npoTag';
+import type NpoPlayer from '../../../npoplayer';
+/**
+* @function initPlayerTracker
+* @description: This function initializes the NPO Tag instance and page tracker.
+* The page tracker is a required prerequisite for the stream tracker to function.
+* @param {NpoPlayer} npoplayer - The NpoPlayer instance.
+* @param {InitialisationProps | null} _npotag - The NPO Tag instance.
+* @param {NPOTag} _npotaginstance - The NPO Tag instance.
+* @returns {void}
+*/
+export declare function initPlayerTracker(npoplayer: NpoPlayer, _npotag?: InitialisationProps | null, _npotaginstance?: NPOTag): void;

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

@@ -0,0 +1,29 @@
+import { newATInternetPlugin, newGovoltePlugin, newPageTracker, newTag } from '@npotag/tag';
+const npoTagPlugins = [
+    newGovoltePlugin({ maxRetryCount: 5, delayBetweenRetriesInMs: 3000 }),
+    newATInternetPlugin()
+];
+/**
+* @function initPlayerTracker
+* @description: This function initializes the NPO Tag instance and page tracker.
+* The page tracker is a required prerequisite for the stream tracker to function.
+* @param {NpoPlayer} npoplayer - The NpoPlayer instance.
+* @param {InitialisationProps | null} _npotag - The NPO Tag instance.
+* @param {NPOTag} _npotaginstance - The NPO Tag instance.
+* @returns {void}
+*/
+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;AAED;;;;;;;;EAQE;AACF,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.d.ts

@@ -0,0 +1,8 @@
+/**
+* @function startPlayerTracker
+* @description This function creates a new StreamTracker instance and binds the player events to it.
+* @param {Object} playerInstance - The NpoPlayer instance
+* @param {number} duration - The duration of the stream in seconds
+* @returns {void}
+*/
+export declare function startPlayerTracker(playerInstance: any, duration: number, version: string): void;

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

@@ -0,0 +1,29 @@
+import { newStreamTracker } from '@npotag/tag';
+import { bindPlayerEvents } from './eventbinding';
+import { validatePrid } from '../../utilities/utilities';
+/**
+* @function startPlayerTracker
+* @description This function creates a new StreamTracker instance and binds the player events to it.
+* @param {Object} playerInstance - The NpoPlayer instance
+* @param {number} duration - The duration of the stream in seconds
+* @returns {void}
+*/
+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;AAIxD;;;;;;EAME;AACF,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.d.ts

@@ -0,0 +1,4 @@
+export { initPlayerTracker } from './handlers/playertrackerinit';
+export { startPlayerTracker } from './handlers/playertrackerstart';
+export { bindPlayerEvents } from './handlers/eventbinding';
+export { logEvent } from './handlers/eventlogging';

package/lib/js/tracking/playertracker.js

@@ -0,0 +1,10 @@
+/*
+* This module exports the various handlers that are used to track player events.
+* The playerTracker is based on the StreamTracker module that is part of NPO Tag by DIAZ.
+* Read the full NPO Tag documentation here: https://npotag.npo-data.nl/
+*/
+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":"AAAA;;;;EAIE;AAEF,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.d.ts

@@ -0,0 +1,7 @@
+import { Button } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createAdButton(npoplayer: NpoPlayer): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;

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

@@ -0,0 +1,21 @@
+/*
+* This file contains the code for the 'Meer' button linking to the advertiser's website that appears when an ad is playing.
+* The component is added to the uiComponents object of the player instance so it can be populated with the relevant ad URL.
+*/
+import { Button } from 'bitmovin-player-ui';
+/*
+* @function createAdButton
+* @param {NpoPlayer} npoplayer - The player instance
+* @returns {Button} - The ad button
+*/
+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":"AAAA;;;EAGE;AAEF,OAAO,EAAE,MAAM,EAAC,MAAM,oBAAoB,CAAA;AAG1C;;;;EAIE;AACF,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.d.ts

@@ -0,0 +1,7 @@
+import { Label } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createAdLabel(npoplayer: NpoPlayer): Label<{
+    text: string;
+    cssClass: string;
+    hidden: true;
+}>;

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

@@ -0,0 +1,17 @@
+/*
+* adlabel.ts
+* This file contains the code for the adlabel component used to display to the user how many ads will be played when an adBreak occurs.
+*/
+import { Label } from 'bitmovin-player-ui';
+/*
+* @function createAdLabel
+* @param {NpoPlayer} npoplayer - The player instance
+* @returns {Label} - The ad label
+*/
+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":"AAAA;;;EAGE;AAEF,OAAO,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAA;AAGzC;;;;EAIE;AACF,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.d.ts

@@ -0,0 +1,30 @@
+import { type PlayerAPI } from 'bitmovin-player';
+import { Button, ControlBar } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createMiddleButtons(player: PlayerAPI | null): ControlBar;
+export declare function createRewindButton(player: PlayerAPI | null): Button<{
+    cssClass: string;
+}>;
+export declare function createForwardButton(player: PlayerAPI | null): Button<{
+    cssClass: string;
+}>;
+export declare function createPlayNextButton(player: PlayerAPI | null, npoplayer: NpoPlayer): Button<{
+    cssClass: string;
+    text: string;
+    hidden: false;
+}>;
+export declare function createskipIntroButton(player: PlayerAPI | null): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;
+export declare function createGoBackLiveButton(player: PlayerAPI | null): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;
+export declare function createWatchFromStartButton(player: PlayerAPI | null, npoplayer: NpoPlayer): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;

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

@@ -0,0 +1,89 @@
+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) {
+            // if (introDataAvailable) {
+            // TODO Check if metadata has intro data, this is currently not yet available in the API, so this button is merely scaffolding for now.
+            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.d.ts

@@ -0,0 +1,3 @@
+import { ControlBar, type SettingsPanel } from 'bitmovin-player-ui';
+import type NpoPlayer from '../../../npoplayer';
+export declare function createControlBar(npoplayer: NpoPlayer, settingsPanel: SettingsPanel, forwardButton: any, rewindButton: any): ControlBar;