@vidispine/vdt-videojs-react 21.3.0 → 21.4.0-pre.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/dist/index.css +917 -450
- package/dist/index.es.js +45 -37
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +45 -37
- package/dist/index.js.map +1 -1
- package/package.json +4 -3
package/dist/index.es.js
CHANGED
|
@@ -1,6 +1,44 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Player, ExternalControls, SeekBar, TimeCodeDisplay } from '@vidispine/vdt-videojs';
|
|
3
3
|
|
|
4
|
+
function ownKeys(object, enumerableOnly) {
|
|
5
|
+
var keys = Object.keys(object);
|
|
6
|
+
|
|
7
|
+
if (Object.getOwnPropertySymbols) {
|
|
8
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
9
|
+
|
|
10
|
+
if (enumerableOnly) {
|
|
11
|
+
symbols = symbols.filter(function (sym) {
|
|
12
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
keys.push.apply(keys, symbols);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
return keys;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function _objectSpread2(target) {
|
|
23
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
24
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
25
|
+
|
|
26
|
+
if (i % 2) {
|
|
27
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
|
28
|
+
_defineProperty(target, key, source[key]);
|
|
29
|
+
});
|
|
30
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
|
31
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
32
|
+
} else {
|
|
33
|
+
ownKeys(Object(source)).forEach(function (key) {
|
|
34
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return target;
|
|
40
|
+
}
|
|
41
|
+
|
|
4
42
|
function _classCallCheck(instance, Constructor) {
|
|
5
43
|
if (!(instance instanceof Constructor)) {
|
|
6
44
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -38,40 +76,6 @@ function _defineProperty(obj, key, value) {
|
|
|
38
76
|
return obj;
|
|
39
77
|
}
|
|
40
78
|
|
|
41
|
-
function ownKeys(object, enumerableOnly) {
|
|
42
|
-
var keys = Object.keys(object);
|
|
43
|
-
|
|
44
|
-
if (Object.getOwnPropertySymbols) {
|
|
45
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
-
if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
|
47
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
48
|
-
});
|
|
49
|
-
keys.push.apply(keys, symbols);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
return keys;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
function _objectSpread2(target) {
|
|
56
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
57
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
58
|
-
|
|
59
|
-
if (i % 2) {
|
|
60
|
-
ownKeys(Object(source), true).forEach(function (key) {
|
|
61
|
-
_defineProperty(target, key, source[key]);
|
|
62
|
-
});
|
|
63
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
64
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
65
|
-
} else {
|
|
66
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
67
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
return target;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
79
|
function _inherits(subClass, superClass) {
|
|
76
80
|
if (typeof superClass !== "function" && superClass !== null) {
|
|
77
81
|
throw new TypeError("Super expression must either be null or a function");
|
|
@@ -109,7 +113,7 @@ function _isNativeReflectConstruct() {
|
|
|
109
113
|
if (typeof Proxy === "function") return true;
|
|
110
114
|
|
|
111
115
|
try {
|
|
112
|
-
|
|
116
|
+
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
113
117
|
return true;
|
|
114
118
|
} catch (e) {
|
|
115
119
|
return false;
|
|
@@ -163,6 +167,8 @@ function _assertThisInitialized(self) {
|
|
|
163
167
|
function _possibleConstructorReturn(self, call) {
|
|
164
168
|
if (call && (typeof call === "object" || typeof call === "function")) {
|
|
165
169
|
return call;
|
|
170
|
+
} else if (call !== void 0) {
|
|
171
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
166
172
|
}
|
|
167
173
|
|
|
168
174
|
return _assertThisInitialized(self);
|
|
@@ -187,6 +193,8 @@ function _createSuper(Derived) {
|
|
|
187
193
|
};
|
|
188
194
|
}
|
|
189
195
|
|
|
196
|
+
var _excluded = ["setPlayer"],
|
|
197
|
+
_excluded2 = ["setPlayer"];
|
|
190
198
|
var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
191
199
|
_inherits(VideoPlayer, _React$Component);
|
|
192
200
|
|
|
@@ -203,7 +211,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
203
211
|
value: function componentDidMount() {
|
|
204
212
|
var _this$props = this.props,
|
|
205
213
|
setPlayer = _this$props.setPlayer,
|
|
206
|
-
playerProps = _objectWithoutProperties(_this$props,
|
|
214
|
+
playerProps = _objectWithoutProperties(_this$props, _excluded);
|
|
207
215
|
|
|
208
216
|
this.player = new Player(_objectSpread2({
|
|
209
217
|
target: this.videoNode
|
|
@@ -221,7 +229,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
221
229
|
|
|
222
230
|
var createPlayer = function createPlayer() {
|
|
223
231
|
var setPlayer = props.setPlayer,
|
|
224
|
-
playerProps = _objectWithoutProperties(props,
|
|
232
|
+
playerProps = _objectWithoutProperties(props, _excluded2);
|
|
225
233
|
|
|
226
234
|
_this.player = new Player(_objectSpread2({
|
|
227
235
|
target: _this.videoNode
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\nimport '../../vdt-videojs/lib/style.css';\n\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) { setPlayer(this.player); }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) { setPlayer(this.player); }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else { // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div ref={(node) => { this.videoNode = node; }} />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.controlsNode = node; }} />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const {\n player, bgColor, fillColor, markersEnabled, regions,\n onRegionClick,\n } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.seekBarNode = node; }} />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: (player.current.player),\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => { this.timecodeNode = node; };\n return (\n <div\n styles={styles}\n className={className}\n ref={ref}\n />\n );\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\nimport '../../vdt-videojs/lib/style.css';\n\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) { setPlayer(this.player); }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) { setPlayer(this.player); }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else { // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div ref={(node) => { this.videoNode = node; }} />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.controlsNode = node; }} />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const {\n player, bgColor, fillColor, markersEnabled, regions,\n onRegionClick,\n } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.seekBarNode = node; }} />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: (player.current.player),\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => { this.timecodeNode = node; };\n return (\n <div\n styles={styles}\n className={className}\n ref={ref}\n />\n );\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -7,6 +7,44 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = _interopDefault(require('react'));
|
|
8
8
|
var vdtVideojs = require('@vidispine/vdt-videojs');
|
|
9
9
|
|
|
10
|
+
function ownKeys(object, enumerableOnly) {
|
|
11
|
+
var keys = Object.keys(object);
|
|
12
|
+
|
|
13
|
+
if (Object.getOwnPropertySymbols) {
|
|
14
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
15
|
+
|
|
16
|
+
if (enumerableOnly) {
|
|
17
|
+
symbols = symbols.filter(function (sym) {
|
|
18
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
keys.push.apply(keys, symbols);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
return keys;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function _objectSpread2(target) {
|
|
29
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
30
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
31
|
+
|
|
32
|
+
if (i % 2) {
|
|
33
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
|
34
|
+
_defineProperty(target, key, source[key]);
|
|
35
|
+
});
|
|
36
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
|
37
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
38
|
+
} else {
|
|
39
|
+
ownKeys(Object(source)).forEach(function (key) {
|
|
40
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
return target;
|
|
46
|
+
}
|
|
47
|
+
|
|
10
48
|
function _classCallCheck(instance, Constructor) {
|
|
11
49
|
if (!(instance instanceof Constructor)) {
|
|
12
50
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -44,40 +82,6 @@ function _defineProperty(obj, key, value) {
|
|
|
44
82
|
return obj;
|
|
45
83
|
}
|
|
46
84
|
|
|
47
|
-
function ownKeys(object, enumerableOnly) {
|
|
48
|
-
var keys = Object.keys(object);
|
|
49
|
-
|
|
50
|
-
if (Object.getOwnPropertySymbols) {
|
|
51
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
52
|
-
if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
|
53
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
54
|
-
});
|
|
55
|
-
keys.push.apply(keys, symbols);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
return keys;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
function _objectSpread2(target) {
|
|
62
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
63
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
64
|
-
|
|
65
|
-
if (i % 2) {
|
|
66
|
-
ownKeys(Object(source), true).forEach(function (key) {
|
|
67
|
-
_defineProperty(target, key, source[key]);
|
|
68
|
-
});
|
|
69
|
-
} else if (Object.getOwnPropertyDescriptors) {
|
|
70
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
71
|
-
} else {
|
|
72
|
-
ownKeys(Object(source)).forEach(function (key) {
|
|
73
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
return target;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
85
|
function _inherits(subClass, superClass) {
|
|
82
86
|
if (typeof superClass !== "function" && superClass !== null) {
|
|
83
87
|
throw new TypeError("Super expression must either be null or a function");
|
|
@@ -115,7 +119,7 @@ function _isNativeReflectConstruct() {
|
|
|
115
119
|
if (typeof Proxy === "function") return true;
|
|
116
120
|
|
|
117
121
|
try {
|
|
118
|
-
|
|
122
|
+
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
119
123
|
return true;
|
|
120
124
|
} catch (e) {
|
|
121
125
|
return false;
|
|
@@ -169,6 +173,8 @@ function _assertThisInitialized(self) {
|
|
|
169
173
|
function _possibleConstructorReturn(self, call) {
|
|
170
174
|
if (call && (typeof call === "object" || typeof call === "function")) {
|
|
171
175
|
return call;
|
|
176
|
+
} else if (call !== void 0) {
|
|
177
|
+
throw new TypeError("Derived constructors may only return object or undefined");
|
|
172
178
|
}
|
|
173
179
|
|
|
174
180
|
return _assertThisInitialized(self);
|
|
@@ -193,6 +199,8 @@ function _createSuper(Derived) {
|
|
|
193
199
|
};
|
|
194
200
|
}
|
|
195
201
|
|
|
202
|
+
var _excluded = ["setPlayer"],
|
|
203
|
+
_excluded2 = ["setPlayer"];
|
|
196
204
|
var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
197
205
|
_inherits(VideoPlayer, _React$Component);
|
|
198
206
|
|
|
@@ -209,7 +217,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
209
217
|
value: function componentDidMount() {
|
|
210
218
|
var _this$props = this.props,
|
|
211
219
|
setPlayer = _this$props.setPlayer,
|
|
212
|
-
playerProps = _objectWithoutProperties(_this$props,
|
|
220
|
+
playerProps = _objectWithoutProperties(_this$props, _excluded);
|
|
213
221
|
|
|
214
222
|
this.player = new vdtVideojs.Player(_objectSpread2({
|
|
215
223
|
target: this.videoNode
|
|
@@ -227,7 +235,7 @@ var VideoPlayer = /*#__PURE__*/function (_React$Component) {
|
|
|
227
235
|
|
|
228
236
|
var createPlayer = function createPlayer() {
|
|
229
237
|
var setPlayer = props.setPlayer,
|
|
230
|
-
playerProps = _objectWithoutProperties(props,
|
|
238
|
+
playerProps = _objectWithoutProperties(props, _excluded2);
|
|
231
239
|
|
|
232
240
|
_this.player = new vdtVideojs.Player(_objectSpread2({
|
|
233
241
|
target: _this.videoNode
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\nimport '../../vdt-videojs/lib/style.css';\n\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) { setPlayer(this.player); }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) { setPlayer(this.player); }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else { // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div ref={(node) => { this.videoNode = node; }} />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.controlsNode = node; }} />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const {\n player, bgColor, fillColor, markersEnabled, regions,\n onRegionClick,\n } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.seekBarNode = node; }} />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: (player.current.player),\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => { this.timecodeNode = node; };\n return (\n <div\n styles={styles}\n className={className}\n ref={ref}\n />\n );\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/VideoPlayer.js","../src/VideoControls.js","../src/VideoSeekBar.js","../src/VideoTimeCode.js"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { Player } from '@vidispine/vdt-videojs';\nimport '../../vdt-videojs/lib/style.css';\n\n\nexport class VideoPlayer extends React.Component {\n componentDidMount() {\n const { setPlayer, ...playerProps } = this.props;\n\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n\n if (setPlayer) { setPlayer(this.player); }\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n const createPlayer = () => {\n const { setPlayer, ...playerProps } = props;\n this.player = new Player({\n target: this.videoNode,\n ...playerProps,\n });\n if (setPlayer) { setPlayer(this.player); }\n };\n\n if (props.sources && props.sources[0] && props.sources[0].src) {\n // sources changed\n if (!(this.props.sources[0].src === props.sources[0].src)) {\n if (this.player) {\n this.player.videojs.pause();\n // Wait a frame until player is paused\n setTimeout(() => {\n this.player.videojs.dispose();\n createPlayer();\n }, 0);\n } else {\n createPlayer();\n }\n } else { // update reactive props\n this.player.handleNewProps(props);\n }\n }\n }\n\n // destroy player on unmount\n componentWillUnmount() {\n const { onUnmount } = this.props;\n\n if (this.player) {\n if (onUnmount) onUnmount(this.player);\n this.player.destroy();\n }\n }\n\n\n // wrap the player in a div with a `data-vjs-player` attribute\n // so videojs won't create additional wrapper in the DOM\n // see https://github.com/videojs/video.js/pull/3856\n render() {\n return (\n <div className=\"data-vjs-player\">\n <div ref={(node) => { this.videoNode = node; }} />\n </div>\n );\n }\n}\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react';\n\nimport { ExternalControls } from '@vidispine/vdt-videojs';\n\nexport class VideoControls extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.controls = new ExternalControls({\n target: this.controlsNode,\n ...this.props,\n player: player.current.player,\n });\n\n this.controls.handleNewProps(this.props);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.controls.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.controlsNode = node; }} />\n );\n }\n}\n\nVideoControls.buttonNames = ExternalControls.buttonNames;\n","import React from 'react';\n\nimport { SeekBar } from '@vidispine/vdt-videojs';\n\nexport class VideoSeekBar extends React.Component {\n componentDidMount() {\n const {\n player, bgColor, fillColor, markersEnabled, regions,\n onRegionClick,\n } = this.props; // player prop is the whole react component\n\n this.seekBar = new SeekBar({\n target: this.seekBarNode,\n player: player.current.player,\n bgColor,\n fillColor,\n markersEnabled,\n /* eslint-disable-next-line react/destructuring-assignment */\n in: this.props.in, // can not use \"in\" with destructuring statement - reserved word\n /* eslint-disable-next-line react/destructuring-assignment */\n out: this.props.out,\n regions,\n onRegionClick,\n });\n }\n\n UNSAFE_componentWillUpdate(props) {\n this.seekBar.handleNewProps(props);\n }\n\n render() {\n return (\n <div ref={(node) => { this.seekBarNode = node; }} />\n );\n }\n}\n\nVideoSeekBar.Region = SeekBar.Region;\n","import React from 'react';\n\nimport { TimeCodeDisplay } from '@vidispine/vdt-videojs';\n\nexport class VideoTimeCode extends React.Component {\n componentDidMount() {\n const { player } = this.props; // player prop is the whole react component\n this.timeCode = new TimeCodeDisplay({\n target: this.timecodeNode,\n player: player.current.player,\n onInput: (player.current.player),\n });\n\n this.timeCode.update(this.props);\n player.current.player.setupTimeCode(this.timeCode);\n }\n\n // eslint-disable-next-line camelcase\n UNSAFE_componentWillUpdate(props) {\n this.timeCode.update(props);\n }\n\n render() {\n const { className, styles } = this.props;\n const ref = (node) => { this.timecodeNode = node; };\n return (\n <div\n styles={styles}\n className={className}\n ref={ref}\n />\n );\n }\n}\n\nexport default VideoTimeCode;\n"],"names":["VideoPlayer","props","setPlayer","playerProps","player","Player","target","videoNode","createPlayer","sources","src","videojs","pause","setTimeout","dispose","handleNewProps","onUnmount","destroy","node","React","Component","VideoControls","controls","ExternalControls","controlsNode","current","buttonNames","VideoSeekBar","bgColor","fillColor","markersEnabled","regions","onRegionClick","seekBar","SeekBar","seekBarNode","out","Region","VideoTimeCode","timeCode","TimeCodeDisplay","timecodeNode","onInput","update","setupTimeCode","className","styles","ref"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vidispine/vdt-videojs-react",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.4.0-pre.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"build:watch": "rollup -c -w"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@vidispine/vdt-videojs": "^21.
|
|
17
|
+
"@vidispine/vdt-videojs": "^21.4.0-pre.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"react": "^16.14.0"
|
|
@@ -34,7 +34,8 @@
|
|
|
34
34
|
"rollup-plugin-commonjs": "^10.1.0",
|
|
35
35
|
"rollup-plugin-node-resolve": "^5.2.0",
|
|
36
36
|
"rollup-plugin-peer-deps-external": "^2.2.0",
|
|
37
|
-
"rollup-plugin-scss": "^
|
|
37
|
+
"rollup-plugin-scss": "^3.0.0",
|
|
38
|
+
"sass": "1.43.4"
|
|
38
39
|
},
|
|
39
40
|
"eslintConfig": {
|
|
40
41
|
"extends": "airbnb",
|