fix(output): load audio metadata on chrome

src/lib/components/players/AudioPlayer.svelte

@@ -55,25 +55,25 @@
 			<CarbonPause class="mx-auto my-auto text-gray-600 dark:text-gray-300" />
 		{/if}
 	</button>
-
 	<div class="overflow-hidden">
 		<div class="truncate font-medium">{name}</div>
-
-		<div class="flex items-center gap-2">
-			<span class="text-xs">{format(time)}</span>
-			<div
-				class="relative h-2 flex-1 rounded-full bg-gray-200 dark:bg-gray-700"
-				on:pointerdown={() => {
-					paused = true;
-				}}
-				on:pointerup={seek}
-			>
+		{#if duration !== Infinity}
+			<div class="flex items-center gap-2">
+				<span class="text-xs">{format(time)}</span>
 				<div
-					class="absolute inset-0 h-full bg-gray-400 dark:bg-gray-600"
-					style="width: {(time / duration) * 100}%"
-				/>
+					class="relative h-2 flex-1 rounded-full bg-gray-200 dark:bg-gray-700"
+					on:pointerdown={() => {
+						paused = true;
+					}}
+					on:pointerup={seek}
+				>
+					<div
+						class="absolute inset-0 h-full bg-gray-400 dark:bg-gray-600"
+						style="width: {(time / duration) * 100}%"
+					/>
+				</div>
+				<span class="text-xs">{duration ? format(duration) : "--:--"}</span>
 			</div>
-			<span class="text-xs">{duration ? format(duration) : "--:--"}</span>
-		</div>
+		{/if}
 	</div>
 </div>

src/routes/conversation/[id]/output/[sha256]/+server.ts

@@ -41,11 +41,14 @@ export const GET: RequestHandler = async ({ locals, params }) => {
 
 	const { value, mime } = await downloadFile(sha256, params.id);
 
-	return new Response(Buffer.from(value, "base64"), {
+	const b64Value = Buffer.from(value, "base64");
+	return new Response(b64Value, {
 		headers: {
 			"Content-Type": mime ?? "application/octet-stream",
 			"Content-Security-Policy":
 				"default-src 'none'; script-src 'none'; style-src 'none'; sandbox;",
+			"Content-Length": b64Value.length.toString(),
+			"Accept-Range": "bytes",
 		},
 	});
 };