@micromag/element-video 0.3.152 → 0.3.159

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 (3) hide show
  1. package/es/index.js +7 -4
  2. package/lib/index.js +7 -4
  3. package/package.json +5 -5
package/es/index.js CHANGED
@@ -115,12 +115,14 @@ var Video = function Video(_ref) {
115
115
  _ref3$description = _ref3.description,
116
116
  description = _ref3$description === void 0 ? null : _ref3$description,
117
117
  _ref3$mime = _ref3.mime,
118
- mediaMime = _ref3$mime === void 0 ? null : _ref3$mime;
118
+ mediaMime = _ref3$mime === void 0 ? null : _ref3$mime,
119
+ _ref3$has_audio = _ref3.has_audio,
120
+ hasAudio = _ref3$has_audio === void 0 ? null : _ref3$has_audio;
119
121
 
120
122
  var filesArray = useMemo(function () {
121
123
  return getMediaFilesAsArray(files);
122
124
  }, [files]);
123
- var thumbnailUrl = useMediaThumbnail(media, thumbnail);
125
+ var finalThumbnail = useMediaThumbnail(media, thumbnail);
124
126
 
125
127
  var _ref9 = useRef(null);
126
128
 
@@ -271,7 +273,7 @@ var Video = function Video(_ref) {
271
273
  autoPlay: autoPlay && !paused,
272
274
  loop: loop,
273
275
  muted: muted,
274
- poster: shouldLoad && withPoster ? thumbnailUrl : null,
276
+ poster: shouldLoad && withPoster && finalThumbnail !== null ? finalThumbnail.url || null : null,
275
277
  preload: shouldLoad ? preload : 'none',
276
278
  playsInline: playsInline,
277
279
  crossOrigin: withoutCors ? 'anonymous' : null,
@@ -283,7 +285,8 @@ var Video = function Video(_ref) {
283
285
  onSeeked: onSeeked,
284
286
  onVolumeChange: onVolumeChange,
285
287
  onTimeUpdate: onTimeUpdate,
286
- onSuspend: onSuspend
288
+ onSuspend: onSuspend,
289
+ "data-has-audio": hasAudio
287
290
  }, (sourceFiles || []).map(function (_ref8) {
288
291
  var sourceUrl = _ref8.url,
289
292
  sourceMime = _ref8.mime;
package/lib/index.js CHANGED
@@ -126,12 +126,14 @@ var Video = function Video(_ref) {
126
126
  _ref3$description = _ref3.description,
127
127
  description = _ref3$description === void 0 ? null : _ref3$description,
128
128
  _ref3$mime = _ref3.mime,
129
- mediaMime = _ref3$mime === void 0 ? null : _ref3$mime;
129
+ mediaMime = _ref3$mime === void 0 ? null : _ref3$mime,
130
+ _ref3$has_audio = _ref3.has_audio,
131
+ hasAudio = _ref3$has_audio === void 0 ? null : _ref3$has_audio;
130
132
 
131
133
  var filesArray = React.useMemo(function () {
132
134
  return utils.getMediaFilesAsArray(files);
133
135
  }, [files]);
134
- var thumbnailUrl = hooks.useMediaThumbnail(media, thumbnail);
136
+ var finalThumbnail = hooks.useMediaThumbnail(media, thumbnail);
135
137
 
136
138
  var _ref9 = React.useRef(null);
137
139
 
@@ -282,7 +284,7 @@ var Video = function Video(_ref) {
282
284
  autoPlay: autoPlay && !paused,
283
285
  loop: loop,
284
286
  muted: muted,
285
- poster: shouldLoad && withPoster ? thumbnailUrl : null,
287
+ poster: shouldLoad && withPoster && finalThumbnail !== null ? finalThumbnail.url || null : null,
286
288
  preload: shouldLoad ? preload : 'none',
287
289
  playsInline: playsInline,
288
290
  crossOrigin: withoutCors ? 'anonymous' : null,
@@ -294,7 +296,8 @@ var Video = function Video(_ref) {
294
296
  onSeeked: onSeeked,
295
297
  onVolumeChange: onVolumeChange,
296
298
  onTimeUpdate: onTimeUpdate,
297
- onSuspend: onSuspend
299
+ onSuspend: onSuspend,
300
+ "data-has-audio": hasAudio
298
301
  }, (sourceFiles || []).map(function (_ref8) {
299
302
  var sourceUrl = _ref8.url,
300
303
  sourceMime = _ref8.mime;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-video",
3
- "version": "0.3.152",
3
+ "version": "0.3.159",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,9 +52,9 @@
52
52
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
53
53
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
54
54
  "@fortawesome/react-fontawesome": "^0.1.13",
55
- "@micromag/core": "^0.3.152",
56
- "@micromag/element-closed-captions": "^0.3.152",
57
- "@micromag/element-media-controls": "^0.3.152",
55
+ "@micromag/core": "^0.3.159",
56
+ "@micromag/element-closed-captions": "^0.3.159",
57
+ "@micromag/element-media-controls": "^0.3.159",
58
58
  "classnames": "^2.2.6",
59
59
  "lodash": "^4.17.21",
60
60
  "prop-types": "^15.7.2",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "23db6c104c10cc70a73366c8b04576a312a36206"
67
+ "gitHead": "685851a0877cde60bcb1c322d939e93bf2f72792"
68
68
  }