feat: add seeking in podcast episode

chhoumann · Jul 11, 2022 · 8a3f80b · 8a3f80b
1 parent 9bca9fc
commit 8a3f80b
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/ui/PodcastView/EpisodePlayer.svelte b/src/ui/PodcastView/EpisodePlayer.svelte
@@ -31,6 +31,22 @@
 		currentTime.set(percent * $duration);
 	}
 
+	let isDragging: boolean = false;
+
+	function onDragStart() {
+		isDragging = true;
+	}
+
+	function onDragEnd() {
+		isDragging = false;
+	}
+
+	function handleDragging(e: MouseEvent) {
+		if (!isDragging) return;
+		
+		onClickProgressbar(e);
+	}
+
 	onMount(() => {
 		const playedEps = $playedEpisodes;
 		const currentEp = $currentEpisode;
@@ -153,6 +169,9 @@
 			max={$duration}
 			value={$currentTime}
 			on:click={onClickProgressbar}
+			on:mousedown={onDragStart}
+			on:mouseup={onDragEnd}
+			on:mousemove={handleDragging}
 		/>
 		<span>{formatSeconds($duration - $currentTime, "HH:mm:ss")}</span>
 	</div>