@desynova-digital/player 3.3.1 → 3.6.0

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.
Files changed (6) hide show
  1. package/actions/player.js +6 -2
  2. package/components/PlayerHeader.js +12 -3
  3. package/components/Video.js +1 -1
  4. package/components/control-bar/AudioTracksMenuButton.js +2 -2
  5. package/components/control-bar/CameraButton.js +7 -1
  6. package/package.json +3 -3
package/actions/player.js CHANGED
@@ -149,7 +149,9 @@ function forward(seconds) {
149
149
  source: ''
150
150
  };
151
151
 
152
- this.video.pause();
152
+ if (seconds < 1) {
153
+ this.video.pause();
154
+ }
153
155
  this.video.forward(seconds);
154
156
 
155
157
  return {
@@ -165,7 +167,9 @@ function replay(seconds) {
165
167
  source: ''
166
168
  };
167
169
 
168
- this.video.pause();
170
+ if (seconds < 1) {
171
+ this.video.pause();
172
+ }
169
173
  this.video.replay(seconds);
170
174
 
171
175
  return {
package/components/PlayerHeader.js CHANGED
@@ -78,7 +78,7 @@ var VideoTitle = _styledComponents2.default.button.withConfig({
78
78
  var PlayerDetails = _styledComponents2.default.div.withConfig({
79
79
  displayName: 'PlayerHeader__PlayerDetails',
80
80
  componentId: 'conl4h-2'
81
- })(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;font-size:10px;p{margin-left:5px;color:#afb2ba;}}}}']);
81
+ })(['margin-left:20px;text-align:left;.video-bottom-container{display:flex;justify-content:flex-start;align-items:center;margin-top:8px;.video-sub-title{color:#afb2ba;font-size:10px;font-family:SFUIText-Medium;margin-right:5px;}.version-category{font-size:10px;letter-spacing:0.4px;color:#fff;font-family:SFUIText-Regular;text-transform:uppercase;}.versions-dropdown-block{position:relative;&:hover{.active-version{cursor:pointer;border-color:#00cec6 !important;}.versions-dropdown-container{visibility:visible;opacity:1;}}.active-version{transition:all 350ms ease-in-out;border:1px solid #fff;border-radius:10px;margin-left:5px;padding:3px 10px;color:#fff;font-size:10px;font-family:SFUIText-Regular;font-weight:bold;pointer-events:none;}.versions-dropdown-container{padding-top:15px;position:absolute;top:13px;left:50%;transform:translateX(-50%);visibility:hidden;opacity:0;transition:all 450ms ease-in-out;&:after{content:\'\';border-bottom:6px solid #00cec6;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:9px;left:50%;transform:translateX(-50%);}.versions-container{overflow-y:auto;overflow-x:hidden;max-height:204px;box-shadow:0px 12px 24px rgb(0 0 0 / 20%);min-width:250px;background:#fff;border-radius:10px;.ingest-versions-container{border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 15px;.ingest-version-block{display:flex;justify-content:space-between;align-items:center;.upload-type{width:6px;height:6px;border-radius:100%;overflow:hidden;left:5px;position:absolute;}.ingest-version-name{color:#182738;font-size:11px;font-family:SFUIText-Regular;font-weight:bold;margin-right:10px;}.video-versions-container{display:inline-flex;align-items:center;.more-dropdown-icon{padding-top:8px;cursor:pointer;}path{fill:#182738;}}}}&::-webkit-scrollbar{width:5px;background-color:#6d6a6a;}}}}.video-time-block{margin-left:5px;display:flex;justify-content:center;align-items:center;.tv-time,.ott-time{display:flex;justify-content:center;align-items:center;margin-left:10px;p{margin-left:5px;color:rgb(175,178,186);font-family:\'SFUIText-Regular\';font-size:10px;align-self:self-end;}}}}']);
82
82
 
83
83
  var VersionBlock = _styledComponents2.default.div.withConfig({
84
84
  displayName: 'PlayerHeader__VersionBlock',
@@ -384,10 +384,19 @@ var PlayerHeader = function (_Component) {
384
384
  _react2.default.createElement(
385
385
  'div',
386
386
  { className: 'video-time-block' },
387
+ videoDetails.txDate ? _react2.default.createElement(
388
+ 'div',
389
+ { className: 'tv-time' },
390
+ _react2.default.createElement(
391
+ 'p',
392
+ null,
393
+ videoDetails.txDate
394
+ )
395
+ ) : null,
387
396
  videoDetails.tvTime ? _react2.default.createElement(
388
397
  'div',
389
398
  { className: 'tv-time' },
390
- _react2.default.createElement(_components.Icon, { name: 'tv', width: 10, height: 9, color: '#afb2ba' }),
399
+ _react2.default.createElement(_components.Icon, { name: 'tv', width: 14, height: 12, color: '#afb2ba' }),
391
400
  _react2.default.createElement(
392
401
  'p',
393
402
  null,
@@ -397,7 +406,7 @@ var PlayerHeader = function (_Component) {
397
406
  videoDetails.ottTime ? _react2.default.createElement(
398
407
  'div',
399
408
  { className: 'ott-time' },
400
- _react2.default.createElement(_components.Icon, { name: 'ott', width: 10, height: 14, color: '#afb2ba' }),
409
+ _react2.default.createElement(_components.Icon, { name: 'tablet', width: 16, height: 12, color: '#afb2ba' }),
401
410
  _react2.default.createElement(
402
411
  'p',
403
412
  null,
package/components/Video.js CHANGED
@@ -447,7 +447,7 @@ var Video = function (_Component) {
447
447
  }
448
448
  this.forceUpdate(); // make sure the children can get the video property
449
449
  }
450
- if (newProps.player.activeAudio && activeAudio.id !== newProps.player.activeAudio.id) {
450
+ if (newProps.player.activeAudio && activeAudio && activeAudio.id !== newProps.player.activeAudio.id) {
451
451
  this.hls.audioTrack = newProps.player.activeAudio.id;
452
452
  }
453
453
  if (newProps.subtitleObj && newProps.subtitleObj.field && JSON.stringify(newProps.subtitleObj) !== JSON.stringify(currentSubtitleObj)) {
package/components/control-bar/AudioTracksMenuButton.js CHANGED
@@ -88,12 +88,12 @@ var AudioTracksMenuButton = function (_Component) {
88
88
  },
89
89
  role: 'presentation',
90
90
  key: track.id,
91
- style: player.activeAudio.id === track.id ? { pointerEvents: 'none' } : null
91
+ style: player.activeAudio && player.activeAudio.id === track.id ? { pointerEvents: 'none' } : null
92
92
  },
93
93
  _react2.default.createElement(
94
94
  'p',
95
95
  {
96
- style: player.activeAudio.id === track.id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
96
+ style: player.activeAudio && player.activeAudio.id === track.id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
97
97
  },
98
98
  track.name
99
99
  )
package/components/control-bar/CameraButton.js CHANGED
@@ -18,6 +18,8 @@ var _styledComponents2 = _interopRequireDefault(_styledComponents);
18
18
 
19
19
  var _components = require("@desynova-digital/components");
20
20
 
21
+ var _utils = require("../../utils");
22
+
21
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
24
 
23
25
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -56,7 +58,11 @@ var CameraButton = function (_Component) {
56
58
  onTakeSnapshot = _props.onTakeSnapshot,
57
59
  video = _props.video;
58
60
 
59
- onTakeSnapshot(video.currentTime);
61
+ var timeObj = {
62
+ "thumbnail": (0, _utils.secondsToTime)(this.props.video.currentTime, this.props.frameRate, this.props.initialTime),
63
+ "thumbnail_seconds": this.props.video.currentTime
64
+ };
65
+ onTakeSnapshot(timeObj);
60
66
  }
61
67
  }, {
62
68
  key: "render",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@desynova-digital/player",
3
- "version": "3.3.1",
3
+ "version": "3.6.0",
4
4
  "description": "Video Player Package for Contido Application",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -53,8 +53,8 @@
53
53
  "webpack-dev-server": "^3.11.0"
54
54
  },
55
55
  "dependencies": {
56
- "@desynova-digital/components": "^8.1.6",
57
- "@desynova-digital/tokens": "^8.1.6",
56
+ "@desynova-digital/components": "^8.9.0",
57
+ "@desynova-digital/tokens": "^8.9.0",
58
58
  "hls.js": "^0.11.0",
59
59
  "latest-version": "^4.0.0",
60
60
  "prettycli": "^1.4.3",