Fix duration slider

2022-01-26 23:26:53 +04:00
parent d5b4133c0a
commit f7ed8ea6db
1 changed files with 4 additions and 4 deletions
@@ -116,10 +116,10 @@ export default function Lekte({audio, url, teks}) {

  useEffect(() => {
    audioRef.current.pause()
-    setPosition(0)
    audioRef.current = new Audio(audio)
    setIsPlaying(false)
    setVolume(100)
+    setPosition(0)
  }, [audio])

  const handleChangePosition = value => {
@@ -161,11 +161,11 @@ export default function Lekte({audio, url, teks}) {
        <Slider
          aria-label='time-indicator'
          size='small'
-          defaultValue={0}
-          value={position}
+          defaultValue={position}
+          value={position || 0}
          min={0}
          step={1}
-          max={duration}
+          max={duration || 100}
          sx={{
            color: theme.palette.mode === 'dark' ? '#fff' : 'rgba(0,0,0,0.87)',
            height: 4,