@npo/player 1.10.1 → 1.10.2

package/lib/js/ui/nativemobileuifactory.js

@@ -0,0 +1,42 @@
+import { PlayerEvent } from 'bitmovin-player';
+import { UIManager } from 'bitmovin-player-ui';
+import { customSpecificErrorMessageOverlayConfig } from '../playeractions/handlers/customerrors';
+import { localizationConfig } from '../utilities/localizationconfig';
+import { nativeMobileUIContainer } from './nativemobileuicontainer';
+import { addFragments } from '../ui/components/nativemobile/addFragments';
+import { processNicam } from './handlers/nicamhandler';
+export function nativeMobileUiFactory(player, config = {}) {
+    const uiConfig = {
+        ...config,
+        errorMessages: customSpecificErrorMessageOverlayConfig,
+        disableAutoHideWhenHovered: true
+    };
+    const playerSource = player.getSource();
+    const _streamObject = JSON.parse(playerSource?.metadata?.['StreamLink JSON'] || '{}');
+    UIManager.setLocalizationConfig(localizationConfig);
+    const mobileUIManager = new UIManager(player, nativeMobileUIContainer(player), uiConfig);
+    if (_streamObject.metadata.ageRating) {
+        processNicam(_streamObject, 'ui-container');
+    }
+    if (_streamObject.segment) {
+        const seg = _streamObject.segment;
+        const section = {
+            start: seg.inpoint,
+            end: seg.outpoint,
+            title: playerSource?.title || '',
+        };
+        player.off(PlayerEvent.Ready, () => addFragments(player, mobileUIManager, section));
+        player.on(PlayerEvent.Ready, () => addFragments(player, mobileUIManager, section));
+    }
+    else if (playerSource?.thumbnailTrack) {
+        const element = document.querySelector('.bmpui-npo-player .bmpui-seekbar-label-title');
+        if (element !== null) {
+            element.textContent = playerSource.title || '';
+        }
+    }
+    player.on(PlayerEvent.Seeked, () => {
+        document.querySelector('.bmpui-npo-player.bmpui-player-state-finished')?.classList.remove('bmpui-player-state-finished');
+    });
+    return mobileUIManager;
+}
+//# sourceMappingURL=nativemobileuifactory.js.map

package/lib/js/ui/nativemobileuifactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativemobileuifactory.js","sourceRoot":"","sources":["../../../../src/js/ui/nativemobileuifactory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAY,MAAM,iBAAiB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,uCAAuC,EAAE,MAAM,wCAAwC,CAAA;AAChG,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,UAAU,qBAAqB,CAAE,MAAiB,EAAE,SAAmB,EAAE;IAC3E,MAAM,QAAQ,GAAa;QACvB,GAAG,MAAM;QACT,aAAa,EAAE,uCAAuC;QACtD,0BAA0B,EAAE,IAAI;KACnC,CAAA;IAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;IACvC,MAAM,aAAa,GAAQ,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,CAAA;IAE1F,SAAS,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IAEnD,MAAM,eAAe,GAAG,IAAI,SAAS,CACjC,MAAM,EACN,uBAAuB,CAAC,MAAM,CAAC,EAC/B,QAAQ,CACX,CAAA;IAED,IAAI,aAAa,CAAC,QAAQ,CAAC,SAAS,EAAE;QAClC,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC,CAAA;KAC9C;IAED,IAAI,aAAa,CAAC,OAAO,EAAE;QACvB,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAA;QACjC,MAAM,OAAO,GAAa;YACtB,KAAK,EAAE,GAAG,CAAC,OAAO;YAClB,GAAG,EAAE,GAAG,CAAC,QAAQ;YACjB,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,EAAE;SACnC,CAAA;QAED,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;QACnF,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;KACrF;SAAM,IAAI,YAAY,EAAE,cAAc,EAAE;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,8CAA8C,CAAC,CAAA;QAEtF,IAAI,OAAO,KAAK,IAAI,EAAE;YAClB,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC,KAAK,IAAI,EAAE,CAAA;SACjD;KACJ;IAGD,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,aAAa,CAAC,+CAA+C,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA;IAC5H,CAAC,CAAC,CAAA;IAEF,OAAO,eAAe,CAAC;AAC3B,CAAC"}

