shaka-player 4.6.4 → 4.7.0

package/demo/cast_receiver/index.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<!--
- Copyright 2016 Google LLC
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-     http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
--->
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <title>Shaka Player Cast Demo</title>
-
-    <link rel="preconnect" href="https://shaka-player-demo.appspot.com">
-    <link rel="preconnect" href="https://www.gstatic.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com">
-
-    <link rel="stylesheet" href="../../dist/controls.css">
-    <link rel="stylesheet" href="receiver_app.css">
-
-    <script defer src="https://www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script>
-
-    <script>
-COMPILED_JS = [
-  // The compiled library, with UI.
-  '../../dist/shaka-player.ui.js',
-  // The compiled receiver app.
-  '../../dist/receiver.compiled.js',
-];
-COMPILED_DEBUG_JS = [
-  // The compiled library, with UI, debug mode.
-  '../../dist/shaka-player.ui.debug.js',
-  // The compiled receiver app.
-  '../../dist/receiver.compiled.debug.js',
-];
-UNCOMPILED_JS = [
-  // Bootstrap the Shaka Player library through the Closure library.
-  '../../node_modules/google-closure-library/closure/goog/base.js',
-  '../../dist/deps.js',
-  // Compiled into Shaka Player, but outside of the Closure deps system.
-  '../../node_modules/eme-encryption-scheme-polyfill/index.js',
-  // This file contains goog.require calls for all exported library classes.
-  '../../shaka-player.uncompiled.js',
-  // These are the individual parts of the receiver app.
-  '../common/asset.js',
-  '../common/assets.js',
-  'receiver_app.js',
-];
-    </script>
-
-    <!-- Load the compiled or uncompiled version of the code. -->
-    <script defer src="../load.js"></script>
-  </head>
-  <body>
-    <div data-shaka-player-container id="video-container">
-      <video autoplay data-shaka-player id="video"></video>
-    </div>
-    <!-- Covers everything else while idle -->
-    <div id="idle" class="overlay">
-      <h1>Ready to try Shaka's Chromecast support?</h1>
-      <h2>Select an asset in your browser and click "Load".
-          Control the video using the controls in your browser.</h2>
-    </div>
-  </body>
-</html>

package/demo/cast_receiver/receiver_app.css

@@ -1,111 +0,0 @@
-/** @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/* Experimentation has revealed that unless html, body, and video-container are
- * width and height 100%, video can force all its parents to grow larger than
- * window.innerHeight, causing things to be cut off for some content.
- */
-html {
-  width: 100%;
-  height: 100%;
-}
-
-body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  font-family: Roboto, sans-serif;
-  font-weight: 300;
-  background-color: black;
-  color: white;
-}
-
-#video-container {
-  width: 100%;
-  height: 100%;
-}
-
-#video {
-  width: 100%;
-  height: 100%;
-  margin: auto;
-}
-
-/* The UI default style for fullscreen is to make the font size relative to the
- * window height.  That is also appropriate for the cast receiver experience.
- * Since playback here is not technically in fullscreen mode, we just duplicate
- * the style. */
-.shaka-text-container {
-  font-size: 4.4vh;
-}
-
-#idle {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-
-  /* Make sure the idle cards sit above everything in the Player UI.  That way,
-   * they will be visible on top until we decide to hide them and show the
-   * player. */
-  z-index: 99;
-  padding-top: 60px;
-  padding-left: 0;
-  background-color: black;
-
-  /* To make it easier to view in a browser in some non-Chromecast size: */
-  background-repeat: no-repeat;
-
-  /* Chromecast receiver guidelines say to change the screen every 30-60s */
-  animation: bg-change 90s linear infinite;
-}
-
-#idle h1 {
-  margin-left: 100px;
-}
-
-#idle h2 {
-  font-weight: normal;
-  margin-left: 100px;
-  width: 550px;
-}
-
-/* Preload the background images for idle mode */
-body:after {
-  position: absolute;
-  width: 0;
-  height: 0;
-  overflow: hidden;
-  z-index: -1;
-  content: url("idle1.jpg") url("idle2.jpg") url("idle3.jpg");
-}
-
-@keyframes bg-change {
-  0% { background-image: url("idle1.jpg"); padding-left: 0; }
-
-  32% { background-image: url("idle1.jpg"); padding-left: 0; }
-
-  34% { background-image: url("idle2.jpg"); padding-left: 0; }
-
-  49% { background-image: url("idle2.jpg"); padding-left: 0; }
-
-  50% { background-image: url("idle2.jpg"); padding-left: 400px; }
-
-  65% { background-image: url("idle2.jpg"); padding-left: 400px; }
-
-  67% { background-image: url("idle3.jpg"); padding-left: 400px; }
-
-  87% { background-image: url("idle3.jpg"); padding-left: 400px; }
-
-  88% { background-image: url("idle3.jpg"); padding-left: 0; }
-
-  98% { background-image: url("idle3.jpg"); padding-left: 0; }
-
-  100% { background-image: url("idle1.jpg"); padding-left: 0; }
-}

