@micromag/screen-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 +8 -0
- package/lib/index.js +8 -0
- package/package.json +11 -11
package/es/index.js
CHANGED
|
@@ -123,6 +123,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
123
123
|
playing = _usePlaybackContext.playing,
|
|
124
124
|
muted = _usePlaybackContext.muted,
|
|
125
125
|
setControls = _usePlaybackContext.setControls,
|
|
126
|
+
setControlsSuggestPlay = _usePlaybackContext.setControlsSuggestPlay,
|
|
126
127
|
setControlsTheme = _usePlaybackContext.setControlsTheme,
|
|
127
128
|
setPlaying = _usePlaybackContext.setPlaying;
|
|
128
129
|
var mediaRef = usePlaybackMediaRef(current);
|
|
@@ -199,6 +200,12 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
199
200
|
trackScreenMedia(audio, 'seek');
|
|
200
201
|
}
|
|
201
202
|
}, [trackScreenMedia, audio]);
|
|
203
|
+
var onPlayError = useCallback(function () {
|
|
204
|
+
if (isView && playing && current && hasAudio) {
|
|
205
|
+
setPlaying(false);
|
|
206
|
+
setControlsSuggestPlay(true);
|
|
207
|
+
}
|
|
208
|
+
}, [isView, current, playing, hasAudio, setPlaying, setControlsSuggestPlay]);
|
|
202
209
|
return /*#__PURE__*/React.createElement("div", {
|
|
203
210
|
className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.placeholder, isPlaceholder), styles.isPreview, isPreview)]),
|
|
204
211
|
"data-screen-ready": ready
|
|
@@ -250,6 +257,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
250
257
|
onDurationChange: onDurationChange,
|
|
251
258
|
onSeeked: onSeeked,
|
|
252
259
|
onEnded: onEnded,
|
|
260
|
+
onPlayError: onPlayError,
|
|
253
261
|
withWave: showWave && withWave
|
|
254
262
|
}))), /*#__PURE__*/React.createElement(Spacer, {
|
|
255
263
|
key: "spacer-middle"
|
package/lib/index.js
CHANGED
|
@@ -127,6 +127,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
127
127
|
playing = _usePlaybackContext.playing,
|
|
128
128
|
muted = _usePlaybackContext.muted,
|
|
129
129
|
setControls = _usePlaybackContext.setControls,
|
|
130
|
+
setControlsSuggestPlay = _usePlaybackContext.setControlsSuggestPlay,
|
|
130
131
|
setControlsTheme = _usePlaybackContext.setControlsTheme,
|
|
131
132
|
setPlaying = _usePlaybackContext.setPlaying;
|
|
132
133
|
var mediaRef = contexts.usePlaybackMediaRef(current);
|
|
@@ -203,6 +204,12 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
203
204
|
trackScreenMedia(audio, 'seek');
|
|
204
205
|
}
|
|
205
206
|
}, [trackScreenMedia, audio]);
|
|
207
|
+
var onPlayError = React.useCallback(function () {
|
|
208
|
+
if (isView && playing && current && hasAudio) {
|
|
209
|
+
setPlaying(false);
|
|
210
|
+
setControlsSuggestPlay(true);
|
|
211
|
+
}
|
|
212
|
+
}, [isView, current, playing, hasAudio, setPlaying, setControlsSuggestPlay]);
|
|
206
213
|
return /*#__PURE__*/React.createElement("div", {
|
|
207
214
|
className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.placeholder, isPlaceholder), styles.isPreview, isPreview)]),
|
|
208
215
|
"data-screen-ready": ready
|
|
@@ -254,6 +261,7 @@ var AudioScreen = function AudioScreen(_ref) {
|
|
|
254
261
|
onDurationChange: onDurationChange,
|
|
255
262
|
onSeeked: onSeeked,
|
|
256
263
|
onEnded: onEnded,
|
|
264
|
+
onPlayError: onPlayError,
|
|
257
265
|
withWave: showWave && withWave
|
|
258
266
|
}))), /*#__PURE__*/React.createElement(Layout.Spacer, {
|
|
259
267
|
key: "spacer-middle"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-audio",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.460",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -59,15 +59,15 @@
|
|
|
59
59
|
},
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@babel/runtime": "^7.13.10",
|
|
62
|
-
"@micromag/core": "^0.3.
|
|
63
|
-
"@micromag/element-audio": "^0.3.
|
|
64
|
-
"@micromag/element-background": "^0.3.
|
|
65
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
66
|
-
"@micromag/element-container": "^0.3.
|
|
67
|
-
"@micromag/element-footer": "^0.3.
|
|
68
|
-
"@micromag/element-header": "^0.3.
|
|
69
|
-
"@micromag/element-layout": "^0.3.
|
|
70
|
-
"@micromag/transforms": "^0.3.
|
|
62
|
+
"@micromag/core": "^0.3.460",
|
|
63
|
+
"@micromag/element-audio": "^0.3.460",
|
|
64
|
+
"@micromag/element-background": "^0.3.460",
|
|
65
|
+
"@micromag/element-closed-captions": "^0.3.460",
|
|
66
|
+
"@micromag/element-container": "^0.3.460",
|
|
67
|
+
"@micromag/element-footer": "^0.3.460",
|
|
68
|
+
"@micromag/element-header": "^0.3.460",
|
|
69
|
+
"@micromag/element-layout": "^0.3.460",
|
|
70
|
+
"@micromag/transforms": "^0.3.460",
|
|
71
71
|
"classnames": "^2.2.6",
|
|
72
72
|
"lodash": "^4.17.21",
|
|
73
73
|
"prop-types": "^15.7.2",
|
|
@@ -78,5 +78,5 @@
|
|
|
78
78
|
"access": "public",
|
|
79
79
|
"registry": "https://registry.npmjs.org/"
|
|
80
80
|
},
|
|
81
|
-
"gitHead": "
|
|
81
|
+
"gitHead": "7e5a6ed3d80be59cdd74716781b467be88a4ccc6"
|
|
82
82
|
}
|