package/lib/js/ui/uicontainer.js

@@ -0,0 +1,57 @@
+import { UIContainer, PlaybackToggleOverlay, BufferingOverlay, CastStatusOverlay, SubtitleOverlay, ErrorMessageOverlay } from 'bitmovin-player-ui';
+import { createMiddleButtons } from './components/buttons';
+import { createPlayNextScreen } from './components/playnext';
+import { createSettingsPanel } from './components/settingspanel';
+import { createCTABar } from './components/ctabar';
+import { createTopBar } from './components/topbar';
+import { createControlBar } from './components/controlbar';
+import { createTitleBar } from './components/titlebar';
+export function createUIContainer(npoplayer, variant) {
+    let cssClassArray = ['npo-player'];
+    let uiDelay = 3000;
+    if (variant === 'default') {
+        uiDelay = 3000;
+    }
+    else if (variant === 'ad') {
+        uiDelay = -1;
+        cssClassArray.push('ster-ad');
+    }
+    const player = npoplayer.player;
+    const middleButtons = createMiddleButtons(player);
+    const playNextScreen = createPlayNextScreen(player, npoplayer);
+    const settingsPanel = createSettingsPanel(npoplayer);
+    const ctaBar = createCTABar(player, npoplayer, variant);
+    const topBar = createTopBar(settingsPanel);
+    const controlBar = createControlBar(npoplayer, settingsPanel);
+    const titleBar = createTitleBar(npoplayer);
+    const errorMessageOverlay = new ErrorMessageOverlay();
+    npoplayer.uiComponents.errorMessageOverlay = errorMessageOverlay;
+    const baseComponentsBefore = [
+        new SubtitleOverlay(),
+        new BufferingOverlay(),
+        new PlaybackToggleOverlay(),
+        new CastStatusOverlay(),
+        playNextScreen,
+        middleButtons,
+    ];
+    const baseComponentsAfter = [
+        errorMessageOverlay
+    ];
+    let conditionalComponents = [];
+    if (variant === 'default') {
+        conditionalComponents.push(controlBar);
+        conditionalComponents.push(ctaBar);
+        conditionalComponents.push(titleBar);
+        conditionalComponents.push(topBar);
+    }
+    if (variant === 'ad') {
+        conditionalComponents.push(controlBar);
+        conditionalComponents.push(ctaBar);
+    }
+    return new UIContainer({
+        components: [...baseComponentsBefore, ...conditionalComponents, ...baseComponentsAfter],
+        cssClasses: cssClassArray,
+        hideDelay: uiDelay
+    });
+}
+//# sourceMappingURL=uicontainer.js.map

package/lib/js/ui/uicontainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uicontainer.js","sourceRoot":"","sources":["../../../../src/js/ui/uicontainer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,UAAU,iBAAiB,CAAE,SAAoB,EAAE,OAAe;IACpE,IAAI,aAAa,GAAG,CAAC,YAAY,CAAC,CAAA;IAClC,IAAI,OAAO,GAAU,IAAI,CAAA;IAEzB,IAAG,OAAO,KAAK,SAAS,EAAE;QACtB,OAAO,GAAG,IAAI,CAAA;KACjB;SAAM,IAAG,OAAO,KAAK,IAAI,EAAC;QACvB,OAAO,GAAG,CAAC,CAAC,CAAA;QACZ,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;KAChC;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAA;IAC/B,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC9D,MAAM,aAAa,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACpD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IACvD,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,gBAAgB,CAC/B,SAAS,EACT,aAAa,CAChB,CAAA;IACD,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAE1C,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAA;IACrD,SAAS,CAAC,YAAY,CAAC,mBAAmB,GAAG,mBAAmB,CAAA;IAEhE,MAAM,oBAAoB,GAAG;QACzB,IAAI,eAAe,EAAE;QACrB,IAAI,gBAAgB,EAAE;QACtB,IAAI,qBAAqB,EAAE;QAC3B,IAAI,iBAAiB,EAAE;QACvB,cAAc;QACd,aAAa;KAChB,CAAA;IAED,MAAM,mBAAmB,GAAG;QACxB,mBAAmB;KACtB,CAAA;IAED,IAAI,qBAAqB,GAAG,EAAE,CAAC;IAG/B,IAAI,OAAO,KAAK,SAAS,EAAE;QACvB,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACtC;IAED,IAAI,OAAO,KAAK,IAAI,EAAE;QAClB,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACtC;IAED,OAAO,IAAI,WAAW,CAAC;QACnB,UAAU,EAAE,CAAC,GAAG,oBAAoB,EAAE,GAAG,qBAAqB,EAAE,GAAG,mBAAmB,CAAC;QACvF,UAAU,EAAE,aAAa;QACzB,SAAS,EAAE,OAAO;KACrB,CAAC,CAAA;AACN,CAAC"}

