@antmedia/web_player 2.11.1 → 2.11.10

package/.github/workflows/publish-release.yml

@@ -10,23 +10,40 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      
       - uses: actions/setup-node@v3
         with:
           node-version: '16.x'
-           # Setup .npmrc file to publish to npm
           registry-url: 'https://registry.npmjs.org'
+      
       - uses: actions/setup-java@v3
         with:
           java-version: '11'
           distribution: 'adopt'
+      
       - name: Get the version
         id: get_version
         run: echo "VERSION=$(echo ${GITHUB_REF##*/} | cut -d v -f 2)" >> $GITHUB_OUTPUT
+      
       - run: npm install
+      
       - run: npm run compile
+      
       - run: npm test
-      - run: npm version ${{steps.get_version.outputs.VERSION}} --no-git-tag-version
+      
       - run: npm publish
         env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}]
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      
+      - name: Update Embedded Player
+        if: success()
+        run: |
+          curl -L \
+          -X POST \
+          -H "Accept: application/vnd.github.v3+json" \
+          -H "Authorization: Bearer ${{ secrets.REPO_COMMUNICATION }}" \
+          https://api.github.com/repos/ant-media/StreamApp/actions/workflows/update-embedded-player.yml/dispatches \
+          -d '{"ref":"master"}'
+
+
 

package/dist/browser/web_player.js

@@ -447,9 +447,7 @@
             window.videojs = videojs.default;
             this.videojsLoaded = true;
           }).then(() => {
-            return import('videojs-contrib-quality-levels');
-          }).then(() => {
-            return import('videojs-hls-quality-selector');
+            return import('videojs-quality-selector-hls');
           }).then(() => {
             return this.loadWebRTCComponents();
           });
@@ -512,7 +510,7 @@
         this.videojsPlayer.pause();
         setTimeout(() => {
           this.videojsPlayer.play();
-        }, 1000);
+        }, 2000);
       }
     }
 
@@ -639,8 +637,8 @@
         };
         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/es/{plugin-ca799d0d.js → plugin-06260ef3.js}

@@ -1,151 +1,128 @@
-import { _ as _inheritsLoose } from './inheritsLoose-91dc2acc.js';
 import { v as videojs } from './video.es-0951ae41.js';
 import './_commonjsHelpers-7d1333e8.js';
 
-var version = "2.0.0";
+var version = "1.1.1";
 
-var MenuButton = videojs.getComponent('MenuButton');
-var Menu = videojs.getComponent('Menu');
-var Component = videojs.getComponent('Component');
+var VideoJsButtonClass = videojs.getComponent('MenuButton');
+var VideoJsMenuClass = videojs.getComponent('Menu');
+var VideoJsComponent = videojs.getComponent('Component');
 var Dom = videojs.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(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);
+  });
+  return ConcreteButtonInit;
+}
 
-// Concrete classes
 var VideoJsMenuItemClass = videojs.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(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 = 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(HlsQualitySelector, _Plugin);
+
+var QualitySelectorHlsClass = /*#__PURE__*/function () {
   /**
-   * Create a HlsQualitySelector plugin instance.
+   * Create a QualitySelectorHls plugin instance.
    *
    * @param  {Player} player
    *         A Video.js Player instance.
@@ -157,31 +134,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 = 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 = videojs.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.
    */;
@@ -191,26 +176,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.
    *
@@ -219,9 +202,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.
    */;
@@ -231,13 +213,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;
@@ -250,7 +232,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') {
@@ -265,7 +248,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
     }));
@@ -276,19 +259,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],
@@ -299,7 +280,6 @@ var HlsQualitySelector = /*#__PURE__*/function (_Plugin) {
     }
     this._qualityButton.unpressButton();
   }
-
   /**
    * Return the current set quality or 'auto'
    *
@@ -308,11 +288,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, videojs.obj.merge({}, options));
+}; // Register the plugin with video.js.
 
-// Register the plugin with video.js.
-videojs.registerPlugin('hlsQualitySelector', HlsQualitySelector);
+videojs.registerPlugin('qualitySelectorHls', QualitySelectorHls);
 
-export { HlsQualitySelector as default };
+export { QualitySelectorHls as default };

package/dist/es/videojs-webrtc-plugin-f56e1f9e.js

@@ -0,0 +1,3 @@
+var videojsWebrtcPlugin = "/*! @name @antmedia/videojs-webrtc-plugin @version 1.3.1 @license MIT */\n.vjs-custom-spinner{position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);left:50%;width:80px;height:80px}.vjs-custom-spinner:after{content:\" \";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}";
+
+export { videojsWebrtcPlugin as default };