@antmedia/web_player 2.11.1 → 2.11.2

package/dist/es/web_player.js

@@ -704,12 +704,12 @@ class WebPlayer {
   }
   loadWebRTCComponents() {
     if (this.playOrder.includes("webrtc")) {
-      return import('./videojs-webrtc-plugin-327afa5e.js').then(css => {
+      return import('./videojs-webrtc-plugin-f56e1f9e.js').then(css => {
         Logger_1.info("videojs-webrtc-plugin.css is loaded");
         var styleElement = this.dom.createElement('style');
         styleElement.textContent = css.default.toString(); // Assuming css module exports a string
         this.dom.head.appendChild(styleElement);
-        return import('./videojs-webrtc-plugin.es-bd0b1a6d.js').then(videojsWebrtcPluginLocal => {
+        return import('./videojs-webrtc-plugin.es-777bf41a.js').then(videojsWebrtcPluginLocal => {
           Logger_1.info("videojs-webrtc-plugin is loaded");
         });
       });
@@ -730,14 +730,12 @@ class WebPlayer {
           styleElement.textContent = css.default.toString(); // Assuming css module exports a string
           this.dom.head.appendChild(styleElement);
         }).then(() => {
-          return import('./video.es-0951ae41.js').then(function (n) { return n.a; });
+          return import('./video.es-be70c095.js');
         }).then(videojs => {
           window.videojs = videojs.default;
           this.videojsLoaded = true;
         }).then(() => {
-          return import('./videojs-contrib-quality-levels.es-1ea32822.js');
-        }).then(() => {
-          return import('./plugin-ca799d0d.js');
+          return import('./plugin-50e1316e.js');
         }).then(() => {
           return this.loadWebRTCComponents();
         });
@@ -800,7 +798,7 @@ class WebPlayer {
       this.videojsPlayer.pause();
       setTimeout(() => {
         this.videojsPlayer.play();
-      }, 1000);
+      }, 2000);
     }
   }
 
@@ -927,8 +925,8 @@ class WebPlayer {
       };
       this.videojsPlayer.ready(() => {
         // If it's already added to player, no need to add again
-        if (typeof this.videojsPlayer.hlsQualitySelector === "function") {
-          this.videojsPlayer.hlsQualitySelector({
+        if (typeof this.videojsPlayer.qualitySelectorHls === "function") {
+          this.videojsPlayer.qualitySelectorHls({
             displayCurrentQuality: true
           });
         }

package/dist/index.d.ts

@@ -8,6 +8,10 @@ export declare class WebPlayer {
      * streamsFolder: streams folder. Optional. Default value is "streams"
      */
     static STREAMS_FOLDER: string;
+    /**
+     * lowLatencyHlsFolder: ll-hls folder. Optional. Default value is "ll-hls"
+     */
+    static LL_HLS_FOLDER: string;
     constructor(configOrWindow: any, containerElement: any, placeHolderElement: any);
     /**
      * Video HTML content. It's by default STATIC_VIDEO_HTML
@@ -19,7 +23,7 @@ export declare class WebPlayer {
     videoPlayerId: any;
     /**
      *  "playOrder": the order which technologies is used in playing. Optional. Default value is "webrtc,hls".
-     *	possible values are "hls,webrtc","webrtc","hls","vod","dash"
+     *	possible values are "hls,webrtc","webrtc","hls","ll-hls","vod","dash",
      *   It will be taken from url parameter "playOrder".
      */
     playOrder: any;
@@ -125,6 +129,10 @@ export declare class WebPlayer {
      * Field to keep if tryNextMethod is already called
      */
     tryNextTechTimer: any;
+    /**
+     * Listener for ID3 text data
+     */
+    id3Listener: any;
     /**
      * REST API Filter JWT
      */
@@ -183,6 +191,7 @@ export declare class WebPlayer {
      * @returns
      */
     playWithVideoJS(streamUrl: any, extension: any): void;
+    listenForID3MetaData(): void;
     makeVideoJSVisibleWhenReady(): void;
     /**
      * check if stream exists via http
@@ -247,6 +256,11 @@ export declare class WebPlayer {
       * @param {*} webRTCDataListener
       */
      addWebRTCDataListener(webRTCDataListener: any): void;
+     /**
+      * ID3 meta data listener
+      * @param {*} id3Listener
+      */
+     addId3Listener(id3Listener: any): void;
      /**
       *
       * @param {*} data
@@ -258,6 +272,8 @@ export declare class WebPlayer {
      initPtzControls(): void;
      isIpCameraBroadcast(): void;
      moveCamera(valueX: any, valueY: any, valueZ: any, movement: any): void;
+     getSource(): any;
+     getTime(): any;
     }
 
     export { }

package/dist/{plugin-84ab2cdd.js → plugin-bec9dc4a.js}

@@ -1,153 +1,130 @@
 'use strict';
 
-var inheritsLoose = require('./inheritsLoose-281376c7.js');
-var video_es = require('./video.es-474303e7.js');
+var video_es = require('./video.es-df9af03d.js');
 require('./_commonjsHelpers-ed042b00.js');
 
-var version = "2.0.0";
-
-var MenuButton = video_es.videojs.getComponent('MenuButton');
-var Menu = video_es.videojs.getComponent('Menu');
-var Component = video_es.videojs.getComponent('Component');
-var Dom = video_es.videojs.dom;
+var version = "1.1.1";
 
+var VideoJsButtonClass = video_es.default.getComponent('MenuButton');
+var VideoJsMenuClass = video_es.default.getComponent('Menu');
+var VideoJsComponent = video_es.default.getComponent('Component');
+var Dom = video_es.default.dom;
 /**
  * Convert string to title case.
  *
  * @param {string} string - the string to convert
  * @return {string} the returned titlecase string
  */
+
 function toTitleCase(string) {
   if (typeof string !== 'string') {
     return string;
   }
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-
 /**
- * Extend vjs button class for quality button.
+ * Convert string to title case.
+ *
+ * @param {Player} player - the string to convert
+ * @return {MenuButton} the returned titlecase string
  */
-var ConcreteButton = /*#__PURE__*/function (_MenuButton) {
-  inheritsLoose._inheritsLoose(ConcreteButton, _MenuButton);
-  /**
-   * Button constructor.
-   *
-   * @param {Player} player - videojs player instance
-   */
-  function ConcreteButton(player) {
-    return _MenuButton.call(this, player, {
-      title: player.localize('Quality'),
-      name: 'QualityButton'
-    }) || this;
-  }
-
-  /**
-   * Creates button items.
-   *
-   * @return {Array} - Button items
-   */
-  var _proto = ConcreteButton.prototype;
-  _proto.createItems = function createItems() {
-    return [];
-  }
-
-  /**
-   * Create the menu and add all items to it.
-   *
-   * @return {Menu}
-   *         The constructed menu
-   */;
-  _proto.createMenu = function createMenu() {
-    var menu = new Menu(this.player_, {
-      menuButton: this
-    });
-    this.hideThreshold_ = 0;
 
-    // Add a title list item to the top
-    if (this.options_.title) {
-      var titleEl = Dom.createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
+function ConcreteButton(player) {
+  var _this = this;
+  var ConcreteButtonInit = new VideoJsButtonClass(player, {
+    title: player.localize('Quality'),
+    name: 'QualityButton',
+    createItems: function createItems() {
+      return [];
+    },
+    createMenu: function createMenu() {
+      var menu = new VideoJsMenuClass(_this.player_, {
+        menuButton: _this
       });
-      var titleComponent = new Component(this.player_, {
-        el: titleEl
-      });
-      this.hideThreshold_ += 1;
-      menu.addItem(titleComponent);
-    }
-    this.items = this.createItems();
-    if (this.items) {
-      // Add menu items to the menu
-      for (var i = 0; i < this.items.length; i++) {
-        menu.addItem(this.items[i]);
+      _this.hideThreshold_ = 0; // Add a title list item to the top
+
+      if (_this.options_.title) {
+        var titleEl = Dom.createEl('li', {
+          className: 'vjs-menu-title',
+          innerHTML: toTitleCase(_this.options_.title),
+          tabIndex: -1
+        });
+        var titleComponent = new VideoJsComponent(_this.player_, {
+          el: titleEl
+        });
+        _this.hideThreshold_ += 1;
+        menu.addItem(titleComponent);
+      }
+      _this.items = _this.createItems();
+      if (_this.items) {
+        // Add menu items to the menu
+        for (var i = 0; i < _this.items.length; i++) {
+          menu.addItem(_this.items[i]);
+        }
       }
+      return menu;
     }
-    return menu;
-  };
-  return ConcreteButton;
-}(MenuButton);
-
-// Concrete classes
-var VideoJsMenuItemClass = video_es.videojs.getComponent('MenuItem');
+  });
+  return ConcreteButtonInit;
+}
 
+var VideoJsMenuItemClass = video_es.default.getComponent('MenuItem');
 /**
- * Extend vjs menu item class.
+ * Create a QualitySelectorHls plugin instance.
+ *
+ * @param  {player} player
+ *         A Video.js Player instance.
+ *
+ * @param  {item} [item]
+ *         The Item Quality Item
+ *
+ * @param  {qualityButton} [qualityButton]
+ *         ConcreteButton
+ *
+ * @param  {plugin} plugin
+ *         Plugin
+ *
+ * @return {MenuItem} MenuItem
+ *         VideoJS Menu Item Class
  */
-var ConcreteMenuItem = /*#__PURE__*/function (_VideoJsMenuItemClass) {
-  inheritsLoose._inheritsLoose(ConcreteMenuItem, _VideoJsMenuItemClass);
-  /**
-   * Menu item constructor.
-   *
-   * @param {Player} player - vjs player
-   * @param {Object} item - Item object
-   * @param {ConcreteButton} qualityButton - The containing button.
-   * @param {HlsQualitySelector} plugin - This plugin instance.
-   */
-  function ConcreteMenuItem(player, item, qualityButton, plugin) {
-    var _this;
-    _this = _VideoJsMenuItemClass.call(this, player, {
-      label: item.label,
-      selectable: true,
-      selected: item.selected || false
-    }) || this;
-    _this.item = item;
-    _this.qualityButton = qualityButton;
-    _this.plugin = plugin;
-    return _this;
-  }
 
-  /**
-   * Click event for menu item.
-   */
-  var _proto = ConcreteMenuItem.prototype;
-  _proto.handleClick = function handleClick() {
+function ConcreteMenuItem(player, item, qualityButton, plugin) {
+  var ConcreteMenuItemInit = new VideoJsMenuItemClass(player, {
+    label: item.label,
+    selectable: true,
+    selected: item.selected || false
+  });
+  ConcreteMenuItemInit.item = item;
+  ConcreteMenuItemInit.qualityButton = qualityButton;
+  ConcreteMenuItemInit.plugin = plugin;
+  ConcreteMenuItemInit.handleClick = function () {
     // Reset other menu items selected status.
     for (var i = 0; i < this.qualityButton.items.length; ++i) {
       this.qualityButton.items[i].selected(false);
-    }
+    } // Set this menu item to selected, and set quality.
 
-    // Set this menu item to selected, and set quality.
     this.plugin.setQuality(this.item.value);
     this.selected(true);
   };
-  return ConcreteMenuItem;
-}(VideoJsMenuItemClass);
-
-var Plugin = video_es.videojs.getPlugin('plugin');
+  return ConcreteMenuItemInit;
+}
 
 // Default options for the plugin.
-var defaults = {};
 
+var defaults = {
+  vjsIconClass: 'vjs-icon-hd',
+  displayCurrentQuality: false,
+  placementIndex: 0
+};
 /**
  * An advanced Video.js plugin. For more information on the API
  *
  * See: https://blog.videojs.com/feature-spotlight-advanced-plugins/
  */
-var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
-  inheritsLoose._inheritsLoose(HlsQualitySelector, _Plugin);
+
+var QualitySelectorHlsClass = /*#__PURE__*/function () {
   /**
-   * Create a HlsQualitySelector plugin instance.
+   * Create a QualitySelectorHls plugin instance.
    *
    * @param  {Player} player
    *         A Video.js Player instance.
@@ -159,31 +136,39 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
    *         second argument of options is a convenient way to accept inputs
    *         from your plugin's caller.
    */
-  function HlsQualitySelector(player, options) {
-    var _this;
+  function QualitySelectorHlsClass(player, options) {
+    var _this = this;
+
     // the parent class will add player under this.player
-    _this = _Plugin.call(this, player) || this;
-    _this.options = video_es.videojs.obj.merge(defaults, options);
-    _this.player.ready(function () {
-      // If there is quality levels plugin and the HLS tech exists then continue.
+    this.player = player;
+    this.config = video_es.default.obj.merge(defaults, options);
+    player.ready(function () {
+      _this.player.addClass('vjs-quality-selector-hls');
       if (_this.player.qualityLevels) {
-        _this.player.addClass('vjs-hls-quality-selector');
         // Create the quality button.
         _this.createQualityButton();
         _this.bindPlayerEvents();
       }
     });
-    return _this;
   }
+  /**
+   * Returns HLS Plugin
+   *
+   * @return {*} - videojs-hls-contrib plugin.
+   */
 
+  var _proto = QualitySelectorHlsClass.prototype;
+  _proto.getHls = function getHls() {
+    return this.player.tech({
+      IWillNotUseThisInPlugins: true
+    }).hls;
+  }
   /**
    * Binds listener for quality level changes.
-   */
-  var _proto = HlsQualitySelector.prototype;
+   */;
   _proto.bindPlayerEvents = function bindPlayerEvents() {
     this.player.qualityLevels().on('addqualitylevel', this.onAddQualityLevel.bind(this));
   }
-
   /**
    * Adds the quality menu button to the player control bar.
    */;
@@ -193,26 +178,24 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
     var placementIndex = player.controlBar.children().length - 2;
     var concreteButtonInstance = player.controlBar.addChild(this._qualityButton, {
       componentClass: 'qualitySelector'
-    }, this.options.placementIndex || placementIndex);
+    }, this.config.placementIndex || placementIndex);
     concreteButtonInstance.addClass('vjs-quality-selector');
-    if (!this.options.displayCurrentQuality) {
-      var icon = " " + (this.options.vjsIconClass || 'vjs-icon-hd');
+    if (!this.config.displayCurrentQuality) {
+      var icon = " " + (this.config.vjsIconClass || 'vjs-icon-hd');
       concreteButtonInstance.menuButton_.$('.vjs-icon-placeholder').className += icon;
     } else {
-      this.setButtonInnerText(player.localize('Auto'));
+      this.setButtonInnerText('auto');
     }
     concreteButtonInstance.removeClass('vjs-hidden');
   }
-
   /**
-   *Set inner button text.
-   *
-   * @param {string} text - the text to display in the button.
-   */;
+  *Set inner button text.
+  *
+  * @param {string} text - the text to display in the button.
+  */;
   _proto.setButtonInnerText = function setButtonInnerText(text) {
     this._qualityButton.menuButton_.$('.vjs-icon-placeholder').innerHTML = text;
   }
-
   /**
    * Builds individual quality menu items.
    *
@@ -221,9 +204,8 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
    */;
   _proto.getQualityMenuItem = function getQualityMenuItem(item) {
     var player = this.player;
-    return new ConcreteMenuItem(player, item, this._qualityButton, this);
+    return ConcreteMenuItem(player, item, this._qualityButton, this);
   }
-
   /**
    * Executed when a quality level is added from HLS playlist.
    */;
@@ -233,13 +215,13 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
     var qualityList = player.qualityLevels();
     var levels = qualityList.levels_ || [];
     var levelItems = [];
-    var _loop = function _loop() {
+    var _loop = function _loop(i) {
       var _levels$i = levels[i],
         width = _levels$i.width,
         height = _levels$i.height;
       var pixels = width > height ? height : width;
       if (!pixels) {
-        return 1; // continue
+        return "continue";
       }
       if (!levelItems.filter(function (_existingItem) {
         return _existingItem.item && _existingItem.item.value === pixels;
@@ -252,7 +234,8 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
       }
     };
     for (var i = 0; i < levels.length; ++i) {
-      if (_loop()) continue;
+      var _ret = _loop(i);
+      if (_ret === "continue") continue;
     }
     levelItems.sort(function (current, next) {
       if (typeof current !== 'object' || typeof next !== 'object') {
@@ -267,7 +250,7 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
       return 0;
     });
     levelItems.push(this.getQualityMenuItem.call(this, {
-      label: this.player.localize('Auto'),
+      label: player.localize('Auto'),
       value: 'auto',
       selected: true
     }));
@@ -278,19 +261,17 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
       this._qualityButton.update();
     }
   }
-
   /**
    * Sets quality (based on media short side)
    *
    * @param {number} quality - A number representing HLS playlist.
    */;
   _proto.setQuality = function setQuality(quality) {
-    var qualityList = this.player.qualityLevels();
+    var qualityList = this.player.qualityLevels(); // Set quality on plugin
 
-    // Set quality on plugin
     this._currentQuality = quality;
-    if (this.options.displayCurrentQuality) {
-      this.setButtonInnerText(quality === 'auto' ? this.player.localize('Auto') : quality + "p");
+    if (this.config.displayCurrentQuality) {
+      this.setButtonInnerText(quality === 'auto' ? quality : quality + "p");
     }
     for (var i = 0; i < qualityList.length; ++i) {
       var _qualityList$i = qualityList[i],
@@ -301,7 +282,6 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
     }
     this._qualityButton.unpressButton();
   }
-
   /**
    * Return the current set quality or 'auto'
    *
@@ -310,11 +290,21 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
   _proto.getCurrentQuality = function getCurrentQuality() {
     return this._currentQuality || 'auto';
   };
-  return HlsQualitySelector;
-}(Plugin); // Include the version number.
-HlsQualitySelector.VERSION = version;
+  return QualitySelectorHlsClass;
+}();
+var initPlugin = function initPlugin(player, options) {
+  var QualitySelectorHls = new QualitySelectorHlsClass(player, options);
+  player.QualitySelectorHlsVjs = true; // Define default values for the plugin's `state` object here.
+
+  QualitySelectorHls.defaultState = {}; // Include the version number.
+
+  QualitySelectorHls.VERSION = version;
+  return QualitySelectorHls;
+};
+var QualitySelectorHls = function QualitySelectorHls(options) {
+  return initPlugin(this, video_es.default.obj.merge({}, options));
+}; // Register the plugin with video.js.
 
-// Register the plugin with video.js.
-video_es.videojs.registerPlugin('hlsQualitySelector', HlsQualitySelector);
+video_es.default.registerPlugin('qualitySelectorHls', QualitySelectorHls);
 
-exports.default = HlsQualitySelector;
+exports.default = QualitySelectorHls;