@exode-team/react-recorder 1.1.8 → 1.1.9

package/dist/components/VoiceMessagePlayer/VoiceMessagePlayer.d.ts

@@ -6,6 +6,7 @@
 export interface VoiceMessagePlayerRef {
     play: () => void;
     prefetch: () => void;
+    seekToTime: (seconds: number) => void;
 }
 declare const VoiceMessagePlayer: any;
 export { VoiceMessagePlayer };

package/dist/components/VoiceMessagePlayer/VoiceMessagePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceMessagePlayer.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceMessagePlayer/VoiceMessagePlayer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA0BH,MAAM,WAAW,qBAAqB;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAeD,QAAA,MAAM,kBAAkB,KA8MtB,CAAC;AAGH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"VoiceMessagePlayer.d.ts","sourceRoot":"","sources":["../../../src/components/VoiceMessagePlayer/VoiceMessagePlayer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA0BH,MAAM,WAAW,qBAAqB;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAeD,QAAA,MAAM,kBAAkB,KAuNtB,CAAC;AAGH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/hooks/useVoiceMessagePlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceMessagePlayer.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoiceMessagePlayer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAG1F,QAAA,MAAM,qBAAqB,GAAI,SAAS,4BAA4B,KAAG,2BA6JtE,CAAC;AAGF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"useVoiceMessagePlayer.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoiceMessagePlayer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAG1F,QAAA,MAAM,qBAAqB,GAAI,SAAS,4BAA4B,KAAG,2BAqMtE,CAAC;AAGF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/index.cjs

@@ -1045,15 +1045,44 @@ const useVoiceMessagePlayer = (options) => {
             setIsPlaying(false);
         }
     }, [isLoading, stopThis, audioRef]);
-    const seekTo = React.useCallback((seekProgress) => {
+    const seekTo = React.useCallback((seekPercent) => {
         const audio = audioRef.current;
         if (!audio || !isFinite(audio.duration)) {
             return;
         }
-        const time = seekProgress * audio.duration;
+        const time = seekPercent * audio.duration;
         audio.currentTime = time;
         setCurrentTime(time);
     }, [audioRef]);
+    /** Seek to a specific time in seconds and start playback */
+    const seekToTime = React.useCallback((seconds) => {
+        const audio = audioRef.current;
+        if (audio && isFinite(audio.duration)) {
+            audioPlaybackManager.stopOthers(stopThis);
+            audio.currentTime = Math.max(0, Math.min(seconds, audio.duration));
+            setCurrentTime(audio.currentTime);
+            audio.play()
+                .then(() => setIsPlaying(true))
+                .catch(() => setIsPlaying(false));
+        }
+        else {
+            void ensureAudioLoaded().then(() => {
+                const loadedAudio = audioRef.current;
+                if (loadedAudio) {
+                    audioPlaybackManager.stopOthers(stopThis);
+                    loadedAudio.currentTime = Math.max(0, Math.min(seconds, loadedAudio.duration || seconds));
+                    setCurrentTime(loadedAudio.currentTime);
+                    loadedAudio.play()
+                        .then(() => setIsPlaying(true))
+                        .catch(() => setIsPlaying(false));
+                }
+            });
+        }
+    }, [
+        audioRef,
+        stopThis,
+        ensureAudioLoaded,
+    ]);
     /** Sync external duration */
     React.useEffect(() => {
         if (externalDuration) {
@@ -1070,6 +1099,7 @@ const useVoiceMessagePlayer = (options) => {
         currentTime,
         waveformLevels,
         seekTo,
+        seekToTime,
         prefetch,
         preload,
         formatTime,
@@ -2215,14 +2245,18 @@ const VoiceMessagePlayer = React.forwardRef((props, ref) => {
             VoicePlaybackChain.playNext(chainId);
         }
     }, [onEnded, chainId]);
-    const { play, progress, isLoaded, isPlaying, isLoading, currentTime, waveformLevels, seekTo, prefetch, preload, formatTime, togglePlayback, duration: resolvedDuration, } = useVoiceMessagePlayer({
+    const { play, progress, isLoaded, isPlaying, isLoading, currentTime, waveformLevels, seekTo, seekToTime, prefetch, preload, formatTime, togglePlayback, duration: resolvedDuration, } = useVoiceMessagePlayer({
         src,
         duration,
         waveformData,
         preloadedBlob: props.preloadedBlob,
         onEnded: handleEnded,
     });
-    React.useImperativeHandle(ref, () => ({ play, prefetch }), [play, prefetch]);
+    React.useImperativeHandle(ref, () => ({ play, prefetch, seekToTime }), [
+        play,
+        prefetch,
+        seekToTime,
+    ]);
     /** Auto-preload audio when player enters viewport */
     React.useEffect(() => {
         if (!autoPreload || isLoaded || isLoading) {