shaka-player 3.1.5 → 3.1.8

package/test/util/mp4_parser_unit.js

@@ -4,10 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.Util');
-goog.require('shaka.util.Error');
-goog.require('shaka.util.Mp4Parser');
-
 describe('Mp4Parser', () => {
   const Util = shaka.test.Util;
 

package/test/util/multi_map_unit.js

@@ -4,9 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.Util');
-goog.require('shaka.util.MultiMap');
-
 describe('MultiMap', () => {
   /** @type {shaka.util.MultiMap<number>} */
   let map;

package/test/util/object_utils_unit.js

@@ -4,8 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.util.ObjectUtils');
-
 describe('ObjectUtils', () => {
   const ObjectUtils = shaka.util.ObjectUtils;
 

package/test/util/periods_unit.js

@@ -4,10 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.ManifestGenerator');
-goog.require('shaka.util.ManifestParserUtils');
-goog.require('shaka.util.PeriodCombiner');
-
 describe('PeriodCombiner', () => {
   // These test cases don't really read well as "it" statements.  Phrasing them
   // that way would make the names very long, so here we break with that
@@ -477,7 +473,7 @@ describe('PeriodCombiner', () => {
     a3.originalId = 'a3';
     a3.bandwidth = 97065;
     a3.roles = ['role1', 'role2'];
-    a2.codecs = 'mp4a.40.2';
+    a3.codecs = 'mp4a.40.2';
 
     // a4 has a different label from a3, and should not
     // be filtered out.
@@ -500,14 +496,24 @@ describe('PeriodCombiner', () => {
     const t1 = makeTextStream('en');
     t1.originalId = 't1';
     t1.roles = ['role1'];
+    t1.bandwidth = 1158;
 
     const t2 = makeTextStream('en');
     t2.originalId = 't2';
     t2.roles = ['role1', 'role2'];
+    t2.bandwidth = 1172;
 
     const t3 = makeTextStream('en');
     t3.originalId = 't3';
     t3.roles = ['role1'];
+    t3.bandwidth = 1158;
+
+    // t4 has a different bandwidth from t3, and should not
+    // be filtered out.
+    const t4 = makeTextStream('en');
+    t4.originalId = 't4';
+    t4.roles = ['role1'];
+    t4.bandwidth = 1186;
 
     // i1 and i3 are duplicates.
     const i1 = makeImageStream(240);
@@ -539,6 +545,7 @@ describe('PeriodCombiner', () => {
           t1,
           t2,
           t3,
+          t4,
         ],
         imageStreams: [
           i1,
@@ -565,7 +572,7 @@ describe('PeriodCombiner', () => {
     }
 
     const textStreams = combiner.getTextStreams();
-    expect(textStreams.length).toBe(2);
+    expect(textStreams.length).toBe(3);
 
     // t3 should've been filtered out
     const textIds = textStreams.map((t) => t.originalId);
@@ -1059,7 +1066,7 @@ describe('PeriodCombiner', () => {
   it('The number of variants stays stable after many periods ' +
       'when going between similar content and varying ads', async () => {
     // This test is based on the content from
-    // https://github.com/google/shaka-player/issues/2716
+    // https://github.com/shaka-project/shaka-player/issues/2716
     // that used to cause our period flattening logic to keep
     // creating new variants for every new period added.
     // It's ok to create a few additional varinats/streams,

package/test/util/pssh_unit.js

@@ -4,11 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.Util');
-goog.require('shaka.util.Error');
-goog.require('shaka.util.Pssh');
-goog.require('shaka.util.Uint8ArrayUtils');
-
 describe('Pssh', () => {
   const Uint8ArrayUtils = shaka.util.Uint8ArrayUtils;
 

package/test/util/state_history_unit.js

@@ -4,8 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.util.StateHistory');
-
 describe('StateHistory', () => {
   const oldDateNow = Date.now;
 

package/test/util/stream_utils_unit.js

@@ -4,11 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.FakeDrmEngine');
-goog.require('shaka.test.ManifestGenerator');
-goog.require('shaka.test.Util');
-goog.require('shaka.util.StreamUtils');
-
 describe('StreamUtils', () => {
   const StreamUtils = shaka.util.StreamUtils;
 
@@ -184,7 +179,7 @@ describe('StreamUtils', () => {
     });
 
     it('chooses only one role, even if none is preferred', () => {
-      // Regression test for https://github.com/google/shaka-player/issues/949
+      // Regression test for https://github.com/shaka-project/shaka-player/issues/949
       manifest = shaka.test.ManifestGenerator.generate((manifest) => {
         manifest.addTextStream(0, (stream) => {
           stream.language = 'en';
@@ -223,7 +218,7 @@ describe('StreamUtils', () => {
     });
 
     it('chooses only one role, even if all are primary', () => {
-      // Regression test for https://github.com/google/shaka-player/issues/949
+      // Regression test for https://github.com/shaka-project/shaka-player/issues/949
       manifest = shaka.test.ManifestGenerator.generate((manifest) => {
         manifest.addTextStream(0, (stream) => {
           stream.language = 'en';
@@ -269,7 +264,7 @@ describe('StreamUtils', () => {
     });
 
     it('chooses only one language, even if all are primary', () => {
-      // Regression test for https://github.com/google/shaka-player/issues/918
+      // Regression test for https://github.com/shaka-project/shaka-player/issues/918
       manifest = shaka.test.ManifestGenerator.generate((manifest) => {
         manifest.addTextStream(0, (stream) => {
           stream.language = 'en';

package/test/util/string_utils_unit.js

@@ -4,12 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.test.Util');
-goog.require('shaka.util.BufferUtils');
-goog.require('shaka.util.Error');
-goog.require('shaka.util.ManifestParserUtils');
-goog.require('shaka.util.StringUtils');
-
 describe('StringUtils', () => {
   const StringUtils = shaka.util.StringUtils;
 

package/test/util/text_parser_unit.js

@@ -4,8 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('shaka.util.TextParser');
-
 describe('TextParser', () => {
   const TextParser = shaka.util.TextParser;
 

package/test/util/xml_utils_unit.js

@@ -4,10 +4,6 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-goog.require('goog.asserts');
-goog.require('shaka.util.XmlUtils');
-
-
 describe('XmlUtils', () => {
   // A number that cannot be represented as a Javascript number.
   const HUGE_NUMBER_STRING = new Array(500).join('7');

package/ui/controls.js

@@ -253,6 +253,9 @@ shaka.ui.Controls = class extends shaka.util.FakeEventTarget {
 
     this.localization_ = null;
     this.pressedKeys_.clear();
+
+    // FakeEventTarget implements IReleasable
+    super.release();
   }
 
 

package/ui/less/ad_controls.less

@@ -78,11 +78,11 @@
 
   /* This math is determining how far the button is from the right edge.
    * Ad panel's parent is centered and @bottom-controls-width wide, so
-   * 100 - @bottom-controls-width = margins from both sides of the container.
+   * 100% - @bottom-controls-width = margins from both sides of the container.
    * That divided by 2 is margin on one side, so we take that, and move the
    * button from its normal position to the right by that percentage.
    */
-  right: (100 - @bottom-controls-width) / 2 * -1;
+  right: calc((100% - @bottom-controls-width) / 2 * -1);
   display: flex;
   flex-direction: row;
   margin: 0;
@@ -90,18 +90,18 @@
 
 .shaka-skip-ad-button {
   padding: 5px 15px;
-  background: rgba(0, 0, 0, 0.7);
+  background: rgba(0 0 0 / 70%);
   border: none;
 
   &:disabled {
-    background: rgba(0, 0, 0, 0.3);
+    background: rgba(0 0 0 / 30%);
   }
 
   cursor: pointer;
 }
 
 .shaka-skip-ad-counter {
-  padding: 5px 5px;
-  background: rgba(0, 0, 0, 0.7);
+  padding: 5px;
+  background: rgba(0 0 0 / 70%);
   margin: 0;
 }

package/ui/less/buttons.less

@@ -26,7 +26,7 @@
    *
    * Based on tips from https://stackoverflow.com/a/12925343 */
   box-sizing: border-box;
-  padding: @play-button-size-percentage / 2;
+  padding: calc(@play-button-size-percentage / 2);
   width: 0;
   height: 0;
 
@@ -38,7 +38,7 @@
   border-radius: 50%;
 
   /* A small drop shadow below the button. */
-  box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0;
+  box-shadow: rgba(0 0 0 / 10%) 0 0 20px 0;
 
   /* No border. */
   border: none;
@@ -51,7 +51,7 @@
   background-position: center center;
 
   /* A background color behind the play arrow. */
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: rgba(255 255 255 / 90%);
 
   .show-when-controls-shown();
 
@@ -60,11 +60,11 @@
    * deployed separately from the compiled CSS.
    * Note that these URIs should relative to ui/controls.less, not this file. */
   &[icon="play"] {
-    background-image: data-uri('images/play_arrow.svg');
+    background-image: data-uri("images/play_arrow.svg");
   }
 
   &[icon="pause"] {
-    background-image: data-uri('images/pause.svg');
+    background-image: data-uri("images/pause.svg");
   }
 }
 
@@ -74,7 +74,7 @@
  */
 .shaka-current-time {
   font-size: 14px;
-  color: rgb(255, 255, 255);
+  color: white;
   cursor: pointer;
 
   &[disabled] {

package/ui/less/containers.less

@@ -6,8 +6,6 @@
 
 /* All of the top-level containers into which various visible features go. */
 
-@transparent: rgba(0, 0, 0, 0);
-
 /* A container for the entire video + controls combo.  This is the auto-setup
  * div which we populate. */
 .shaka-video-container {
@@ -19,13 +17,13 @@
 
   /* Set a special font for material design icons. */
   .material-icons-round {
-    font-family: 'Material Icons Round';
+    font-family: "Material Icons Round";
     font-size: 24px;
   }
 
   /* Set the fonts for all other content. */
   * {
-    font-family: Roboto-Regular, Roboto, sans-serif;
+    font-family: Roboto-Regular, Roboto, sans-serif, TengwarTelcontar;
   }
 }
 
@@ -203,7 +201,7 @@
   .show-when-controls-shown();
 
   /* A black gradient at the bottom, behind the controls, but only so high. */
-  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0, @transparent 15%);
+  background: linear-gradient(to top, black 0, transparent 15%);
 }
 
 .shaka-text-container {
@@ -231,7 +229,7 @@
   /* These are defaults which are overridden by JS or cue styles. */
   font-size: 20px;
   line-height: 1.4;  // relative to font size.
-  color: rgb(255, 255, 255);
+  color: white;
 
   span.shaka-text-wrapper {
     display: inline;
@@ -265,8 +263,8 @@
 
 .shaka-spinner {
   /* This uses the same trickery as the big play button define
-  the spinner's width and height. See .shaka-play-button
-  for the detailed explanation. */
+   * the spinner's width and height. See .shaka-play-button
+   * for the detailed explanation. */
 
   /* For the padding thing to work, spinner div needs to be an
   overlay-parent and spinner svg - an overlay child. */
@@ -274,11 +272,11 @@
 
   margin: 0;
   box-sizing: border-box;
-  padding: @spinner-size-percentage / 2;
+  padding: calc(@spinner-size-percentage / 2);
   width: 0;
   height: 0;
 
   /* Add a bit of a white shadow to keep our black spinner visible
-  on a black background. */
-  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5));
+   * on a black background. */
+  filter: drop-shadow(0 0 2px rgba(255 255 255 / 50%));
 }

package/ui/less/overflow_menu.less

@@ -18,7 +18,7 @@
 
   /* Styles for the menu itself. */
   background: white;
-  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: 0 1px 9px 0 rgba(0 0 0 / 40%);
   border-radius: 2px;
   max-height: 250px;
   min-width: 180px;
@@ -52,7 +52,7 @@
 
     /* When hovered, the button's background is highlighted. */
     &:hover {
-      background: rgb(224, 224, 224);
+      background: rgb(224 224 224);
     }
 
     /* The button is clickable, showing cursor pointer */
@@ -64,7 +64,7 @@
     }
 
     .shaka-keyboard-navigation &:focus {
-      background: rgb(224, 224, 224);
+      background: rgb(224 224 224);
     }
   }
 
@@ -109,7 +109,7 @@
  * language, the currently-selected resolution, etc. */
 .shaka-current-selection-span {
   /* This is dimmer than the other span, which is the name of the submenu. */
-  color: rgba(0, 0, 0, 0.54);
+  color: rgba(0 0 0 / 54%);
 }
 
 /* The submenus have somewhat different margins inside them. */

package/ui/less/range_elements.less

@@ -39,7 +39,7 @@
   .overlay-parent();
 
   /* Vertical margins to occupy the same space as the thumb. */
-  margin: (@thumb-size - @track-height)/2 6px;
+  margin: calc((@thumb-size - @track-height) / 2) 6px;
 
   /* Smaller height to contain the background for the virtual track. */
   height: @track-height;
@@ -57,6 +57,11 @@
   /* The track should fill the range element. */
   width: 100%;
 
+  /* Since range elements are special input elements, they must reflect user
+   * interaction, so when the user hovers over the range element, the cursor
+   * must be a pointer. */
+  cursor: pointer;
+
   /* The track should be tall enough to contain the thumb without clipping it.
    * It is very tricky to make the thumb show outside the track on IE 11, and
    * it is incompatible with our background gradients. */
@@ -104,7 +109,7 @@
 
   /* Position the top of the range element so that it is centered on the
    * container. Note that the container is actually smaller than the thumb. */
-  top: (@track-height - @thumb-size) / 2;
+  top: calc((@track-height - @thumb-size) / 2);
 
   /* Make sure clicking at the very top of the bar still takes effect and is not
    * confused with clicking the video to play/pause it. */

package/ui/locales/sjn-translations.yaml

@@ -0,0 +1,257 @@
+# Shaka Player Sindarin (Elvish) Translations
+# Copyright 2022 Google LLC
+# SPDX-License-Identifier: Apache-2.0
+
+# This documents the manual translation of our UI into Sindarin.
+# This file is not consumed automatically.
+
+# References:
+#  - Font: http://freetengwar.sourceforge.net/tengtelc.html
+#  - Transliteration & dictionary: https://www.tecendil.com/?mode=sindarin
+#  - Dictionary: https://www.jrrvf.com/hisweloke/sindar/
+#  - Dictionary: https://www.elfdict.com/w/run/s?include_old=1
+#  - Grammar: https://www.elvish.org/gwaith/sindarin_intro.htm
+#  - Grammar: https://eldamo.org/content/grammar-indexes/grammars-s.html
+#  - Imperative ending: -o
+#  - Thesaurus: https://www.thesaurus.com/
+
+translations:
+ - key: AD_DURATION
+   english: "Ad duration"
+   sjn-literal: "time for break for money"
+   sjn-roman: "lû an hastië an mirian"
+   sjn: "    "
+
+ - key: AD_PROGRESS
+   english: "Ad [AD_ON] of [NUM_ADS]"
+   sjn-literal: "break for money [A] / [B]"
+   sjn-roman: "hastië an mirian [A] / [B]"
+   sjn: "   [AD_ON] / [NUM_ADS]"
+
+ - key: AD_TIME
+   english: "Ad: [AD_TIME]"
+   sjn-literal: "break for money: [A]"
+   sjn-roman: "hastië an mirian: [A]"
+   sjn: "  : [AD_TIME]"
+
+ - key: AIRPLAY
+   english: "AirPlay"
+   sjn-literal: "heavens-make-play"
+   sjn-roman: "menelnortho"
+   sjn: ""
+
+ - key: AUTO_QUALITY
+   english: "Auto"
+   sjn-literal: "adapt/make fit"
+   sjn-roman: "cammo"
+   sjn: ""
+
+ - key: BACK
+   english: "Back"
+   sjn-literal: "return"
+   sjn-roman: "dan"
+   sjn: ""
+
+ - key: CAPTIONS
+   english: "Captions"
+   sjn-literal: "words written"
+   sjn-roman: "pith teithiel"
+   sjn: " "
+
+ - key: CAST
+   english: "Cast..."
+   sjn-literal: "throw"
+   sjn-roman: "hanto"
+   sjn: ""
+
+ - key: ENTER_LOOP_MODE
+   english: "Loop the current video"
+   sjn-literal: "enter repeating"
+   sjn-roman: "minno enquetië"
+   sjn: " "
+
+ - key: ENTER_PICTURE_IN_PICTURE
+   english: "Enter Picture-in-Picture"
+   sjn-literal: "enter mind-picture within mind-picture"
+   sjn-roman: "minno fanwos bir fanwos"
+   sjn: "   "
+
+ - key: EXIT_FULL_SCREEN
+   english: "Exit full screen"
+   sjn-literal: "escape mind-picture full"
+   sjn-roman: "uthro fanwos panta"
+   sjn: "  "
+
+ - key: EXIT_LOOP_MODE
+   english: "Stop looping the current video"
+   sjn-literal: "escape repeating"
+   sjn-roman: "uthro enquetië"
+   sjn: " "
+
+ - key: EXIT_PICTURE_IN_PICTURE
+   english: "Exit Picture-in-Picture"
+   sjn-literal: "escape mind-picture within mind-picture"
+   sjn-roman: "uthro fanwos bir fanwos"
+   sjn: "   "
+
+ - key: FAST_FORWARD
+   english: "Fast-forward"
+   sjn-literal: "make-run fast"
+   sjn-roman: "northo lim"
+   sjn: " "
+
+ - key: FULL_SCREEN
+   english: "Full screen"
+   sjn-literal: "mind-picture full"
+   sjn-roman: "fanwos panta"
+   sjn: " "
+
+ - key: LANGUAGE
+   english: "Language"
+   sjn-literal: "language"
+   sjn-roman: "lambë"
+   sjn: ""
+
+ - key: LIVE
+   english: "Live"
+   sjn-literal: "freshest"
+   sjn-roman: "cîrwain"
+   sjn: ""
+
+ - key: LOOP
+   english: "Loop"
+   sjn-literal: "repeat"
+   sjn-roman: "enqueto"
+   sjn: ""
+
+ - key: MORE_SETTINGS
+   english: "More settings"
+   sjn-literal: "more+choices"
+   sjn-roman: "galainc"
+   sjn: ""
+
+ - key: MULTIPLE_LANGUAGES
+   english: "Multiple languages"
+   sjn-literal: "language without count"
+   sjn-roman: "lambë arnoediad"
+   sjn: " "
+
+ - key: MUTE
+   english: "Mute"
+   sjn-literal: "silence"
+   sjn-roman: "dîn"
+   sjn: ""
+
+ - key: NOT_APPLICABLE
+   english: "Not applicable"
+   sjn-literal: "not important"
+   sjn-roman: "la bâl"
+   sjn: " "
+
+ - key: OFF
+   english: "Off"
+   sjn-literal: "nothing"
+   sjn-roman: "unt"
+   sjn: ""
+
+ - key: ON
+   english: "On"
+   sjn-literal: "active"
+   sjn-roman: "carweg"
+   sjn: ""
+
+ - key: PAUSE
+   english: "Pause"
+   sjn-literal: "tarry/wait/pause"
+   sjn-roman: "hasto"
+   sjn: ""
+
+ - key: PICTURE_IN_PICTURE
+   english: "Picture-in-picture"
+   sjn-literal: "mind-picture within mind-picture"
+   sjn-roman: "fanwos bir fanwos"
+   sjn: "  "
+
+ - key: PLAY
+   english: "Play"
+   sjn-literal: "make-run"
+   sjn-roman: "northo"
+   sjn: ""
+
+ - key: PLAYBACK_RATE
+   english: "Playback speed"
+   sjn-literal: "speed"
+   sjn-roman: "lintië"
+   sjn: ""
+
+ - key: REPLAY
+   english: "Replay"
+   sjn-literal: "make-run again"
+   sjn-roman: "adnortho"
+   sjn: ""
+
+ - key: RESOLUTION
+   english: "Resolution"
+   sjn-literal: "value/preciousness"
+   sjn-roman: "meiras"
+   sjn: ""
+
+ - key: REWIND
+   english: "Rewind"
+   sjn-literal: "make-run backwards"
+   sjn-roman: "northo abont"
+   sjn: " "
+
+ - key: SEEK
+   english: "Seek"
+   sjn-literal: "time"
+   sjn-roman: "lû"
+   sjn: ""
+
+ - key: SKIP_AD
+   english: "Skip Ad"
+   sjn-literal: "leap across break for money"
+   sjn-roman: "cabo thar hastië an mirian"
+   sjn: "    "
+
+ - key: SKIP_TO_LIVE
+   english: "Skip ahead to live"
+   sjn-literal: "leap to freshest"
+   sjn-roman: "cabo na cîrwain"
+   sjn: "  "
+
+ - key: STATISTICS
+   english: "Statistics"
+   sjn-literal: "interrogate numbers"
+   sjn-roman: "cetho neth"
+   sjn: " "
+
+ - key: SUBTITLE_FORCED
+   english: "Forced"
+   sjn-literal: "words written firm/abiding"
+   sjn-roman: "pith teithiel taug"
+   sjn: "  "
+
+ - key: UNDETERMINED_LANGUAGE
+   english: "Undetermined"
+   sjn-literal: "not known"
+   sjn-roman: "la sinnen"
+   sjn: " "
+
+ - key: UNMUTE
+   english: "Unmute"
+   sjn-literal: "noise/sound"
+   sjn-roman: "lhôn"
+   sjn: ""
+
+ - key: UNRECOGNIZED_LANGUAGE
+   english: "Unrecognized"
+   sjn-literal: "not known"
+   sjn-roman: "la sinnen"
+   sjn: " "
+
+ - key: VOLUME
+   english: "Volume"
+   sjn-literal: "loud(ness)"
+   sjn-roman: "brui"
+   sjn: ""