package/lib/js/utilities/localizationconfig.js

@@ -0,0 +1,8 @@
+import * as nlJson from '../../lang/nl.json';
+export const localizationConfig = {
+    language: 'nl',
+    vocabularies: {
+        nl: nlJson.default
+    }
+};
+//# sourceMappingURL=localizationconfig.js.map

package/lib/js/utilities/localizationconfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizationconfig.js","sourceRoot":"","sources":["../../../../src/js/utilities/localizationconfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE;QACV,EAAE,EAAE,MAAM,CAAC,OAA4C;KAC1D;CACJ,CAAA"}

package/lib/js/utilities/printversion.js

@@ -0,0 +1,27 @@
+export function printVersion(version) {
+    const asciiArt = `
+                   ╔▒▒╖                        
+                _╔╠╠╠╠╠╠╠φ_                    
+              _#╠╠╠╠╠╠╠╠╠╠╠#_                  
+            ╓╔╠╠╠╠╝╝╠╠╠╠╠╠╠╠╠▒,                
+          ╔╬╠╠╠╠╠    '╚╠╠╠╠╠╠╠╠▒╖              
+        ╔╬╠╠╠╠╠╠╠       '╚╠╠╠╠╠╠╠╬╦            
+     _╓╠╠╠╠╠╠╠╠╠╠          '╚╠╠╠╠╠╠╠╖╖         
+     ╠╠╠╠╠╠╠╠╠╠╠╠            ╠╠╠╠╠╠╠╠▒         
+     ╬╠╠╠╠╠╠╠╠╠╠╠          _╔╬╠╠╠╠╠╠╠╝         
+      \`╝╠╠╠╠╠╠╠╠╠       _╔╠╠╠╠╠╠╠╠╠╩\`          
+        \`╚╠╠╠╠╠╠╠    _╔╬╠╠╠╠╠╠╠╠╠╩             
+           ╙╠╠╠╠╠▒╗φ╬╠╠╠╠╠╠╠╠╠╠╜               
+             ╙╬╠╠╠╠╠╠╠╠╠╠╠╠╠╠╙                 
+               '╬╠╠╠╠╠╠╠╠╠╝^                   
+                 \`╝╠╠╠╠╠╩\`                     
+                   \`╙╙╙                        
+`;
+    const title = 'NPO Player';
+    const versionString = 'v' + String(version);
+    const colorCode = '#ff6d00';
+    const titleStyle = `font-size: 24px; font-weight: bold; color: ${colorCode}; padding: 2px 4px;`;
+    const versionStyle = 'font-size: 24px; font-weight: bold; padding: 2px 4px;';
+    console.log(`%c${asciiArt}%c${title} %c${versionString}`, `color: ${colorCode}; background-color: rgb(11, 28, 54);`, titleStyle, versionStyle);
+}
+//# sourceMappingURL=printversion.js.map

package/lib/js/utilities/printversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"printversion.js","sourceRoot":"","sources":["../../../../src/js/utilities/printversion.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAAE,OAAe;IACzC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;CAiBpB,CAAA;IAEG,MAAM,KAAK,GAAG,YAAY,CAAA;IAC1B,MAAM,aAAa,GAAG,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IAE3C,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,UAAU,GAAG,8CAA8C,SAAS,qBAAqB,CAAA;IAC/F,MAAM,YAAY,GAAG,uDAAuD,CAAA;IAE5E,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,KAAK,KAAK,MAAM,aAAa,EAAE,EAAE,UAAU,SAAS,sCAAsC,EAAE,UAAU,EAAE,YAAY,CAAC,CAAA;AAClJ,CAAC"}

package/lib/js/utilities/utilities.js

@@ -0,0 +1,52 @@
+import { i18n } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
+export const jwtToBase64 = (jwt) => {
+    return jwt.toString().split('.')[1].replace('-', '+').replace('_', '/');
+};
+export const base64ToObject = (base64) => {
+    return JSON.parse(decodeURIComponent(window
+        .atob(base64)
+        .split('')
+        .map(function (c) {
+        return ('%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2));
+    })
+        .join('')));
+};
+export const noTrailingSlash = (url) => {
+    return url.slice(-1) === '/' ? (url = url.slice(0, -1)) : url;
+};
+export function localize(key) {
+    return i18n.getLocalizer(key);
+}
+export function validateStreamLength(duration) {
+    return duration !== null ? msToSeconds(Number(duration)) : -1;
+}
+export function msToSeconds(ms) {
+    return ms / 1000;
+}
+export function validatePrid(prid) {
+    return prid !== '' && prid !== null ? prid : 'unknown';
+}
+export function getModuleExport(module) {
+    if (typeof module === 'object' && module !== null && 'default' in module) {
+        return module.default;
+    }
+    return module;
+}
+export function airPlaySupported() {
+    let hasAirPlay = false;
+    if (window.WebKitPlaybackTargetAvailabilityEvent == null || undefined) {
+        return false;
+    }
+    window.addEventListener('webkitplaybacktargetavailabilitychanged', function (event) {
+        switch (event.availability) {
+            case "available":
+                hasAirPlay = true;
+                break;
+            case "not-available":
+                hasAirPlay = false;
+                break;
+        }
+    });
+    return hasAirPlay;
+}
+//# sourceMappingURL=utilities.js.map

package/lib/js/utilities/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,IAAI,EAEP,MAAM,wDAAwD,CAAA;AAQ/D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;IACvC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3E,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAc,EAAE,EAAE;IAC7C,OAAO,IAAI,CAAC,KAAK,CACb,kBAAkB,CACd,MAAM;SACD,IAAI,CAAC,MAAM,CAAC;SACZ,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,UAAU,CAAC;QACZ,OAAO,CACH,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACxD,CAAA;IACL,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAChB,CACJ,CAAA;AACL,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;IAC3C,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;AACjE,CAAC,CAAA;AAQD,MAAM,UAAU,QAAQ,CAAE,GAAW;IACjC,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;AACjC,CAAC;AASD,MAAM,UAAU,oBAAoB,CAAE,QAAqC;IACvE,OAAO,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACjE,CAAC;AAQD,MAAM,UAAU,WAAW,CAAE,EAAU;IACnC,OAAO,EAAE,GAAG,IAAI,CAAA;AACpB,CAAC;AAQD,MAAM,UAAU,YAAY,CAAE,IAAmB;IAC7C,OAAO,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1D,CAAC;AASD,MAAM,UAAU,eAAe,CAAC,MAAe;IAC3C,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,IAAI,IAAI,SAAS,IAAI,MAAM,EAAE;QACtE,OAAO,MAAM,CAAC,OAAO,CAAC;KACzB;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC5B,IAAI,UAAU,GAAG,KAAK,CAAC;IACvB,IAAK,MAAc,CAAC,qCAAqC,IAAI,IAAI,IAAI,SAAS,EAAE;QAC5E,OAAO,KAAK,CAAC;KAChB;IACD,MAAM,CAAC,gBAAgB,CAAC,yCAAyC,EAAE,UAAS,KAAU;QAClF,QAAQ,KAAK,CAAC,YAAY,EAAE;YACxB,KAAK,WAAW;gBACZ,UAAU,GAAG,IAAI,CAAC;gBAClB,MAAM;YACV,KAAK,eAAe;gBAChB,UAAU,GAAG,KAAK,CAAC;gBACnB,MAAM;SACb;IACL,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACtB,CAAC"}

package/lib/lang/nl.json

@@ -0,0 +1,72 @@
+{
+    "settings.video.quality": "Kwaliteit",
+    "settings.audio.quality": "Audio kwaliteit",
+    "settings.audio.track": "Audio Track",
+    "settings.audio.mute": "Mute",
+    "settings.audio.volume": "Volume",
+    "settings.subtitles.window.color": "Venster kleur",
+    "settings.subtitles.window.opacity": "Venster zichtbaarheid",
+    "settings.subtitles": "Ondertiteling",
+    "settings.subtitles.font.color": "Tekst kleur",
+    "settings.subtitles.font.opacity": "Tekst opacity",
+    "settings.subtitles.background.color": "Background color",
+    "settings.subtitles.background.opacity": "Background opacity",
+    "colors.white": "wit",
+    "colors.black": "zwart",
+    "colors.red": "rood",
+    "colors.green": "groen",
+    "colors.blue": "blauw",
+    "colors.cyan": "cyaan",
+    "colors.yellow": "geel",
+    "colors.magenta": "magenta",
+    "percent": "{value}%",
+    "settings.subtitles.font.size": "Tekst grootte",
+    "settings.subtitles.characterEdge": "Character edge",
+    "settings.subtitles.characterEdge.raised": "raised",
+    "settings.subtitles.characterEdge.depressed": "depressed",
+    "settings.subtitles.characterEdge.uniform": "uniform",
+    "settings.subtitles.characterEdge.dropshadowed": "drop shadowed",
+    "settings.subtitles.font.family": "Lettertype",
+    "settings.subtitles.font.family.monospacedserif": "monospaced serif",
+    "settings.subtitles.font.family.proportionalserif": "proportional serif",
+    "settings.subtitles.font.family.monospacedsansserif": "monospaced sans serif",
+    "settings.subtitles.font.family.proportionalsansserif": "proportional sans serif",
+    "settings.subtitles.font.family.casual": "casual",
+    "settings.subtitles.font.family.cursive": "cursive",
+    "settings.subtitles.font.family.smallcapital": "small capital",
+    "settings.time.hours": "Uren",
+    "settings.time.minutes": "Minuten",
+    "settings.time.seconds": "Secondes",
+    "ads.remainingTime": "De advertentie duurt nog {remainingTime} seconden.",
+    "settings": "Instellingen",
+    "fullscreen": "Volledig scherm",
+    "speed": "Snelheid",
+    "playPause": "Play/Pauzeer",
+    "play": "Play",
+    "pause": "Pauzeer",
+    "open": "open",
+    "close": "sluit",
+    "pictureInPicture": "Picture-in-Picture",
+    "appleAirplay": "Apple AirPlay",
+    "googleCast": "Google Cast",
+    "vr": "VR",
+    "off": "Geen",
+    "auto": "automatisch",
+    "back": "Terug",
+    "reset": "Reset",
+    "replay": "Replay",
+    "normal": "normaal",
+    "default": "standaard",
+    "live": "Live",
+    "subtitle.example": "voorbeeld ondertiteling",
+    "subtitle.select": "Selecteer ondertiteling",
+    "playingOn": "Speelt af op <strong>{castDeviceName}</strong>",
+    "connectingTo": "Maakt verbinding met <strong>{castDeviceName}</strong>...",
+    "watermarkLink": "Link to Homepage",
+    "controlBar": "Video speler controls",
+    "player": "Video speler",
+    "seekBar": "Video tijdlijn",
+    "seekBar.value": "Waarde",
+    "seekBar.timeshift": "Timeshift",
+    "seekBar.durationText": "out of"
+}