fix progress

src/components/Viewer.svelte

@@ -24,8 +24,6 @@
     <Progress
         duration={duration}
         currentTime={currentTime}
-        currentTimeText={currentTimeText}
-        durationText={durationText}
         on:input={event => updateCurrentTime(event.target.value, false)}
         on:change={event => updateCurrentTime(event.target.value, true)}
     ></Progress>
@@ -35,7 +33,6 @@
     import { get } from 'svelte/store'
     import YoutubePlayer from '/components/YoutubePlayer'
     import Progress from '/components/player/Progress'
-    import { secondsToElapsedTime } from '/services/misc.js'
     import { paused, muted, volume, current, selectNext, loading } from '/store.js'
 
     let ready = null
@@ -45,9 +42,6 @@
     let duration = null
     let seek = null
 
-    $: currentTimeText = currentTime !== null ? secondsToElapsedTime(currentTime) : '--:--'
-    $: durationText = duration !== null ? secondsToElapsedTime(duration) : '--:--'
-
     $: if (ended || error) {
         selectNext()
     }

src/components/player/Progress.svelte

@@ -6,8 +6,8 @@
             class="playerProgress__progressInput"
             type="range"
             min="0"
-            max={duration}
+            max={max}
-            value="{currentTime}"
+            value={value}
             on:input
             on:change
             disabled={currentTime === null || duration === null}
@@ -19,10 +19,14 @@
     </div>
 </div>
 <script>
+    import { secondsToElapsedTime } from '/services/misc.js'
+
     export let duration
     export let currentTime
-    export let currentTimeText
-    export let durationText
 
-    $: currentPercent = currentTime ? (currentTime / duration) * 100 : 0
+    $: value = currentTime != null ? currentTime : 0
+    $: max = duration != null ? duration : 100
+    $: currentPercent = currentTime != null ? (currentTime / duration) * 100 : 0
+    $: currentTimeText = currentTime != null ? secondsToElapsedTime(currentTime) : '--:--'
+    $: durationText = duration != null ? secondsToElapsedTime(duration) : '--:--'
 </script>