package/demo/cast_receiver/receiver_app.js

@@ -1,158 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-goog.require('goog.asserts');
-goog.require('ShakaDemoAssetInfo');
-
-
-/**
- * A Chromecast receiver demo app.
- * @suppress {missingProvide}
- */
-class ShakaReceiverApp {
-  /** */
-  constructor() {
-    /** @private {HTMLVideoElement} */
-    this.video_ = null;
-
-    /** @private {shaka.Player} */
-    this.player_ = null;
-
-    /** @private {shaka.cast.CastReceiver} */
-    this.receiver_ = null;
-
-    /** @private {Element} */
-    this.idleCard_ = null;
-
-    /** @private {?number} */
-    this.idleTimerId_ = null;
-  }
-
-  /**
-   * Initialize the application.
-   */
-  init() {
-    const video = document.getElementById('video');
-    goog.asserts.assert(
-        video instanceof HTMLVideoElement, 'Wrong element type!');
-    this.video_ = video;
-
-    const ui = this.video_['ui'];
-    goog.asserts.assert(
-        ui instanceof shaka.ui.Overlay, 'UI not present or wrong type!');
-
-    // Make sure we don't show extra UI elements we don't need on the TV.
-    ui.configure({
-      fadeDelay: 3,
-      addBigPlayButton: false,
-      addSeekBar: true,
-      controlPanelElements: [
-        'play_pause',
-        'time_and_duration',
-        'spacer',
-      ],
-    });
-
-    // We use the UI library on both sender and receiver, to get a consistent UI
-    // in both contexts.  The controls, therefore, have both a proxy player
-    // (getPlayer) and a local player (getLocalPlayer).  The proxy player is
-    // what the sender uses to send commands to the receiver when it's casting.
-    // Since this _is_ the receiver, we use the local player (local to this
-    // environment on the receiver).  This local player (local to the receiver)
-    // will be remotely controlled by the proxy on the sender side.
-    this.player_ = ui.getControls().getLocalPlayer();
-    goog.asserts.assert(this.player_, 'Player should be available!');
-
-    this.idleCard_ = document.getElementById('idle');
-
-    this.receiver_ = new shaka.cast.CastReceiver(
-        this.video_, this.player_,
-        (appData) => this.appDataCallback_(appData));
-    this.receiver_.addEventListener(
-        'caststatuschanged', () => this.checkIdle_());
-
-    this.startIdleTimer_();
-  }
-
-  /**
-   * @param {Object} appData
-   * @private
-   */
-  appDataCallback_(appData) {
-    // appData is null if we start the app without any media loaded.
-    if (!appData) {
-      return;
-    }
-
-    const asset = ShakaDemoAssetInfo.fromJSON(appData['asset']);
-    asset.applyFilters(this.player_.getNetworkingEngine());
-    const config = asset.getConfiguration();
-    this.player_.configure(config);
-
-    this.receiver_.clearContentMetadata();
-    this.receiver_.setContentTitle(asset.name);
-    if (asset.iconUri) {
-      this.receiver_.setContentImage(asset.iconUri);
-    }
-  }
-
-  /** @private */
-  checkIdle_() {
-    console.debug('status changed', 'idle=', this.receiver_.isIdle());
-
-    // If the app is idle, show the idle card and set a timer to close the app.
-    // Otherwise, hide the idle card and cancel the timer.
-    if (this.receiver_.isIdle()) {
-      this.idleCard_.style.display = 'block';
-      this.startIdleTimer_();
-    } else {
-      this.idleCard_.style.display = 'none';
-      this.cancelIdleTimer_();
-
-      // Set a special poster for audio-only assets.
-      if (this.video_.readyState != 0 && this.player_.isAudioOnly()) {
-        this.video_.poster =
-            'https://shaka-player-demo.appspot.com/assets/audioOnly.gif';
-      } else {
-        // The cast receiver never shows the poster for assets with video
-        // streams.
-        this.video_.removeAttribute('poster');
-      }
-    }
-  }
-
-  /** @private */
-  startIdleTimer_() {
-    this.cancelIdleTimer_();
-
-    this.idleTimerId_ = window.setTimeout(() => {
-      window.close();
-    }, ShakaReceiverApp.IDLE_TIMEOUT_MINUTES_ * 60 * 1000);
-  }
-
-  /** @private */
-  cancelIdleTimer_() {
-    if (this.idleTimerId_ != null) {
-      window.clearTimeout(this.idleTimerId_);
-      this.idleTimerId_ = null;
-    }
-  }
-}  // class ShakaRecevierApp
-
-/**
- * @const {number}
- * @private
- */
-ShakaReceiverApp.IDLE_TIMEOUT_MINUTES_ = 5;
-
-document.addEventListener('shaka-ui-loaded', () => {
-  // Instantiate ShakaReceiverApp.
-  const receiver = new ShakaReceiverApp();
-  // Attach it to window so that it can be seen in a debugger.
-  window['receiver'] = receiver;
-  // Initialize the app.
-  receiver.init();
-});

