@micromag/viewer 0.4.63 → 0.4.66

package/es/index.js

@@ -2172,7 +2172,7 @@ function PlaybackControls(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     showLoading = _useState2[0],
     setShowLoading = _useState2[1];
-  var mediaUrl = mediaElement !== null ? mediaElement.src : null;
+  var mediaUrl = mediaElement !== null ? mediaElement.currentSrc || mediaElement.src : null;
   var mediaReady = useMediaReady(mediaElement, {
     id: mediaUrl
   });
@@ -2185,6 +2185,15 @@ function PlaybackControls(_ref) {
     buffering = _useMediaState.buffering,
     playing = _useMediaState.playing,
     muted = _useMediaState.muted;
+  console.log({
+    wantedPlaying: wantedPlaying,
+    wantedMuted: wantedMuted,
+    muted: muted,
+    playing: playing,
+    buffering: buffering,
+    showLoading: showLoading,
+    ready: ready
+  });
   useEffect(function () {
     var id = null;
     setShowLoading(false);
@@ -2195,7 +2204,9 @@ function PlaybackControls(_ref) {
     }
     return function () {
       setShowLoading(false);
-      clearTimeout(id);
+      if (id !== null) {
+        clearTimeout(id);
+      }
     };
   }, [ready, buffering, withLoading, setShowLoading]);
   var _useState3 = useState({
@@ -2222,12 +2233,15 @@ function PlaybackControls(_ref) {
     });
   }, [controlsTheme, setCustomControlsTheme, defaultColor, defaultProgressColor]);
   var onPlay = useCallback(function () {
-    // console.log('onPlay');
-    setPlaying(true);
+    if (wantedPlaying && !playing && mediaElement !== null) {
+      mediaElement.play();
+    } else {
+      setPlaying(true);
+    }
     if (!controlsVisible && controls) {
       showControls();
     }
-  }, [setPlaying, controlsVisible, showControls]);
+  }, [setPlaying, controlsVisible, showControls, playing, wantedPlaying]);
   var onPause = useCallback(function () {
     // console.log('onPause');
     setPlaying(false);
@@ -2311,7 +2325,7 @@ function PlaybackControls(_ref) {
       }),
       withoutBootstrapStyles: true
     }) : null, /*#__PURE__*/jsx(Button$1, {
-      className: classNames([styles$1.playPauseButton, _defineProperty(_defineProperty({}, styles$1.hidden, controlsSuggestPlay && !controls), styles$1.loading, finalShowLoading)]),
+      className: classNames([styles$1.playPauseButton, _defineProperty(_defineProperty({}, styles$1.hidden, withSuggestPlay && !controls), styles$1.loading, finalShowLoading)]),
       style: {
         color: color
       },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.63",
+    "version": "0.4.66",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,14 +63,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.4.63",
-        "@micromag/element-badge": "^0.4.63",
-        "@micromag/element-scroll": "^0.4.63",
-        "@micromag/element-share-options": "^0.4.63",
-        "@micromag/element-webview": "^0.4.63",
-        "@micromag/elements": "^0.4.63",
-        "@micromag/intl": "^0.4.63",
-        "@micromag/screens": "^0.4.63",
+        "@micromag/core": "^0.4.66",
+        "@micromag/element-badge": "^0.4.66",
+        "@micromag/element-scroll": "^0.4.66",
+        "@micromag/element-share-options": "^0.4.66",
+        "@micromag/element-webview": "^0.4.66",
+        "@micromag/elements": "^0.4.66",
+        "@micromag/intl": "^0.4.66",
+        "@micromag/screens": "^0.4.66",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a6df1a5352c067c3296377d26fadb9b71244345",
+    "gitHead": "61e9d9511073041dc7900185d49a559126119450",
     "types": "es/index.d.ts"
 }