shaka-player 3.3.2 → 3.3.3

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;
   }
 }
 
@@ -202,7 +200,7 @@
   min-width: 300px;
 
   color: white;
-  background-color: rgba(35, 35, 35, 0.9);
+  background-color: rgba(35 35 35 / 90%);
 
   font-size: 14px;
 
@@ -223,12 +221,12 @@
   }
 
   span {
-    color: rgb(150, 150, 150);
+    color: rgb(150 150 150);
   }
 }
 
 .shaka-context-menu {
-  background-color: rgba(35, 35, 35, 0.9);
+  background-color: rgba(35 35 35 / 90%);
 
   border-radius: 2px;
 
@@ -248,7 +246,7 @@
     cursor: pointer;
 
     &:hover {
-      background-color: rgba(50, 50, 50, 0.9);
+      background-color: rgba(50 50 50 / 90%);
     }
   }
 
@@ -277,7 +275,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 {
@@ -305,7 +303,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;
@@ -354,5 +352,5 @@
 
   /* 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));
+  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

@@ -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. */

package/ui/less/tooltip.less

@@ -53,7 +53,7 @@
       font-size: 13px;
 
       /* Styling */
-      background: rgba(35, 35, 35, 0.9);
+      background: rgba(35 35 35 / 90%);
       color: white;
       border-radius: 3px;
       padding: 5px 10px;

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: ""

package/ui/locales/sjn.json

@@ -0,0 +1,42 @@
+{
+  "AD_DURATION": "    ",
+  "AD_PROGRESS": "   [AD_ON] / [NUM_ADS]",
+  "AD_TIME": "  : [AD_TIME]",
+  "AIRPLAY": "",
+  "AUTO_QUALITY": "",
+  "BACK": "",
+  "CAPTIONS": " ",
+  "CAST": "",
+  "ENTER_LOOP_MODE": " ",
+  "ENTER_PICTURE_IN_PICTURE": "   ",
+  "EXIT_FULL_SCREEN": "  ",
+  "EXIT_LOOP_MODE": " ",
+  "EXIT_PICTURE_IN_PICTURE": "   ",
+  "FAST_FORWARD": " ",
+  "FULL_SCREEN": " ",
+  "LANGUAGE": "",
+  "LIVE": "",
+  "LOOP": "",
+  "MORE_SETTINGS": "",
+  "MULTIPLE_LANGUAGES": " ",
+  "MUTE": "",
+  "NOT_APPLICABLE": " ",
+  "OFF": "",
+  "ON": "",
+  "PAUSE": "",
+  "PICTURE_IN_PICTURE": "  ",
+  "PLAY": "",
+  "PLAYBACK_RATE": "",
+  "REPLAY": "",
+  "RESOLUTION": "",
+  "REWIND": " ",
+  "SEEK": "",
+  "SKIP_AD": "    ",
+  "SKIP_TO_LIVE": "  ",
+  "STATISTICS": " ",
+  "SUBTITLE_FORCED": "  ",
+  "UNDETERMINED_LANGUAGE": " ",
+  "UNMUTE": "",
+  "UNRECOGNIZED_LANGUAGE": " ",
+  "VOLUME": ""
+}

package/.github/workflows/build_and_test.yaml

@@ -1,73 +0,0 @@
-name: Build and Test PR
-
-on:
-  pull_request: # Trigger for pull requests.
-    types: [opened, synchronize, reopened, edited, ready_for_review]
-    branches:
-      - master
-      - v[0-9]*
-  workflow_dispatch: # Allows for manual triggering.
-    inputs:
-      ref:
-        description: "The ref to build and test."
-        required: False
-
-jobs:
-  lint:
-    name: Lint
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
-        with:
-          ref: ${{ github.event.inputs.ref || github.ref }}
-
-      - name: Lint
-        run: python build/check.py
-
-  build_and_test:
-    # Don't waste time doing a full matrix of test runs when there was an
-    # obvious linter error.
-    needs: lint
-    strategy:
-      matrix:
-        os: ["ubuntu-latest", "macos-latest", "windows-latest"]
-        browser: ["Chrome", "Firefox", "Edge", "Safari"]
-        exclude:
-          - os: ubuntu-latest
-            browser: Edge
-          - os: windows-latest
-            browser: Safari
-          - os: ubuntu-latest
-            browser: Safari
-        include:
-          # Run Linux browsers with xvfb, so they're in a headless X session.
-          - os: ubuntu-latest
-            extra_flags: "--use-xvfb"
-      # Disable fail-fast so that one matrix-job failing doesn't make the other
-      # ones end early.
-      fail-fast: false
-
-    name: Build and test ${{ matrix.os }} ${{ matrix.browser }}
-    runs-on: ${{ matrix.os }}
-
-    steps:
-      # Firefox on Ubuntu appears to not have the right things installed in
-      # the environment used by GitHub actions, so make sure that ffmpeg is
-      # installed. Otherwise, the browser might not support some codecs that the
-      # tests assume will be supported.
-      - name: Install FFmpeg
-        if: matrix.os == 'ubuntu-latest' && matrix.browser == 'Firefox'
-        run: sudo apt -y update && sudo apt -y install ffmpeg
-
-      - name: Checkout code
-        uses: actions/checkout@v2
-        with:
-          ref: ${{ github.event.inputs.ref || github.ref }}
-
-      - name: Build Player
-        run: python build/all.py
-
-      - name: Test Player
-        run: |
-          python build/test.py --browsers ${{ matrix.browser }} --reporters spec --spec-hide-passed --drm ${{ matrix.extra_flags }}

package/.github/workflows/release.yaml

@@ -1,53 +0,0 @@
-on:
-  push:
-    branches:
-      - master
-      - v[0-9]*
-
-name: Release
-
-jobs:
-  release:
-    runs-on: ubuntu-latest
-    outputs:
-      release_created: ${{ steps.release.outputs.release_created }}
-      tag_name: ${{ steps.release.outputs.tag_name }}
-    steps:
-      # Create/update release PR
-      - uses: google-github-actions/release-please-action@v3
-        id: release
-        with:
-          # Required input to specify the release type (node package).
-          release-type: node
-          # Make sure the player version gets updated.
-          extra-files: lib/player.js
-          # Make sure we create the PR against the correct branch.
-          default-branch: ${{ github.ref_name }}
-
-  # The jobs below are all conditional on a release having been created by
-  # someone merging the release PR.  They all run in parallel.
-
-  npm:
-    runs-on: ubuntu-latest
-    needs: release
-    if: ${{ needs.release.outputs.release_created }}
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
-        with:
-          node-version: 12
-          registry-url: 'https://registry.npmjs.org'
-      - run: npm ci
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-      - run: npm pack
-      - uses: svenstaro/upload-release-action@483c1e56f95e88835747b1c7c60581215016cbf2
-        with:
-          repo_token: ${{ secrets.GITHUB_TOKEN }}
-          tag: ${{ needs.release.outputs.tag_name }}
-          file: shaka-player-*.tgz
-          file_glob: true
-          overwrite: true
-
-  # TODO: Publish to appspot

package/externs/svgelement.js

@@ -1,18 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * @fileoverview Externs for SVGElement which are missing from the Closure
- * compiler.
- *
- * @externs
- */
-
-// Right now, we only use SVGElement in an instanceof check, so we just declare
-// the type with nothing on it.
-
-/** @constructor */
-function SVGElement() {}

package/externs/webcrypto.js

@@ -1,18 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-
-/**
- * @fileoverview Externs for crypto properties not in the Closure compiler.
- *
- * @externs
- */
-
-
-/**
- * @return {string}
- */
-webCrypto.Crypto.prototype.randomUUID = function() {};