@npo/player 1.23.1 → 1.24.0

package/README.md

@@ -11,7 +11,7 @@ Extensive and up-to-date documentation is available at https://docs.npoplayer.nl
 Code quality is analysed by SonarCloud. The project can be found at https://sonarcloud.io/project/overview?id=NPOstart_npo-player
 
 # Changelog
-Current version: v1.23.0
+Current version: v1.24.0
 
 The changelog is available at https://docs.npoplayer.nl/implementation/web/changelog/
 

package/lib/js/playeractions/handlers/error.js

@@ -5,8 +5,8 @@ export function handlePlayerError(player, uiComponents, input) {
     }
     console.error('Er is iets mis met het ophalen van de stream.', input);
     player.unload();
-    if (uiComponents.controlbar)
-        uiComponents.controlbar.hide();
+    if (uiComponents.controlBar)
+        uiComponents.controlBar.hide();
     if (uiComponents.errorMessageOverlay == undefined)
         return;
     uiComponents.errorMessageOverlay.show();

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

@@ -6,7 +6,7 @@ const show = jest.fn();
 const input = 'string';
 const player = { unload };
 const uiComponents = {
-    controlbar: { hide },
+    controlBar: { hide },
     errorMessageOverlay: {
         errorLabel: { setText },
         show
@@ -27,7 +27,7 @@ describe('Test DRM verification', () => {
     it('should not hide the controlbar', () => {
         const components = {
             ...uiComponents,
-            controlbar: undefined
+            controlBar: undefined
         };
         handlePlayerError(player, components, input);
         expect(hide).not.toHaveBeenCalled();

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

@@ -1,6 +1,4 @@
-import { type PlayerAPI } from 'bitmovin-player';
-import type NpoPlayer from '../../../npoplayer';
-import { type StreamOptions } from 'types/interfaces';
-export declare function handleStartOffset(player: PlayerAPI, offset?: number): void;
-export declare function shiftToProgramStart(player: PlayerAPI | undefined, timestamp?: number): void;
-export declare function handleLiveOffsetLogic(npoplayer: NpoPlayer, player: PlayerAPI | undefined, options: StreamOptions): void;
+import { PlayerContext, type StreamOptions } from '../../../types/interfaces';
+export declare function handleStartOffset(playerContext: PlayerContext, offset?: number): void;
+export declare function shiftToProgramStart(playerContext: PlayerContext, timestamp?: number): void;
+export declare function handleLiveOffsetLogic(playerContext: PlayerContext, options: StreamOptions): void;

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

@@ -1,24 +1,24 @@
-import { PlayerEvent } from 'bitmovin-player';
-export function handleStartOffset(player, offset) {
-    if (offset == undefined || player.isLive()) {
-        if (player.isLive()) {
+import { NpoPlayerEvent } from '../../../types/events';
+export function handleStartOffset(playerContext, offset) {
+    const { player } = playerContext;
+    if (offset == undefined || playerContext.player.isLive()) {
+        if (playerContext.player.isLive()) {
             console.warn('handleStartOffset was called but the player is playing live content.');
         }
         return;
     }
     const seek = () => {
-        player.off(PlayerEvent.SourceLoaded, seek);
-        player.off(PlayerEvent.AdBreakFinished, seek);
-        player.off(PlayerEvent.AdError, seek);
+        player.off(NpoPlayerEvent.SourceLoaded, seek);
+        player.off(NpoPlayerEvent.AdBreakFinished, seek);
+        player.off(NpoPlayerEvent.AdError, seek);
         player.seek(offset);
     };
-    player.on(PlayerEvent.SourceLoaded, seek);
-    player.on(PlayerEvent.AdBreakFinished, seek);
-    player.on(PlayerEvent.AdError, seek);
+    player.on(NpoPlayerEvent.SourceLoaded, seek);
+    player.on(NpoPlayerEvent.AdBreakFinished, seek);
+    player.on(NpoPlayerEvent.AdError, seek);
 }
-export function shiftToProgramStart(player, timestamp) {
-    if (player == undefined)
-        return;
+export function shiftToProgramStart(playerContext, timestamp) {
+    const { player } = playerContext;
     if (timestamp == undefined || !player.isLive()) {
         if (!player.isLive()) {
             console.warn('shiftToProgramStart was called but the player is playing VOD content.');
@@ -27,9 +27,8 @@ export function shiftToProgramStart(player, timestamp) {
     }
     player.timeShift(timestamp);
 }
-export function handleLiveOffsetLogic(npoplayer, player, options) {
-    if (player == undefined)
-        return;
+export function handleLiveOffsetLogic(playerContext, options) {
+    const { player, npoplayer } = playerContext;
     if (npoplayer.uiComponents.watchFromStartButton == undefined)
         return;
     if (options?.liveProgramTime == undefined) {
@@ -45,6 +44,6 @@ export function handleLiveOffsetLogic(npoplayer, player, options) {
     }
     if (options.liveOffset !== null && options.liveOffset !== false && options.liveProgramTime > 0) {
         npoplayer.uiComponents.watchFromStartButton.hide();
-        shiftToProgramStart(player, options.liveProgramTime);
+        shiftToProgramStart(playerContext, options.liveProgramTime);
     }
 }

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

@@ -1,49 +1,93 @@
+import { PlayerEvent } from 'bitmovin-player';
+import { createPlayerContextMock, createMockNpoPlayerAPI } from '../../../../tests/mocks/playerContextMock';
 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', () => {
+    const offset = 10;
     afterEach(() => {
         jest.resetAllMocks();
     });
     it('should not seek when player is live', () => {
-        handleStartOffset(player, offset);
-        expect(onReady).not.toHaveBeenCalled();
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(true),
+            seek: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn()
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        handleStartOffset(playerContextMock, offset);
+        expect(mockNpoPlayerAPI.seek).not.toHaveBeenCalled();
     });
     it('should not seek when offset is undefined', () => {
-        handleStartOffset({ ...player, isLive: () => false });
-        expect(onReady).not.toHaveBeenCalled();
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(false),
+            seek: jest.fn(),
+            on: jest.fn(),
+            off: jest.fn()
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        handleStartOffset(playerContextMock);
+        expect(mockNpoPlayerAPI.seek).not.toHaveBeenCalled();
     });
     it('should seek when player is not live and offset is defined', () => {
-        handleStartOffset({ ...player, isLive: () => false }, offset);
-        expect(onReady).toHaveBeenCalled();
+        const seekMock = jest.fn();
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(false),
+            seek: seekMock,
+            off: jest.fn(),
+            on: jest.fn((event, callback) => {
+                if (event === PlayerEvent.SourceLoaded) {
+                    callback();
+                }
+            })
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        handleStartOffset(playerContextMock, offset);
+        expect(seekMock).toHaveBeenCalledWith(offset);
     });
 });
 describe('Test programStart shift', () => {
+    const timestamp = 30;
     afterEach(() => {
         jest.resetAllMocks();
     });
-    it('should not call timeshift when player is null', () => {
-        shiftToProgramStart(undefined, timestamp);
-        expect(timeShift).not.toHaveBeenCalled();
+    it('should not call timeShift when timestamp is undefined', () => {
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(true),
+            timeShift: jest.fn()
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        shiftToProgramStart(playerContextMock);
+        expect(mockNpoPlayerAPI.timeShift).not.toHaveBeenCalled();
     });
-    it('should not call timeshift when timestamp is undefined', () => {
-        shiftToProgramStart(player);
-        expect(timeShift).not.toHaveBeenCalled();
+    it('should not call timeShift when player is not live', () => {
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(false),
+            timeShift: jest.fn()
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        shiftToProgramStart(playerContextMock, timestamp);
+        expect(mockNpoPlayerAPI.timeShift).not.toHaveBeenCalled();
     });
-    it('should not call timeshift when player is not live', () => {
-        shiftToProgramStart({ ...player, isLive: () => false }, timestamp);
-        expect(timeShift).not.toHaveBeenCalled();
-    });
-    it('should not call timeshift when player is live and timestamp is set', () => {
-        shiftToProgramStart(player, timestamp);
-        expect(timeShift).toHaveBeenCalled();
+    it('should call timeShift when player is live and timestamp is set', () => {
+        const timeShiftMock = jest.fn();
+        const mockNpoPlayerAPI = createMockNpoPlayerAPI({
+            isLive: jest.fn().mockReturnValue(true),
+            timeShift: timeShiftMock
+        });
+        const playerContextMock = createPlayerContextMock({
+            player: mockNpoPlayerAPI
+        });
+        shiftToProgramStart(playerContextMock, timestamp);
+        expect(timeShiftMock).toHaveBeenCalledWith(timestamp);
     });
 });

package/lib/js/playeractions/handlers/mediasessionactions.js

@@ -1,40 +1,52 @@
 import { PlayerEvent } from 'bitmovin-player';
 export function setupMediaSessionActionHandlers(player, sourceConfig, _streamObject) {
-    player.on(PlayerEvent.Playing, () => {
+    function handlePlaying() {
+        player.off(PlayerEvent.Playing, handlePlaying);
         if (!('mediaSession' in navigator)) {
             return;
         }
         setMediaSessionMetadata();
         setupMediaSessionActionHandlers();
         updatePositionState();
-    });
-    player.on(PlayerEvent.Paused, () => {
+    }
+    function handlePaused() {
+        player.off(PlayerEvent.Paused, handlePaused);
         if (!('mediaSession' in navigator)) {
             return;
         }
         navigator.mediaSession.playbackState = 'paused';
-    });
-    player.on(PlayerEvent.Play, () => {
+    }
+    function handlePlay() {
+        player.off(PlayerEvent.Play, handlePlay);
         if (!('mediaSession' in navigator)) {
             return;
         }
         navigator.mediaSession.playbackState = 'playing';
-    });
-    player.on(PlayerEvent.SourceUnloaded, () => {
+    }
+    function handleSourceUnloaded() {
+        player.off(PlayerEvent.SourceUnloaded, handleSourceUnloaded);
         if (!('mediaSession' in navigator)) {
             return;
         }
         navigator.mediaSession.setPositionState(undefined);
-    });
-    player.on(PlayerEvent.Destroy, () => {
+    }
+    function handleDestroy() {
+        player.off(PlayerEvent.Destroy, handleDestroy);
         if (!('mediaSession' in navigator)) {
             return;
         }
         navigator.mediaSession.setPositionState(undefined);
-    });
-    player.on(PlayerEvent.PlaybackSpeedChanged, () => {
+    }
+    function handlePlaybackSpeedChanged() {
+        player.off(PlayerEvent.PlaybackSpeedChanged, handlePlaybackSpeedChanged);
         updatePositionState();
-    });
+    }
+    player.on(PlayerEvent.Playing, handlePlaying);
+    player.on(PlayerEvent.Paused, handlePaused);
+    player.on(PlayerEvent.Play, handlePlay);
+    player.on(PlayerEvent.SourceUnloaded, handleSourceUnloaded);
+    player.on(PlayerEvent.Destroy, handleDestroy);
+    player.on(PlayerEvent.PlaybackSpeedChanged, handlePlaybackSpeedChanged);
     function setMediaSessionMetadata() {
         const metadata = {
             title: sourceConfig.title,

package/lib/js/playeractions/handlers/processsourceconfig.js

@@ -1,5 +1,5 @@
 import { HttpResponseType } from 'bitmovin-player';
-import { npoCdnProviders } from '../../cdnproviders';
+import { npoCdnProviders } from '../../../services/cdnProviders/cdnProviders';
 import { replaceSpecialCharacters } from '../../utilities/utilities.text';
 async function setDrm(sourceConfig, drm, _streamObject, useWidevineServerCertificate) {
     const npoDrmGateway = 'https://npo-drm-gateway.samgcloud.nepworldwide.nl/authentication?custom_data=';
@@ -104,8 +104,12 @@ function setStreamProfile(sourceConfig, _sourceConfig, _streamObject) {
 }
 export async function processSourceConfig(NpoPlayerServices, _sourceConfig = {}, _streamObject, drm = undefined, streamOptions, version, npoTagPartyId, npoPlayerServices) {
     let sourceConfig = {};
-    sourceConfig.title = _sourceConfig.title ?? _streamObject.metadata.title ?? '';
-    sourceConfig.description = _sourceConfig.description ?? _streamObject.metadata.description ?? '';
+    sourceConfig.title = _sourceConfig.title
+        ? replacePlaceholders(_sourceConfig.title, _streamObject.metadata)
+        : _streamObject.metadata.title ?? '';
+    sourceConfig.description = _sourceConfig.description
+        ? replacePlaceholders(_sourceConfig.description, _streamObject.metadata)
+        : _streamObject.metadata.description ?? '';
     sourceConfig.poster = decidePoster(_streamObject, _sourceConfig, streamOptions);
     sourceConfig.metadata = {
         title: sourceConfig.title,
@@ -190,3 +194,12 @@ function decidePoster(streamObject, sourceConfig, streamOptions) {
     }
     return streamObject.metadata.poster ?? '';
 }
+function replacePlaceholders(template, metadata) {
+    return template.replace(/{([^{}]*)}/g, (match, key) => {
+        const value = metadata[key];
+        if (Array.isArray(value)) {
+            return value.map((item) => item.trim()).join(', ');
+        }
+        return value === undefined ? '' : String(value);
+    });
+}

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

@@ -1,3 +1,3 @@
 import { type PlayerAPI } from 'bitmovin-player';
 import type NpoPlayer from '../../../npoplayer';
-export declare function bindPlayerEvents(npoplayer: NpoPlayer, player: PlayerAPI): void;
+export declare function bindPlayerEvents(npoPlayer: NpoPlayer, player: PlayerAPI): void;

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

@@ -1,11 +1,10 @@
 import { PlayerEvent, ViewMode } from 'bitmovin-player';
 import { logEvent } from './eventlogging';
 const logEventHandlers = new Map();
-export function bindPlayerEvents(npoplayer, player) {
+export function bindPlayerEvents(npoPlayer, player) {
     if (player == undefined)
         return;
-    let isSeeking = false;
-    const isLiveStream = npoplayer.streamObject.stream.isLiveStream;
+    const isLiveStream = npoPlayer.streamObject.stream.isLiveStream;
     let currentTime = 0;
     let isNewSource = true;
     const timeDifference = (time) => {
@@ -17,11 +16,10 @@ export function bindPlayerEvents(npoplayer, player) {
     const logEventHandler = (eventName) => {
         return (e) => {
             const eventTime = e.time === undefined ? undefined : timeDifference(e.time);
-            logEvent(npoplayer, eventName, eventTime);
+            logEvent(npoPlayer, eventName, eventTime);
         };
     };
     const seekHandler = (e) => {
-        isSeeking = true;
         let data = {};
         if (e.type === 'timeshift') {
             const timeDifferencePosition = -1 * (Date.now() / 1000 - e.position);
@@ -37,44 +35,44 @@ export function bindPlayerEvents(npoplayer, player) {
                 stream_position: e.seekTarget
             };
         }
-        logEvent(npoplayer, e.type, data);
+        logEvent(npoPlayer, 'seek', data);
     };
     const handleSourceLoaded = () => {
         isNewSource = true;
         if (isLiveStream) {
-            logEvent(npoplayer, 'stop');
+            logEvent(npoPlayer, 'stop');
         }
     };
     const handlePlay = (e) => {
-        if (!isNewSource && !isSeeking) {
-            logEvent(npoplayer, 'resume', timeDifference(e.time));
+        if (!isNewSource && e.issuer !== 'ui-seek') {
+            logEvent(npoPlayer, 'resume', timeDifference(e.time));
         }
     };
-    const handlePlaying = () => {
-        if (isSeeking) {
-            isSeeking = false;
+    const pausedHandler = (e) => {
+        if (e.issuer !== 'ui-seek') {
+            logEvent(npoPlayer, 'pause', timeDifference(e.time));
         }
     };
     const handleTime = (e) => {
-        if (isNewSource && !npoplayer.adBreakActive) {
-            logEvent(npoplayer, 'start', timeDifference(e.time));
+        if (isNewSource && !npoPlayer.adBreakActive) {
+            logEvent(npoPlayer, 'start', timeDifference(e.time));
             isNewSource = false;
         }
         else {
-            logEvent(npoplayer, 'time', timeDifference(e.time));
+            logEvent(npoPlayer, 'time', timeDifference(e.time));
         }
     };
     const handleViewModeChange = () => {
         const newViewMode = player.getViewMode();
         if (newViewMode === ViewMode.Fullscreen) {
-            logEvent(npoplayer, 'fullscreen', currentTime);
+            logEvent(npoPlayer, 'fullscreen', currentTime);
         }
         else {
-            logEvent(npoplayer, 'windowed', currentTime);
+            logEvent(npoPlayer, 'windowed', currentTime);
         }
     };
     const stopBeforeUnload = () => {
-        logEvent(npoplayer, 'stop');
+        logEvent(npoPlayer, 'stop');
     };
     for (const [key, value] of logEventHandlers) {
         player.off(key, value);
@@ -83,7 +81,7 @@ export function bindPlayerEvents(npoplayer, player) {
     logEventHandlers.clear();
     const playerEvents = [
         { event: PlayerEvent.Ready, name: 'load_complete' },
-        { event: PlayerEvent.Paused, name: 'pause' },
+        { event: PlayerEvent.Paused, handler: pausedHandler },
         { event: PlayerEvent.Play, handler: handlePlay },
         { event: PlayerEvent.SourceLoaded, handler: handleSourceLoaded },
         { event: PlayerEvent.StallStarted, name: 'buffering' },
@@ -101,10 +99,6 @@ export function bindPlayerEvents(npoplayer, player) {
         logEventHandlers.set(event, eventHandler);
         player.on(event, eventHandler);
     }
-    if (npoplayer.streamObject.assets.preroll === null) {
-        logEventHandlers.set(PlayerEvent.Playing, handlePlaying);
-        player.on(PlayerEvent.Playing, handlePlaying);
-    }
     logEventHandlers.set('beforeunload', stopBeforeUnload);
     window.addEventListener('beforeunload', stopBeforeUnload);
 }

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

@@ -1,2 +1,2 @@
 import NpoPlayer from '../../../npoplayer';
-export declare function logEvent(npoplayer: NpoPlayer, event: string, data?: any): void;
+export declare function logEvent(npoPlayer: NpoPlayer, event: string, data?: any): void;

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

@@ -1,31 +1,31 @@
-export function logEvent(npoplayer, event, data) {
-    if (!npoplayer.player || !npoplayer.streamTracker || npoplayer.adBreakActive)
+export function logEvent(npoPlayer, event, data) {
+    if (!npoPlayer.player || !npoPlayer.streamTracker || npoPlayer.adBreakActive || npoPlayer.player.isCasting())
         return;
     try {
-        npoplayer.player.getCurrentTime();
+        npoPlayer.player.getCurrentTime();
     }
     catch (error) {
         console.warn('Er gaat iets mis met de player API', error);
     }
-    const streamOptions = { stream_position: npoplayer.player.getCurrentTime() };
+    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,
+        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);
+            npoPlayer.streamTracker?.seek(data);
         }
     };
     const streamTrackerHandler = eventHandlers[event];
-    npoplayer.logEmitter.emit('logEvent', event, data);
+    npoPlayer.logEmitter.emit('logEvent', event, data);
     streamTrackerHandler(streamOptions);
 }

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

@@ -1,46 +1,46 @@
 import { logEvent } from './eventlogging';
 import { mockNpoPlayer } from '../../../../tests/mocks/mockNpoplayer';
 describe('logEvent', () => {
-    let npoplayer;
+    let npoPlayer;
     beforeEach(() => {
-        npoplayer = mockNpoPlayer;
+        npoPlayer = mockNpoPlayer;
     });
     it('should not log event if player is not available', () => {
-        npoplayer.player = undefined;
-        if (npoplayer.streamTracker && npoplayer.player) {
-            logEvent(npoplayer, 'start');
-            expect(npoplayer.streamTracker.start).not.toHaveBeenCalled();
-            expect(npoplayer.logEmitter.emit).not.toHaveBeenCalled();
+        npoPlayer.player = undefined;
+        if (npoPlayer.streamTracker && npoPlayer.player) {
+            logEvent(npoPlayer, 'start');
+            expect(npoPlayer.streamTracker.start).not.toHaveBeenCalled();
+            expect(npoPlayer.logEmitter.emit).not.toHaveBeenCalled();
         }
     });
     it('should not log event if streamTracker is not available', () => {
-        npoplayer.streamTracker = undefined;
-        if (npoplayer.streamTracker) {
-            logEvent(npoplayer, 'start');
-            expect(npoplayer.logEmitter.emit).not.toHaveBeenCalled();
+        npoPlayer.streamTracker = undefined;
+        if (npoPlayer.streamTracker) {
+            logEvent(npoPlayer, 'start');
+            expect(npoPlayer.logEmitter.emit).not.toHaveBeenCalled();
         }
     });
     it('should not log event if adBreakActive is true', () => {
-        npoplayer.adBreakActive = true;
-        if (npoplayer.streamTracker) {
-            logEvent(npoplayer, 'start');
-            expect(npoplayer.streamTracker.start).not.toHaveBeenCalled();
-            expect(npoplayer.logEmitter.emit).not.toHaveBeenCalled();
+        npoPlayer.adBreakActive = true;
+        if (npoPlayer.streamTracker) {
+            logEvent(npoPlayer, 'start');
+            expect(npoPlayer.streamTracker.start).not.toHaveBeenCalled();
+            expect(npoPlayer.logEmitter.emit).not.toHaveBeenCalled();
         }
     });
     it('should log event and call the corresponding streamTracker handler', () => {
-        if (npoplayer.streamTracker) {
-            logEvent(npoplayer, 'start');
-            expect(npoplayer.streamTracker.start).toHaveBeenCalledWith({ stream_position: 10 });
-            expect(npoplayer.logEmitter.emit).toHaveBeenCalledWith('logEvent', 'start');
+        if (npoPlayer.streamTracker) {
+            logEvent(npoPlayer, 'start');
+            expect(npoPlayer.streamTracker.start).toHaveBeenCalledWith({ stream_position: 10 });
+            expect(npoPlayer.logEmitter.emit).toHaveBeenCalledWith('logEvent', 'start');
         }
     });
     it('should log event and call the seek streamTracker handler with data', () => {
         const data = { position: 20 };
-        if (npoplayer.streamTracker) {
-            logEvent(npoplayer, 'seek', data);
-            expect(npoplayer.streamTracker.seek).toHaveBeenCalledWith(data);
-            expect(npoplayer.logEmitter.emit).toHaveBeenCalledWith('logEvent', 'seek');
+        if (npoPlayer.streamTracker) {
+            logEvent(npoPlayer, 'seek', data);
+            expect(npoPlayer.streamTracker.seek).toHaveBeenCalledWith(data);
+            expect(npoPlayer.logEmitter.emit).toHaveBeenCalledWith('logEvent', 'seek');
         }
     });
 });

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

@@ -16,8 +16,10 @@ export function startPlayerTracker(playerInstance, duration, version, source) {
             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);
+        const isLiveStream = playerInstance.streamObject.stream.isLiveStream || false;
+        playerInstance.streamTracker = newStreamTracker(playerInstance.npoTag.pageTracker, streamTrackerConfig, {
+            isLive: isLiveStream
+        });
         bindPlayerEvents(playerInstance, playerInstance.player);
     }
 }

package/lib/lang/nl.json

@@ -51,7 +51,7 @@
     "appleAirplay": "Apple AirPlay",
     "googleCast": "Google Cast",
     "vr": "VR",
-    "off": "Geen",
+    "off": "Uit",
     "auto": "automatisch",
     "back": "Terug",
     "reset": "Herstellen",
@@ -66,6 +66,8 @@
     "watermarkLink": "Link to Homepage",
     "controlBar": "Video speler bedieningselementen",
     "player": "Video speler",
+    "videoPlayer": "Video speler",
+    "audioPlayer": "Audio speler",
     "seekBar": "Video tijdlijn",
     "seekBar.value": "Waarde",
     "seekBar.timeshift": "Timeshift",

package/lib/npoplayer.d.ts

@@ -32,9 +32,8 @@ export default class NpoPlayer {
     mockNpoPlayer: any;
     userPreferences: LocalStorageData;
     constructor(_container: HTMLElement, _playerConfig: PlayerConfig, _npotag?: InitialisationProps | undefined, _npotaginstance?: NPOTag | undefined, _variant?: NpoPlayerUIVariants);
-    initPlayer(_container: HTMLElement, playerConfig: PlayerConfig, variant: NpoPlayerUIVariants): void;
+    initPlayer(_container: HTMLElement, playerConfig: PlayerConfig): void;
     loadStream(source: string, options?: StreamOptions): Promise<void>;
-    createUIManager(player: PlayerAPI, playerContext: PlayerContext, variant: NpoPlayerUIVariants): Promise<void>;
     doError(input: any, status?: number): void;
     play(): Promise<void>;
     pause(): void;