@micromag/element-audio 0.3.459 → 0.3.460
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 +12 -5
- package/lib/index.js +12 -5
- package/package.json +4 -4
package/es/index.js
CHANGED
|
@@ -208,7 +208,8 @@ var propTypes$1 = {
|
|
|
208
208
|
onTimeUpdate: PropTypes.func,
|
|
209
209
|
onProgressStep: PropTypes.func,
|
|
210
210
|
onDurationChange: PropTypes.func,
|
|
211
|
-
onVolumeChange: PropTypes.func
|
|
211
|
+
onVolumeChange: PropTypes.func,
|
|
212
|
+
onPlayError: PropTypes.func
|
|
212
213
|
};
|
|
213
214
|
var defaultProps$1 = {
|
|
214
215
|
media: null,
|
|
@@ -234,7 +235,8 @@ var defaultProps$1 = {
|
|
|
234
235
|
onTimeUpdate: null,
|
|
235
236
|
onProgressStep: null,
|
|
236
237
|
onDurationChange: null,
|
|
237
|
-
onVolumeChange: null
|
|
238
|
+
onVolumeChange: null,
|
|
239
|
+
onPlayError: null
|
|
238
240
|
};
|
|
239
241
|
var Audio = function Audio(_ref) {
|
|
240
242
|
var media = _ref.media,
|
|
@@ -258,7 +260,8 @@ var Audio = function Audio(_ref) {
|
|
|
258
260
|
onTimeUpdate = _ref.onTimeUpdate,
|
|
259
261
|
onProgressStep = _ref.onProgressStep,
|
|
260
262
|
customOnDurationChange = _ref.onDurationChange,
|
|
261
|
-
customOnVolumeChange = _ref.onVolumeChange
|
|
263
|
+
customOnVolumeChange = _ref.onVolumeChange,
|
|
264
|
+
onPlayError = _ref.onPlayError;
|
|
262
265
|
var _ref2 = media || {},
|
|
263
266
|
_ref2$url = _ref2.url,
|
|
264
267
|
url = _ref2$url === void 0 ? null : _ref2$url;
|
|
@@ -333,9 +336,13 @@ var Audio = function Audio(_ref) {
|
|
|
333
336
|
if (paused && !isPaused) {
|
|
334
337
|
element.pause();
|
|
335
338
|
} else if (!paused && isPaused) {
|
|
336
|
-
element.play()
|
|
339
|
+
element.play()["catch"](function (e) {
|
|
340
|
+
if (onPlayError !== null) {
|
|
341
|
+
onPlayError(e);
|
|
342
|
+
}
|
|
343
|
+
});
|
|
337
344
|
}
|
|
338
|
-
}, [paused, media]);
|
|
345
|
+
}, [paused, media, onPlayError]);
|
|
339
346
|
useProgressSteps({
|
|
340
347
|
currentTime: currentTime,
|
|
341
348
|
duration: duration,
|
package/lib/index.js
CHANGED
|
@@ -212,7 +212,8 @@ var propTypes$1 = {
|
|
|
212
212
|
onTimeUpdate: PropTypes.func,
|
|
213
213
|
onProgressStep: PropTypes.func,
|
|
214
214
|
onDurationChange: PropTypes.func,
|
|
215
|
-
onVolumeChange: PropTypes.func
|
|
215
|
+
onVolumeChange: PropTypes.func,
|
|
216
|
+
onPlayError: PropTypes.func
|
|
216
217
|
};
|
|
217
218
|
var defaultProps$1 = {
|
|
218
219
|
media: null,
|
|
@@ -238,7 +239,8 @@ var defaultProps$1 = {
|
|
|
238
239
|
onTimeUpdate: null,
|
|
239
240
|
onProgressStep: null,
|
|
240
241
|
onDurationChange: null,
|
|
241
|
-
onVolumeChange: null
|
|
242
|
+
onVolumeChange: null,
|
|
243
|
+
onPlayError: null
|
|
242
244
|
};
|
|
243
245
|
var Audio = function Audio(_ref) {
|
|
244
246
|
var media = _ref.media,
|
|
@@ -262,7 +264,8 @@ var Audio = function Audio(_ref) {
|
|
|
262
264
|
onTimeUpdate = _ref.onTimeUpdate,
|
|
263
265
|
onProgressStep = _ref.onProgressStep,
|
|
264
266
|
customOnDurationChange = _ref.onDurationChange,
|
|
265
|
-
customOnVolumeChange = _ref.onVolumeChange
|
|
267
|
+
customOnVolumeChange = _ref.onVolumeChange,
|
|
268
|
+
onPlayError = _ref.onPlayError;
|
|
266
269
|
var _ref2 = media || {},
|
|
267
270
|
_ref2$url = _ref2.url,
|
|
268
271
|
url = _ref2$url === void 0 ? null : _ref2$url;
|
|
@@ -337,9 +340,13 @@ var Audio = function Audio(_ref) {
|
|
|
337
340
|
if (paused && !isPaused) {
|
|
338
341
|
element.pause();
|
|
339
342
|
} else if (!paused && isPaused) {
|
|
340
|
-
element.play()
|
|
343
|
+
element.play()["catch"](function (e) {
|
|
344
|
+
if (onPlayError !== null) {
|
|
345
|
+
onPlayError(e);
|
|
346
|
+
}
|
|
347
|
+
});
|
|
341
348
|
}
|
|
342
|
-
}, [paused, media]);
|
|
349
|
+
}, [paused, media, onPlayError]);
|
|
343
350
|
hooks.useProgressSteps({
|
|
344
351
|
currentTime: currentTime,
|
|
345
352
|
duration: duration,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/element-audio",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.460",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"@fortawesome/fontawesome-svg-core": "^1.2.32",
|
|
62
62
|
"@fortawesome/free-solid-svg-icons": "^5.15.1",
|
|
63
63
|
"@fortawesome/react-fontawesome": "^0.1.13",
|
|
64
|
-
"@micromag/core": "^0.3.
|
|
65
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
64
|
+
"@micromag/core": "^0.3.460",
|
|
65
|
+
"@micromag/element-closed-captions": "^0.3.460",
|
|
66
66
|
"@react-spring/core": "^9.6.1",
|
|
67
67
|
"@react-spring/web": "^9.6.1",
|
|
68
68
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"access": "public",
|
|
78
78
|
"registry": "https://registry.npmjs.org/"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "7e5a6ed3d80be59cdd74716781b467be88a4ccc6"
|
|
81
81
|
}
|