package/demo/close_button.js

@@ -1,60 +0,0 @@
-/*! @license
- * Shaka Player
- * Copyright 2016 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-
-goog.provide('shakaDemo.CloseButton');
-
-
-/**
- * A custom UI button, to allow users to close the video element.
- * This cannot actually extend shaka.ui.Element, as that class does not exist
- * at load-time when in uncompiled mode.
- * @extends {shaka.ui.Element}
- */
-shakaDemo.CloseButton = class extends shaka.ui.Element {
-  /**
-   * @param {!HTMLElement} parent
-   * @param {!shaka.ui.Controls} controls
-   */
-  constructor(parent, controls) {
-    super(parent, controls);
-    this.button_ = document.createElement('button');
-    this.button_.classList.add('material-icons-round');
-    this.button_.classList.add('close-button');
-    this.button_.textContent = 'close'; // Close icon.
-    this.parent.appendChild(this.button_);
-
-    this.button_.addEventListener('click', () => {
-      shakaDemoMain.unload();
-    });
-
-    if ('documentPictureInPicture' in window) {
-      this.eventManager.listen(
-          window.documentPictureInPicture, 'enter', () => {
-            this.button_.style.display = 'none';
-            const pipWindow = window.documentPictureInPicture.window;
-            this.eventManager.listen(pipWindow, 'pagehide', () => {
-              this.button_.style.display = 'block';
-            });
-          });
-    }
-  }
-};
-
-/**
- * @implements {shaka.extern.IUIElement.Factory}
- * @final
- */
-shakaDemo.CloseButton.Factory = class {
-  /** @override */
-  create(rootElement, controls) {
-    return new shakaDemo.CloseButton(rootElement, controls);
-  }
-};
-
-// This button is registered inside setup in shakaDemo.Main, rather than
-// statically here, since shaka.ui.Controls does not exist in this stage of the
-// load process.