@desynova-digital/player 3.11.5 → 3.11.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/components/Player.js
CHANGED
|
@@ -223,8 +223,12 @@ var Player = /*#__PURE__*/function (_Component) {
|
|
|
223
223
|
}
|
|
224
224
|
}, {
|
|
225
225
|
key: "componentDidUpdate",
|
|
226
|
-
value: function componentDidUpdate() {
|
|
226
|
+
value: function componentDidUpdate(prevProps, prevState) {
|
|
227
|
+
var playerType = this.props.playerType;
|
|
227
228
|
this.handleResize();
|
|
229
|
+
if (playerType !== prevProps.playerType) {
|
|
230
|
+
this.actions.handleZoomChange(0);
|
|
231
|
+
}
|
|
228
232
|
}
|
|
229
233
|
}, {
|
|
230
234
|
key: "componentWillUnmount",
|
|
@@ -190,7 +190,6 @@ var PointersBar = /*#__PURE__*/function (_Component) {
|
|
|
190
190
|
} else {
|
|
191
191
|
width = document.getElementById('seekbar-control-block').clientWidth.toFixed(0) + 'px';
|
|
192
192
|
}
|
|
193
|
-
console.log('POINTERBARWID', width);
|
|
194
193
|
this.setState({
|
|
195
194
|
zoom: zoom,
|
|
196
195
|
width: width
|
|
@@ -224,7 +223,6 @@ var PointersBar = /*#__PURE__*/function (_Component) {
|
|
|
224
223
|
key: "".concat(marker_obj.name, "-key-tags-block")
|
|
225
224
|
}, marker_obj && marker_obj.values && marker_obj.values.length ? marker_obj.values.map(function (marker, index) {
|
|
226
225
|
var style = self.getPointerStyle(marker.start_time, marker.end_time, index);
|
|
227
|
-
// console.log('styless', style);
|
|
228
226
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
229
227
|
className: "marker-blocks",
|
|
230
228
|
onClick: function onClick(e) {
|
|
@@ -158,7 +158,6 @@ var SeekBar = /*#__PURE__*/function (_Component) {
|
|
|
158
158
|
var actions = this.props.actions;
|
|
159
159
|
var newTime = this.getNewTime(event);
|
|
160
160
|
// Set new time (tell video to seek to new time)
|
|
161
|
-
console.log('ppp', event, newTime);
|
|
162
161
|
actions.seek(newTime);
|
|
163
162
|
actions.handleEndSeeking(newTime);
|
|
164
163
|
this.setState({
|
|
@@ -203,7 +202,6 @@ var SeekBar = /*#__PURE__*/function (_Component) {
|
|
|
203
202
|
assetType = _this$props3.assetType,
|
|
204
203
|
zoom = _this$props3.zoom;
|
|
205
204
|
var time = seekingTime || currentTime;
|
|
206
|
-
console.log('ages', (this.getPercent() * 100).toFixed(2));
|
|
207
205
|
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
208
206
|
id: "seekbarss"
|
|
209
207
|
}, /*#__PURE__*/_react["default"].createElement(_MarkerBar["default"], _extends({}, this.props, {
|
|
@@ -74,7 +74,6 @@ var Timeline = /*#__PURE__*/function (_Component) {
|
|
|
74
74
|
} else {
|
|
75
75
|
sliderWidth = document.getElementById('seekbar-control-block').clientWidth.toFixed(0);
|
|
76
76
|
}
|
|
77
|
-
console.log('sliderwidth generatetimeline', sliderWidth, zoomFactor); //1200
|
|
78
77
|
var timeBlocks = parseInt(sliderWidth / perTimeWidth, 10);
|
|
79
78
|
var timeDistance = parseInt(player.duration / timeBlocks, 10);
|
|
80
79
|
var timeArray = [0];
|