shaka-player 4.3.10 → 4.4.0

package/test/util/periods_unit.js

@@ -29,7 +29,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Ad insertion - join during main content', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: 'main',
@@ -112,7 +112,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Ad insertion - join during ad', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: 'ad',
@@ -190,7 +190,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Ad insertion - smaller ad, res not found in main content', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -240,7 +240,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Ad insertion - larger ad, res not found in main content', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -288,7 +288,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Language changes during and after an ad', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: 'show1',
@@ -347,6 +347,7 @@ describe('PeriodCombiner', () => {
     const spanish = variants.find(
         (v) => v.video.height == 1080 && v.language == 'es');
     expect(spanish.audio.originalId).toBe('es*,en,es');
+    expect(spanish.audio.originalLanguage).toBe('es');
     expect(spanish.video.originalId).toBe('1080,480,1080');
 
     // The French track is primary in the last period and has English 480p in
@@ -354,6 +355,7 @@ describe('PeriodCombiner', () => {
     const french = variants.find(
         (v) => v.video.height == 1080 && v.language == 'fr');
     expect(french.audio.originalId).toBe('fr,en,fr*');
+    expect(french.audio.originalLanguage).toBe('fr');
     expect(french.video.originalId).toBe('1080,480,1080');
 
     // Because there's no English in the first or last periods, the English
@@ -361,11 +363,12 @@ describe('PeriodCombiner', () => {
     const english = variants.find(
         (v) => v.video.height == 1080 && v.language == 'en');
     expect(english.audio.originalId).toBe('es*,en,fr*');
+    expect(english.audio.originalLanguage).toBe('en');
     expect(english.video.originalId).toBe('1080,480,1080');
   });
 
   it('VOD playlist of completely unrelated periods', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: 'show1',
@@ -406,7 +409,9 @@ describe('PeriodCombiner', () => {
     const english = variants.find(
         (v) => v.video.height == 1080 && v.language == 'en');
     expect(spanish.audio.originalId).toBe('es,en');
+    expect(spanish.audio.originalLanguage).toBe('es');
     expect(english.audio.originalId).toBe('es,en');
+    expect(english.audio.originalLanguage).toBe('en');
   });
 
   it('Multiple representations of the same resolution', async () => {
@@ -416,7 +421,7 @@ describe('PeriodCombiner', () => {
     /** @type {shaka.extern.Stream} */
     const video2 = makeVideoStream(480);
     video2.bandwidth = 2;
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -533,7 +538,7 @@ describe('PeriodCombiner', () => {
     const i3 = makeImageStream(240);
     i3.originalId = 'i3';
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -601,7 +606,7 @@ describe('PeriodCombiner', () => {
   // Regression test for #3383, where we failed on multi-period content with
   // multiple image streams per period.
   it('Can handle multiple image streams', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -642,7 +647,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('handles text track gaps', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -680,7 +685,7 @@ describe('PeriodCombiner', () => {
         ],
         textStreams: [
           makeTextStream('en'),
-          makeTextStream('es'),
+          makeTextStream('spa'),
         ],
         imageStreams: [],
       },
@@ -703,11 +708,13 @@ describe('PeriodCombiner', () => {
     const spanish = textStreams.find((s) => s.language == 'es');
     const english = textStreams.find((s) => s.language == 'en');
     expect(spanish.originalId).toBe(',,es');
+    expect(spanish.originalLanguage).toBe('spa');
     expect(english.originalId).toBe('en,,en');
+    expect(english.originalLanguage).toBe('en');
   });
 
   it('handles image track gaps', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -771,7 +778,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Disjoint audio channels', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -819,7 +826,7 @@ describe('PeriodCombiner', () => {
       return stream;
     };
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -867,7 +874,7 @@ describe('PeriodCombiner', () => {
       return stream;
     };
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -911,7 +918,7 @@ describe('PeriodCombiner', () => {
     const newCodec = makeVideoStream(720);
     newCodec.codecs = 'foo.abcd';
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -963,7 +970,7 @@ describe('PeriodCombiner', () => {
     stream4.codecs = 'mp4a.40.2';
     stream4.roles = ['description'];
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '0',
@@ -1045,7 +1052,7 @@ describe('PeriodCombiner', () => {
     stream8.bandwidth = 120000;
     stream8.codecs = 'vp09.01.20.08.01';
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '0',
@@ -1103,7 +1110,7 @@ describe('PeriodCombiner', () => {
     const stream4 = makeAudioStreamWithRoles(['role1']);
     stream4.originalId = 'stream4';
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -1145,7 +1152,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Matches streams with roles in common', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -1197,7 +1204,7 @@ describe('PeriodCombiner', () => {
   });
 
   it('Matches streams with mismatched roles', async () => {
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '0',
@@ -1374,7 +1381,7 @@ describe('PeriodCombiner', () => {
     v20.frameRate = 24000/1001;
     v20.bandwidth = 570005990000;
 
-    /** @type {!Array.<shaka.util.PeriodCombiner.Period>} */
+    /** @type {!Array.<shaka.extern.Period>} */
     const periods = [
       {
         id: '1',
@@ -1547,7 +1554,8 @@ describe('PeriodCombiner', () => {
         language);
     streamGenerator.primary = primary;
     streamGenerator.channelsCount = channels;
-    streamGenerator.originalId = primary ? language + '*' : language;
+    streamGenerator.originalId = primary ?
+      streamGenerator.language + '*' : streamGenerator.language;
     if (channels != 2) {
       streamGenerator.originalId += `-${channels}c`;
     }
@@ -1568,7 +1576,8 @@ describe('PeriodCombiner', () => {
         /* type= */ shaka.util.ManifestParserUtils.ContentType.TEXT,
         language);
     streamGenerator.primary = primary;
-    streamGenerator.originalId = primary ? language + '*' : language;
+    streamGenerator.originalId = primary ?
+      streamGenerator.language + '*' : streamGenerator.language;
     return streamGenerator.build_();
   }
 
@@ -1583,8 +1592,7 @@ describe('PeriodCombiner', () => {
         /* manifest= */ null,
         /* isPartial= */ false,
         /* id= */ nextId++,
-        /* type= */ shaka.util.ManifestParserUtils.ContentType.IMAGE,
-        /* lang= */ 'und');
+        /* type= */ shaka.util.ManifestParserUtils.ContentType.IMAGE);
     streamGenerator.size(width, height);
     streamGenerator.originalId = height.toString();
     streamGenerator.mime('image/jpeg');

package/test/util/stream_utils_unit.js

@@ -483,7 +483,8 @@ describe('StreamUtils', () => {
       });
 
       await StreamUtils.getDecodingInfosForVariants(manifest.variants,
-          /* usePersistentLicenses= */false, /* srcEquals= */ false);
+          /* usePersistentLicenses= */false, /* srcEquals= */ false,
+          /* preferredKeySystems= */ []);
       expect(manifest.variants.length).toBeTruthy();
       expect(manifest.variants[0].decodingInfos.length).toBe(1);
       expect(manifest.variants[0].decodingInfos[0].supported).toBeTruthy();
@@ -499,7 +500,8 @@ describe('StreamUtils', () => {
       });
 
       await StreamUtils.getDecodingInfosForVariants(manifest.variants,
-          /* usePersistentLicenses= */false, /* srcEquals= */ true);
+          /* usePersistentLicenses= */false, /* srcEquals= */ true,
+          /* preferredKeySystems= */ []);
       expect(manifest.variants.length).toBeTruthy();
       expect(manifest.variants[0].decodingInfos.length).toBe(1);
       expect(manifest.variants[0].decodingInfos[0].supported).toBeTruthy();
@@ -528,7 +530,8 @@ describe('StreamUtils', () => {
       });
 
       await StreamUtils.getDecodingInfosForVariants(manifest.variants,
-          /* usePersistentLicenses= */false, /* srcEquals= */ false);
+          /* usePersistentLicenses= */false, /* srcEquals= */ false,
+          /* preferredKeySystems= */ []);
       expect(manifest.variants.length).toBe(1);
       expect(manifest.variants[0].decodingInfos.length).toBe(0);
     });
@@ -562,7 +565,8 @@ describe('StreamUtils', () => {
         });
 
         await StreamUtils.getDecodingInfosForVariants(manifest.variants,
-            /* usePersistentLicenses= */ false, /* srcEquals= */ false);
+            /* usePersistentLicenses= */ false, /* srcEquals= */ false,
+            /* preferredKeySystems= */ []);
         expect(decodingInfoSpy.calls.argsFor(0)[0].video.transferFunction)
             .toBe('srgb');
         expect(decodingInfoSpy.calls.argsFor(1)[0].video.transferFunction)
@@ -573,6 +577,38 @@ describe('StreamUtils', () => {
         navigator.mediaCapabilities.decodingInfo = originalDecodingInfo;
       }
     });
+
+    it('includes streams only with preferred key system', async () => {
+      const originalDecodingInfo = navigator.mediaCapabilities.decodingInfo;
+
+      try {
+        navigator.mediaCapabilities.decodingInfo =
+            shaka.test.Util.spyFunc(decodingInfoSpy);
+
+        manifest = shaka.test.ManifestGenerator.generate((manifest) => {
+          manifest.addVariant(0, (variant) => {
+            variant.addVideo(1, (stream) => {
+              stream.mime('video/mp4', 'avc1.4d400d');
+              stream.encrypted = true;
+              stream.addDrmInfo('com.widevine.alpha');
+              stream.addDrmInfo('com.microsoft.playready');
+            });
+          });
+        });
+
+        await StreamUtils.getDecodingInfosForVariants(manifest.variants,
+            /* usePersistentLicenses= */ false, /* srcEquals= */ false,
+            /* preferredKeySystems= */ ['com.microsoft.playready']);
+
+        // if preferred key system satisfies us, we shouldn't check other ones.
+        expect(decodingInfoSpy).toHaveBeenCalledTimes(1);
+        expect(decodingInfoSpy.calls.argsFor(0)[0].keySystemConfiguration
+            .keySystem)
+            .toBe('com.microsoft.playready');
+      } finally {
+        navigator.mediaCapabilities.decodingInfo = originalDecodingInfo;
+      }
+    });
   });
 
   describe('filterManifest', () => {
@@ -952,7 +988,8 @@ describe('StreamUtils', () => {
       });
 
       await StreamUtils.getDecodingInfosForVariants(manifest.variants,
-          /* usePersistentLicenses= */false, /* srcEquals= */ false);
+          /* usePersistentLicenses= */false, /* srcEquals= */ false,
+          /* preferredKeySystems= */ []);
 
       shaka.util.StreamUtils.chooseCodecsAndFilterManifest(manifest,
           /* preferredVideoCodecs= */[],
@@ -967,111 +1004,27 @@ describe('StreamUtils', () => {
     });
   });
 
-  describe('meetsRestrictions', () => {
-    const oldDateNow = Date.now;
-    /* @param {shaka.extern.Restrictions} */
-    const restrictions = {
-      minWidth: 10,
-      maxWidth: 20,
-      minHeight: 10,
-      maxHeight: 20,
-      minPixels: 10,
-      maxPixels: 20,
-      minFrameRate: 21,
-      maxFrameRate: 25,
-      minBandwidth: 1000,
-      maxBandwidth: 3000,
+  describe('isPlayable', () => {
+    /** @type {shaka.extern.Variant} */
+    const variant = {
+      id: 1,
+      language: 'es',
+      disabledUntilTime: 0,
+      video: null,
+      audio: null,
+      primary: false,
+      bandwidth: 2000,
+      allowedByApplication: true,
+      allowedByKeySystem: true,
+      decodingInfos: [],
     };
-    /* @param {{width: number, height: number}} */
-    const maxHwRes = {width: 123, height: 456};
-    /* @param {shaka.extern.Variant} */
-    let variant;
-    /* @param {boolean} */
-    let meetsRestrictionsResult;
-
-    beforeEach(() => {
-      Date.now = () => 123 * 1000;
-    });
-
-    afterEach(() => {
-      Date.now = oldDateNow;
-    });
 
-    /*
-     * @param {number} disabledUntilTime
-     */
-    const checkRestrictions = ({disabledUntilTime = 0}) => {
-      /* @param {shaka.extern.Variant} */
-      variant = {
-        id: 1,
-        language: 'es',
-        disabledUntilTime,
-        video: null,
-        audio: null,
-        primary: false,
-        bandwidth: 2000,
-        allowedByApplication: true,
-        allowedByKeySystem: true,
-        decodingInfos: [],
-      };
-      meetsRestrictionsResult = StreamUtils.meetsRestrictions(variant,
-          restrictions, maxHwRes);
-    };
-
-    describe('when disabledUntilTime > now', () => {
-      beforeEach(() => {
-        checkRestrictions({disabledUntilTime: 124});
-      });
+    it('returns false if variant is disabled', () => {
+      variant.allowedByApplication = true;
+      variant.allowedByKeySystem = true;
+      variant.disabledUntilTime = 1234;
 
-      it('does not meet the restrictions', () => {
-        expect(meetsRestrictionsResult).toBeFalsy();
-      });
-
-      it('does not reset disabledUntilTime', () => {
-        expect(variant.disabledUntilTime).toBe(124);
-      });
-    });
-
-    describe('when disabledUntilTime == now', () => {
-      beforeEach(() => {
-        checkRestrictions({disabledUntilTime: 123});
-      });
-
-      it('meets the restrictions', () => {
-        expect(meetsRestrictionsResult).toBeTruthy();
-      });
-
-      it('resets disabledUntilTime', () => {
-        expect(variant.disabledUntilTime).toBe(0);
-      });
-    });
-
-    describe('when disabledUntilTime == now', () => {
-      beforeEach(() => {
-        checkRestrictions({disabledUntilTime: 122});
-      });
-
-      it('meets the restrictions', () => {
-        expect(meetsRestrictionsResult).toBeTruthy();
-      });
-
-      it('resets disabledUntilTime', () => {
-        expect(variant.disabledUntilTime).toBe(0);
-      });
-    });
-
-    describe('when disabledUntilTime == 0', () => {
-      beforeEach(() => {
-        checkRestrictions({disabledUntilTime: 0});
-      });
-
-      it('meets the restrictions', () => {
-        expect(meetsRestrictionsResult).toBeTruthy();
-      });
-
-      it('leaves disabledUntilTime = 0', () => {
-        expect(variant.disabledUntilTime).toBe(0);
-      });
+      expect(shaka.util.StreamUtils.isPlayable(variant)).toBe(false);
     });
   });
 });

package/ui/controls.js

@@ -594,7 +594,8 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
         if (document.pictureInPictureElement) {
           await document.exitPictureInPicture();
         }
-        await this.videoContainer_.requestFullscreen({navigationUI: 'hide'});
+        const fullScreenElement = this.config_.fullScreenElement;
+        await fullScreenElement.requestFullscreen({navigationUI: 'hide'});
 
         if (this.config_.forceLandscapeOnFullscreen && screen.orientation) {
           // Locking to 'landscape' should let it be either
@@ -1270,6 +1271,7 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
     }
 
     const keyboardSeekDistance = this.config_.keyboardSeekDistance;
+    const keyboardLargeSeekDistance = this.config_.keyboardLargeSeekDistance;
 
     switch (event.key) {
       case 'ArrowLeft':
@@ -1288,6 +1290,22 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
           this.seek_(this.seekBar_.getValue() + keyboardSeekDistance);
         }
         break;
+      case 'PageDown':
+        // PageDown is like ArrowLeft, but has a larger jump distance, and does
+        // nothing to volume.
+        if (this.seekBar_ && isSeekBar && keyboardSeekDistance > 0) {
+          event.preventDefault();
+          this.seek_(this.seekBar_.getValue() - keyboardLargeSeekDistance);
+        }
+        break;
+      case 'PageUp':
+        // PageDown is like ArrowRight, but has a larger jump distance, and does
+        // nothing to volume.
+        if (this.seekBar_ && isSeekBar && keyboardSeekDistance > 0) {
+          event.preventDefault();
+          this.seek_(this.seekBar_.getValue() + keyboardLargeSeekDistance);
+        }
+        break;
       // Jump to the beginning of the video's seek range.
       case 'Home':
         if (this.seekBar_) {

package/ui/controls.less

@@ -13,6 +13,7 @@
 @import "less/overflow_menu.less";
 @import "less/ad_controls.less";
 @import "less/tooltip.less";
+@import "less/thumbnails.less";
 @import (css, inline) "https://fonts.googleapis.com/css?family=Roboto";
 // NOTE: Working around google/material-design-icons#958
 @import (css, inline) "https://fonts.googleapis.com/icon?family=Material+Icons+Round";

package/ui/externs/ui.js

@@ -85,7 +85,9 @@ shaka.extern.UIVolumeBarColors;
  *   enableFullscreenOnRotation: boolean,
  *   forceLandscapeOnFullscreen: boolean,
  *   enableTooltips: boolean,
- *   keyboardSeekDistance: number
+ *   keyboardSeekDistance: number,
+ *   keyboardLargeSeekDistance: number,
+ *   fullScreenElement: HTMLElement
  * }}
  *
  * @property {!Array.<string>} controlPanelElements
@@ -183,6 +185,14 @@ shaka.extern.UIVolumeBarColors;
  *   right keyboard keys when the video is selected. If less than or equal to 0,
  *   no seeking will occur.
  *   Defaults to 5 seconds.
+ * @property {number} keyboardLargeSeekDistance
+ *   The time interval, in seconds, to seek when the user presses the page up or
+ *   page down keyboard keys when the video is selected. If less than or equal
+ *   to 0, no seeking will occur.
+ *   Defaults to 60 seconds.
+ * @property {HTMLElement} fullScreenElement
+ *   DOM element on which fullscreen will be done.
+ *   Defaults to Shaka Player Container.
  * @exportDoc
  */
 shaka.extern.UIConfiguration;

package/ui/language_utils.js

@@ -193,6 +193,21 @@ shaka.ui.LanguageUtils = class {
     // Extract the base language from the locale as a fallback step.
     const language = shaka.util.LanguageUtils.getBase(locale);
 
+    // If Intl.DisplayNames is supported we prefer it, because the list of
+    // languages is up to date.
+    if (window.Intl && 'DisplayNames' in Intl) {
+      try {
+        if (Intl.DisplayNames.supportedLocalesOf([locale]).length) {
+          const languageNames =
+              new Intl.DisplayNames([locale], {type: 'language'});
+          const language = languageNames.of(locale);
+          return language.charAt(0).toUpperCase() + language.slice(1);
+        }
+      } catch (e) {
+        // Ignore errors and try the fallback
+      }
+    }
+
     // First try to resolve the full language name.
     // If that fails, try the base.
     // Finally, report "unknown".

package/ui/less/thumbnails.less

@@ -0,0 +1,26 @@
+#shaka-player-ui-thumbnail-container {
+  background-color: black;
+  border: 1px solid black;
+  box-shadow: 0 8px 8px 0 rgb(0 0 0 / 50%);
+  min-width: 150px;
+  overflow: hidden;
+  position: absolute;
+  visibility: hidden;
+  width: 15%;
+  z-index: 1;
+
+  #shaka-player-ui-thumbnail-image {
+    position: absolute;
+  }
+
+  #shaka-player-ui-thumbnail-time {
+    background-color: rgb(0 0 0 / 50%);
+    bottom: 0;
+    color: white;
+    font-size: 16px;
+    left: 0;
+    position: absolute;
+    right: 0;
+    text-align: center;
+  }
+}

package/ui/locales/oc.json

@@ -0,0 +1,42 @@
+{
+  "AD_DURATION": "Durada publicitat",
+  "AD_PROGRESS": "Publicitat [AD_ON:1] de [NUM_ADS:6]",
+  "AD_TIME": "Publicitat : [AD_TIME:0:05/0:10]",
+  "AIRPLAY": "AirPlay",
+  "AUTO_QUALITY": "Auto",
+  "BACK": "Tornar",
+  "CAPTIONS": "Sostítols",
+  "CAST": "Difusar...",
+  "ENTER_LOOP_MODE": "Repetir en bocla aquesta vidèo",
+  "ENTER_PICTURE_IN_PICTURE": "Passar en mòde vidèo incrustada",
+  "EXIT_FULL_SCREEN": "Sortir del plen ecran",
+  "EXIT_LOOP_MODE": "Quitar de repetir aquesta vidèo",
+  "EXIT_PICTURE_IN_PICTURE": "Quitar lo mòde vidèo incrustada",
+  "FAST_FORWARD": "Avança rapida",
+  "FULL_SCREEN": "Plen ecran",
+  "LANGUAGE": "Lenga",
+  "LIVE": "Dirècte",
+  "LOOP": "Bocla",
+  "MORE_SETTINGS": "Mai de paramètres",
+  "MULTIPLE_LANGUAGES": "Multiplas lengas",
+  "MUTE": "Amudir",
+  "NOT_APPLICABLE": "S’aplica pas",
+  "OFF": "Desactivat",
+  "ON": "Activat",
+  "PAUSE": "Pausa",
+  "PICTURE_IN_PICTURE": "Vidèo incrustada",
+  "PLAY": "Lectura",
+  "PLAYBACK_RATE": "Velocitat de lectura",
+  "REPLAY": "Tornar legir",
+  "RESOLUTION": "Resolucion",
+  "REWIND": "Recular",
+  "SEEK": "Cercar",
+  "SKIP_AD": "Sautar publicitat",
+  "SKIP_TO_LIVE": "Anar al dirècte",
+  "STATISTICS": "Estatisticas",
+  "SUBTITLE_FORCED": "Forçat",
+  "UNDETERMINED_LANGUAGE": "Lenga indeterminada",
+  "UNMUTE": "Desamudir",
+  "UNRECOGNIZED_LANGUAGE": "Non reconeguda",
+  "VOLUME": "Volum",
+}