@micromag/element-audio 0.3.651 → 0.3.656
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/es/index.js +34 -34
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -45,7 +45,7 @@ function AudioBars(_ref) {
|
|
|
45
45
|
var _useDimensionObserver = useDimensionObserver(),
|
|
46
46
|
elRef = _useDimensionObserver.ref,
|
|
47
47
|
_useDimensionObserver2 = _useDimensionObserver.width,
|
|
48
|
-
elWidth = _useDimensionObserver2 ===
|
|
48
|
+
elWidth = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2,
|
|
49
49
|
elHeight = _useDimensionObserver.height;
|
|
50
50
|
var barWidth = 1;
|
|
51
51
|
var barGap = 1;
|
|
@@ -213,58 +213,58 @@ var propTypes$1 = {
|
|
|
213
213
|
};
|
|
214
214
|
var Audio = function Audio(_ref) {
|
|
215
215
|
var _ref$media = _ref.media,
|
|
216
|
-
media = _ref$media ===
|
|
216
|
+
media = _ref$media === void 0 ? null : _ref$media,
|
|
217
217
|
_ref$mediaRef = _ref.mediaRef,
|
|
218
|
-
mediaRef = _ref$mediaRef ===
|
|
218
|
+
mediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
|
|
219
219
|
_ref$muted = _ref.muted,
|
|
220
|
-
muted = _ref$muted ===
|
|
220
|
+
muted = _ref$muted === void 0 ? false : _ref$muted,
|
|
221
221
|
_ref$autoPlay = _ref.autoPlay,
|
|
222
|
-
autoPlay = _ref$autoPlay ===
|
|
222
|
+
autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
|
|
223
223
|
_ref$paused = _ref.paused,
|
|
224
|
-
paused = _ref$paused ===
|
|
224
|
+
paused = _ref$paused === void 0 ? false : _ref$paused,
|
|
225
225
|
_ref$loop = _ref.loop,
|
|
226
|
-
loop = _ref$loop ===
|
|
226
|
+
loop = _ref$loop === void 0 ? false : _ref$loop,
|
|
227
227
|
_ref$preload = _ref.preload,
|
|
228
|
-
preload = _ref$preload ===
|
|
228
|
+
preload = _ref$preload === void 0 ? 'auto' : _ref$preload,
|
|
229
229
|
_ref$shouldLoad = _ref.shouldLoad,
|
|
230
|
-
shouldLoad = _ref$shouldLoad ===
|
|
230
|
+
shouldLoad = _ref$shouldLoad === void 0 ? true : _ref$shouldLoad,
|
|
231
231
|
_ref$waveFake = _ref.waveFake,
|
|
232
|
-
waveFake = _ref$waveFake ===
|
|
232
|
+
waveFake = _ref$waveFake === void 0 ? false : _ref$waveFake,
|
|
233
233
|
_ref$withWave = _ref.withWave,
|
|
234
|
-
withWave = _ref$withWave ===
|
|
234
|
+
withWave = _ref$withWave === void 0 ? false : _ref$withWave,
|
|
235
235
|
_ref$autoWaveHeight = _ref.autoWaveHeight,
|
|
236
|
-
autoWaveHeight = _ref$autoWaveHeight ===
|
|
236
|
+
autoWaveHeight = _ref$autoWaveHeight === void 0 ? false : _ref$autoWaveHeight,
|
|
237
237
|
_ref$updateInterval = _ref.updateInterval,
|
|
238
|
-
updateInterval = _ref$updateInterval ===
|
|
238
|
+
updateInterval = _ref$updateInterval === void 0 ? 1000 : _ref$updateInterval,
|
|
239
239
|
_ref$className = _ref.className,
|
|
240
|
-
className = _ref$className ===
|
|
240
|
+
className = _ref$className === void 0 ? null : _ref$className,
|
|
241
241
|
_ref$withoutSeek = _ref.withoutSeek,
|
|
242
|
-
withoutSeek = _ref$withoutSeek ===
|
|
242
|
+
withoutSeek = _ref$withoutSeek === void 0 ? false : _ref$withoutSeek,
|
|
243
243
|
_ref$onReady = _ref.onReady,
|
|
244
|
-
onReady = _ref$onReady ===
|
|
244
|
+
onReady = _ref$onReady === void 0 ? null : _ref$onReady,
|
|
245
245
|
_ref$onPlay = _ref.onPlay,
|
|
246
|
-
onPlay = _ref$onPlay ===
|
|
246
|
+
onPlay = _ref$onPlay === void 0 ? null : _ref$onPlay,
|
|
247
247
|
_ref$onPause = _ref.onPause,
|
|
248
|
-
onPause = _ref$onPause ===
|
|
248
|
+
onPause = _ref$onPause === void 0 ? null : _ref$onPause,
|
|
249
249
|
_ref$onEnded = _ref.onEnded,
|
|
250
|
-
onEnded = _ref$onEnded ===
|
|
250
|
+
onEnded = _ref$onEnded === void 0 ? null : _ref$onEnded,
|
|
251
251
|
_ref$onSeeked = _ref.onSeeked,
|
|
252
|
-
onSeeked = _ref$onSeeked ===
|
|
252
|
+
onSeeked = _ref$onSeeked === void 0 ? null : _ref$onSeeked,
|
|
253
253
|
_ref$onTimeUpdate = _ref.onTimeUpdate,
|
|
254
|
-
onTimeUpdate = _ref$onTimeUpdate ===
|
|
254
|
+
onTimeUpdate = _ref$onTimeUpdate === void 0 ? null : _ref$onTimeUpdate,
|
|
255
255
|
_ref$onProgressStep = _ref.onProgressStep,
|
|
256
|
-
onProgressStep = _ref$onProgressStep ===
|
|
256
|
+
onProgressStep = _ref$onProgressStep === void 0 ? null : _ref$onProgressStep,
|
|
257
257
|
_ref$onDurationChange = _ref.onDurationChange,
|
|
258
|
-
customOnDurationChange = _ref$onDurationChange ===
|
|
258
|
+
customOnDurationChange = _ref$onDurationChange === void 0 ? null : _ref$onDurationChange,
|
|
259
259
|
_ref$onVolumeChange = _ref.onVolumeChange,
|
|
260
|
-
customOnVolumeChange = _ref$onVolumeChange ===
|
|
260
|
+
customOnVolumeChange = _ref$onVolumeChange === void 0 ? null : _ref$onVolumeChange,
|
|
261
261
|
_ref$onPlayError = _ref.onPlayError,
|
|
262
|
-
onPlayError = _ref$onPlayError ===
|
|
262
|
+
onPlayError = _ref$onPlayError === void 0 ? null : _ref$onPlayError;
|
|
263
263
|
var _ref2 = media || {},
|
|
264
264
|
_ref2$url = _ref2.url,
|
|
265
|
-
url = _ref2$url ===
|
|
265
|
+
url = _ref2$url === void 0 ? null : _ref2$url,
|
|
266
266
|
_ref2$files = _ref2.files,
|
|
267
|
-
files = _ref2$files ===
|
|
267
|
+
files = _ref2$files === void 0 ? null : _ref2$files;
|
|
268
268
|
var srcUrl = useMemo(function () {
|
|
269
269
|
if (files) {
|
|
270
270
|
var filesAsEntries = Object.entries(files);
|
|
@@ -275,7 +275,7 @@ var Audio = function Audio(_ref) {
|
|
|
275
275
|
}) || [],
|
|
276
276
|
_ref4 = _slicedToArray(_ref3, 2),
|
|
277
277
|
_ref4$ = _ref4[1],
|
|
278
|
-
mp3File = _ref4$ ===
|
|
278
|
+
mp3File = _ref4$ === void 0 ? null : _ref4$;
|
|
279
279
|
if (mp3File) {
|
|
280
280
|
return mp3File.url;
|
|
281
281
|
}
|
|
@@ -312,7 +312,7 @@ var Audio = function Audio(_ref) {
|
|
|
312
312
|
}, [duration, customOnDurationChange]);
|
|
313
313
|
var onVolumeChange = useCallback(function () {
|
|
314
314
|
var _ref$current = _ref8.current,
|
|
315
|
-
element = _ref$current ===
|
|
315
|
+
element = _ref$current === void 0 ? null : _ref$current;
|
|
316
316
|
if (element === null) {
|
|
317
317
|
return;
|
|
318
318
|
}
|
|
@@ -322,7 +322,7 @@ var Audio = function Audio(_ref) {
|
|
|
322
322
|
}, [_ref8.current, customOnVolumeChange]);
|
|
323
323
|
var onWavePlay = useCallback(function () {
|
|
324
324
|
var _ref$current2 = _ref8.current,
|
|
325
|
-
element = _ref$current2 ===
|
|
325
|
+
element = _ref$current2 === void 0 ? null : _ref$current2;
|
|
326
326
|
if (element === null) {
|
|
327
327
|
return;
|
|
328
328
|
}
|
|
@@ -330,7 +330,7 @@ var Audio = function Audio(_ref) {
|
|
|
330
330
|
}, [_ref8.current]);
|
|
331
331
|
var onWaveSeek = useCallback(function (newTime) {
|
|
332
332
|
var _ref$current3 = _ref8.current,
|
|
333
|
-
element = _ref$current3 ===
|
|
333
|
+
element = _ref$current3 === void 0 ? null : _ref$current3;
|
|
334
334
|
if (element === null) {
|
|
335
335
|
return;
|
|
336
336
|
}
|
|
@@ -345,7 +345,7 @@ var Audio = function Audio(_ref) {
|
|
|
345
345
|
}, [waveReady, onReady]);
|
|
346
346
|
useEffect(function () {
|
|
347
347
|
var _ref$current4 = _ref8.current,
|
|
348
|
-
element = _ref$current4 ===
|
|
348
|
+
element = _ref$current4 === void 0 ? null : _ref$current4;
|
|
349
349
|
if (element === null) {
|
|
350
350
|
return;
|
|
351
351
|
}
|
|
@@ -461,7 +461,7 @@ function AudioWave(_ref) {
|
|
|
461
461
|
var mainColor = useMemo(function () {
|
|
462
462
|
var _ref2 = backgroundColor || {},
|
|
463
463
|
_ref2$color = _ref2.color,
|
|
464
|
-
color = _ref2$color ===
|
|
464
|
+
color = _ref2$color === void 0 ? 'white' : _ref2$color;
|
|
465
465
|
return color;
|
|
466
466
|
}, [backgroundColor]);
|
|
467
467
|
var alternateColor = useMemo(function () {
|
|
@@ -470,7 +470,7 @@ function AudioWave(_ref) {
|
|
|
470
470
|
var _useDimensionObserver = useDimensionObserver(),
|
|
471
471
|
elRef = _useDimensionObserver.ref,
|
|
472
472
|
_useDimensionObserver2 = _useDimensionObserver.width,
|
|
473
|
-
elWidth = _useDimensionObserver2 ===
|
|
473
|
+
elWidth = _useDimensionObserver2 === void 0 ? null : _useDimensionObserver2,
|
|
474
474
|
elHeight = _useDimensionObserver.height;
|
|
475
475
|
|
|
476
476
|
// Linear animation for progress bar
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-audio",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.656",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -59,8 +59,8 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.13.10",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.656",
|
|
63
|
+
"@micromag/element-closed-captions": "^0.3.656",
|
|
64
64
|
"@react-spring/core": "^9.6.1",
|
|
65
65
|
"@react-spring/web": "^9.6.1",
|
|
66
66
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -74,5 +74,5 @@
|
|
|
74
74
|
"access": "public",
|
|
75
75
|
"registry": "https://registry.npmjs.org/"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "fd956cc4a183b621df124f3f3afbae4af974db27"
|
|
78
78
|
}
|