@desynova-digital/player 3.11.4 → 3.11.6

package/components/Player.js

@@ -223,8 +223,12 @@ var Player = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps, prevState) {
+      var playerType = this.props.playerType;
       this.handleResize();
+      if (playerType !== prevProps.playerType) {
+        this.actions.handleZoomChange(0);
+      }
     }
   }, {
     key: "componentWillUnmount",

package/components/PointersBar.js

@@ -116,12 +116,7 @@ var PointersBar = /*#__PURE__*/function (_Component) {
         zoom = _this$props2.zoom;
       var left = leftMarker / player.duration * 100;
       var right = rightMarker / player.duration * 100;
-      var width = 0;
-      if (zoom > 0) {
-        width = right - left * zoom * 20;
-      } else {
-        width = right - left;
-      }
+      var width = right - left;
       var style = {
         left: "".concat(left, "%"),
         position: 'absolute',
@@ -195,7 +190,6 @@ var PointersBar = /*#__PURE__*/function (_Component) {
       } else {
         width = document.getElementById('seekbar-control-block').clientWidth.toFixed(0) + 'px';
       }
-      console.log('POINTERBARWID', width);
       this.setState({
         zoom: zoom,
         width: width
@@ -229,7 +223,6 @@ var PointersBar = /*#__PURE__*/function (_Component) {
           key: "".concat(marker_obj.name, "-key-tags-block")
         }, marker_obj && marker_obj.values && marker_obj.values.length ? marker_obj.values.map(function (marker, index) {
           var style = self.getPointerStyle(marker.start_time, marker.end_time, index);
-          // console.log('styless', style);
           return /*#__PURE__*/_react["default"].createElement("div", {
             className: "marker-blocks",
             onClick: function onClick(e) {

package/components/control-bar/ZoomMenuButton.js

@@ -53,17 +53,15 @@ var ZoomMenuButton = /*#__PURE__*/function (_Component) {
   _createClass(ZoomMenuButton, [{
     key: "handleClick",
     value: function handleClick() {
-      var _this$props = this.props,
-        player = _this$props.player,
-        actions = _this$props.actions;
-      actions.mute(!player.muted);
+      // const { player, actions } = this.props;
+      // actions.mute(!player.muted);
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        style = _this$props2.style,
-        playerType = _this$props2.playerType;
+      var _this$props = this.props,
+        style = _this$props.style,
+        playerType = _this$props.playerType;
       var vertical = false;
       return playerType === 'subtitle' && /*#__PURE__*/_react["default"].createElement(ZoomMenu, {
         style: style

package/components/progress-bar/SeekBar.js

@@ -158,7 +158,6 @@ var SeekBar = /*#__PURE__*/function (_Component) {
       var actions = this.props.actions;
       var newTime = this.getNewTime(event);
       // Set new time (tell video to seek to new time)
-      console.log('ppp', event, newTime);
       actions.seek(newTime);
       actions.handleEndSeeking(newTime);
       this.setState({
@@ -203,7 +202,6 @@ var SeekBar = /*#__PURE__*/function (_Component) {
         assetType = _this$props3.assetType,
         zoom = _this$props3.zoom;
       var time = seekingTime || currentTime;
-      console.log('ages', (this.getPercent() * 100).toFixed(2));
       return /*#__PURE__*/_react["default"].createElement("span", {
         id: "seekbarss"
       }, /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {

package/components/progress-bar/Timeline.js

@@ -74,7 +74,6 @@ var Timeline = /*#__PURE__*/function (_Component) {
       } else {
         sliderWidth = document.getElementById('seekbar-control-block').clientWidth.toFixed(0);
       }
-      console.log('sliderwidth generatetimeline', sliderWidth, zoomFactor); //1200
       var timeBlocks = parseInt(sliderWidth / perTimeWidth, 10);
       var timeDistance = parseInt(player.duration / timeBlocks, 10);
       var timeArray = [0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "3.11.4",
+  "version": "3.11.6",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {