@desynova-digital/player 3.9.12 → 3.10.1
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/MarkerBar.js
CHANGED
|
@@ -91,12 +91,12 @@ var MarkerBar = /*#__PURE__*/function (_Component) {
|
|
|
91
91
|
player = _this$props.player,
|
|
92
92
|
controlType = _this$props.controlType,
|
|
93
93
|
playerSelectedMarker = _this$props.playerSelectedMarker;
|
|
94
|
-
var leftMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker.leftMarker) * 100).toFixed(2), "%");
|
|
95
|
-
var rightMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker.rightMarker) * 100).toFixed(2), "%");
|
|
94
|
+
var leftMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) * 100).toFixed(2), "%");
|
|
95
|
+
var rightMarkerPosition = "".concat((this.getMarkerPosition(playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) * 100).toFixed(2), "%");
|
|
96
96
|
return /*#__PURE__*/_react["default"].createElement(MarkerBlock, {
|
|
97
97
|
controlType: controlType,
|
|
98
98
|
isFullscreen: player.isFullscreen
|
|
99
|
-
}, playerSelectedMarker.leftMarker > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
99
|
+
}, (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
100
|
className: "marker marker-left",
|
|
101
101
|
style: {
|
|
102
102
|
left: leftMarkerPosition
|
|
@@ -106,7 +106,7 @@ var MarkerBar = /*#__PURE__*/function (_Component) {
|
|
|
106
106
|
width: 8,
|
|
107
107
|
height: 7,
|
|
108
108
|
color: "#00cec6"
|
|
109
|
-
})) : null, playerSelectedMarker.rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
109
|
+
})) : null, (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) > -1 ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
110
110
|
className: "marker marker-right",
|
|
111
111
|
style: {
|
|
112
112
|
left: rightMarkerPosition
|
|
@@ -42,7 +42,8 @@ var propTypes = {
|
|
|
42
42
|
player: _propTypes.PropTypes.instanceOf(Object),
|
|
43
43
|
actions: _propTypes.PropTypes.instanceOf(Object),
|
|
44
44
|
markers: _propTypes.PropTypes.instanceOf(Array),
|
|
45
|
-
onTagClick: _propTypes.PropTypes.func
|
|
45
|
+
onTagClick: _propTypes.PropTypes.func,
|
|
46
|
+
playerType: _propTypes.PropTypes.string
|
|
46
47
|
};
|
|
47
48
|
var defaultProps = {
|
|
48
49
|
player: {}
|
|
@@ -84,15 +85,22 @@ var PointersBar = /*#__PURE__*/function (_Component) {
|
|
|
84
85
|
}
|
|
85
86
|
}, {
|
|
86
87
|
key: "onMarkerClick",
|
|
87
|
-
value: function onMarkerClick(e, marker) {
|
|
88
|
+
value: function onMarkerClick(e, marker, index) {
|
|
88
89
|
var _this$props = this.props,
|
|
89
90
|
onTagClick = _this$props.onTagClick,
|
|
90
|
-
actions = _this$props.actions
|
|
91
|
+
actions = _this$props.actions,
|
|
92
|
+
playerType = _this$props.playerType;
|
|
91
93
|
var start_time = parseFloat(e.target.getAttribute('leftpos'));
|
|
92
94
|
var end_time = parseFloat(e.target.getAttribute('rightpos'));
|
|
93
95
|
actions.handleMarkerUpdate(start_time, end_time);
|
|
94
96
|
actions.pause();
|
|
95
97
|
actions.seek(start_time);
|
|
98
|
+
if (playerType === 'subtitle') {
|
|
99
|
+
var scrollObject = {
|
|
100
|
+
tableListScrollTop: index
|
|
101
|
+
};
|
|
102
|
+
localStorage.setItem('scrollObject', JSON.stringify(scrollObject));
|
|
103
|
+
}
|
|
96
104
|
onTagClick(start_time, end_time, marker);
|
|
97
105
|
}
|
|
98
106
|
}, {
|
|
@@ -191,7 +199,7 @@ var PointersBar = /*#__PURE__*/function (_Component) {
|
|
|
191
199
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
192
200
|
className: "marker-blocks",
|
|
193
201
|
onClick: function onClick(e) {
|
|
194
|
-
_this3.onMarkerClick(e, marker);
|
|
202
|
+
_this3.onMarkerClick(e, marker, index);
|
|
195
203
|
},
|
|
196
204
|
onMouseOver: function onMouseOver(e) {
|
|
197
205
|
self.setTooltipData(e, _this3.getTitle(marker));
|
|
@@ -51,16 +51,16 @@ function MarkingControl(_ref) {
|
|
|
51
51
|
_ref$disablePlayerAct = _ref.disablePlayerActions,
|
|
52
52
|
disablePlayerActions = _ref$disablePlayerAct === void 0 ? [] : _ref$disablePlayerAct,
|
|
53
53
|
playerSelectedMarker = _ref.playerSelectedMarker;
|
|
54
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' ? /*#__PURE__*/_react["default"].createElement(MarkingBlock, null, (!(playerSelectedMarker.leftMarker > -1) || !(playerSelectedMarker.rightMarker > -1)) && playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MarkInControl["default"], {
|
|
55
|
-
leftMarker: playerSelectedMarker.leftMarker,
|
|
54
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' ? /*#__PURE__*/_react["default"].createElement(MarkingBlock, null, (!((playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) > -1) || !((playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) > -1)) && playerType !== 'panel' && playerType !== 'default' && playerType !== 'clipping_default' && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_MarkInControl["default"], {
|
|
55
|
+
leftMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker,
|
|
56
56
|
actions: actions,
|
|
57
57
|
player: player,
|
|
58
58
|
markers: markers,
|
|
59
59
|
allowMarkerOverlap: allowMarkerOverlap,
|
|
60
60
|
onAddMarker: onAddMarker
|
|
61
61
|
}), /*#__PURE__*/_react["default"].createElement(_MarkOutControl["default"], {
|
|
62
|
-
leftMarker: playerSelectedMarker.leftMarker,
|
|
63
|
-
rightMarker: playerSelectedMarker.rightMarker,
|
|
62
|
+
leftMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker,
|
|
63
|
+
rightMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker,
|
|
64
64
|
actions: actions,
|
|
65
65
|
player: player,
|
|
66
66
|
markers: markers,
|
|
@@ -68,15 +68,15 @@ function MarkingControl(_ref) {
|
|
|
68
68
|
onMarkerSelect: onMarkerSelect,
|
|
69
69
|
allowMarkerOverlap: allowMarkerOverlap,
|
|
70
70
|
onAddMarker: onAddMarker
|
|
71
|
-
})) : null, playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement(_MarkingDuration["default"], {
|
|
72
|
-
leftMarker: playerSelectedMarker.leftMarker,
|
|
73
|
-
rightMarker: playerSelectedMarker.rightMarker,
|
|
71
|
+
})) : null, (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) > -1 || (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) > -1 ? /*#__PURE__*/_react["default"].createElement(_MarkingDuration["default"], {
|
|
72
|
+
leftMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker,
|
|
73
|
+
rightMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker,
|
|
74
74
|
frameRate: frameRate,
|
|
75
75
|
initialTime: initialTime
|
|
76
|
-
}) : null, playerSelectedMarker.leftMarker > -1 && playerSelectedMarker.rightMarker > -1 ? /*#__PURE__*/_react["default"].createElement(_MarkingPreview["default"], {
|
|
76
|
+
}) : null, (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) > -1 && (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) > -1 ? /*#__PURE__*/_react["default"].createElement(_MarkingPreview["default"], {
|
|
77
77
|
actions: actions,
|
|
78
|
-
leftMarker: playerSelectedMarker.leftMarker
|
|
79
|
-
}) : null, (playerSelectedMarker.leftMarker > -1 || playerSelectedMarker.rightMarker > -1) && playerSelectedMarker.markerType === 'create' && playerSelectedMarker.markerCreate && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_MarkingDeleteButton["default"], {
|
|
78
|
+
leftMarker: playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker
|
|
79
|
+
}) : null, ((playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.leftMarker) > -1 || (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.rightMarker) > -1) && (playerSelectedMarker === null || playerSelectedMarker === void 0 ? void 0 : playerSelectedMarker.markerType) === 'create' && playerSelectedMarker !== null && playerSelectedMarker !== void 0 && playerSelectedMarker.markerCreate && !playerReadOnlyMode && !disablePlayerActions.includes("marking_controls") ? /*#__PURE__*/_react["default"].createElement(_MarkingDeleteButton["default"], {
|
|
80
80
|
actions: actions,
|
|
81
81
|
onDeleteMarker: onDeleteMarker
|
|
82
82
|
}) : null) : null);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@desynova-digital/player",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.10.1",
|
|
4
4
|
"description": "Video Player Package for Contido Application",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -27,14 +27,10 @@
|
|
|
27
27
|
"@babel/core": "^7.21.3",
|
|
28
28
|
"@babel/preset-env": "^7.20.2",
|
|
29
29
|
"@babel/preset-react": "^7.18.6",
|
|
30
|
-
"babel-cli": "^6.26.0",
|
|
31
|
-
"babel-core": "^6.26.3",
|
|
32
30
|
"babel-eslint": "^10.1.0",
|
|
33
31
|
"babel-loader": "7.1.5",
|
|
34
32
|
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
|
35
|
-
"babel-preset-env": "^1.7.0",
|
|
36
33
|
"babel-preset-es2015": "^6.24.1",
|
|
37
|
-
"babel-preset-react": "^6.24.1",
|
|
38
34
|
"babel-runtime": "^6.26.0",
|
|
39
35
|
"eslint": "^5.16.0",
|
|
40
36
|
"eslint-config-airbnb": "^17.1.1",
|
|
@@ -57,9 +53,10 @@
|
|
|
57
53
|
"webpack-dev-server": "^3.11.0"
|
|
58
54
|
},
|
|
59
55
|
"dependencies": {
|
|
60
|
-
"@desynova-digital/components": "^8.
|
|
61
|
-
"@desynova-digital/tokens": "^8.
|
|
62
|
-
"hls.js": "^
|
|
56
|
+
"@desynova-digital/components": "^8.19.3",
|
|
57
|
+
"@desynova-digital/tokens": "^8.19.3",
|
|
58
|
+
"hls.js": "^1.4.3",
|
|
59
|
+
"babel-core": "7.0.0-bridge.0",
|
|
63
60
|
"latest-version": "^4.0.0",
|
|
64
61
|
"prettycli": "^1.4.3",
|
|
65
62
|
"prop-types": "^15.7.2",
|
package/reducers/player.js
CHANGED
|
@@ -51,13 +51,17 @@ var initialState = {
|
|
|
51
51
|
HLSConfig: {
|
|
52
52
|
debug: true,
|
|
53
53
|
capLevelToPlayerSize: false,
|
|
54
|
-
maxBufferLength:
|
|
54
|
+
maxBufferLength: 30,
|
|
55
55
|
maxMaxBufferLength: 600,
|
|
56
|
-
maxBufferSize:
|
|
56
|
+
maxBufferSize: 60,
|
|
57
57
|
enableWebVTT: false,
|
|
58
|
-
enableCEA708Captions: false
|
|
58
|
+
enableCEA708Captions: false,
|
|
59
|
+
enableWorker: true,
|
|
60
|
+
// Enable the worker for better performance
|
|
61
|
+
enableStashBuffer: true // Enable stash buffer for adaptive bitrate streaming
|
|
59
62
|
}
|
|
60
63
|
};
|
|
64
|
+
|
|
61
65
|
function player() {
|
|
62
66
|
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
|
|
63
67
|
var action = arguments.length > 1 ? arguments[1] : undefined;
|