Fix audio 404s on GitHub Pages deployment

Use SvelteKit base path for audio src URLs so they work

Author: VolksRat71

src/lib/components/steps/ExploitStep.svelte

@@ -7,6 +7,7 @@
 	import { whisperToCaptions, extractExploitKeyframeTriggers, getAudioDuration, type WhisperOutput } from '$lib/utils/whisper-parser';
 	import whisperData from '$lib/data/exploit-whisper.json';
 	import { onMount, tick } from 'svelte';
+	import { base } from '$app/paths';
 
 	// Parse Whisper data
 	const whisper = whisperData as WhisperOutput;
@@ -24,7 +25,7 @@
 			{ time: triggers.whoamiRoot, label: 'RCE!', type: 'danger' }
 		],
 		captions,
-		audioSrc: '/audio/exploit-narration.mp3'
+		audioSrc: `${base}/audio/exploit-narration.mp3`
 	};
 
 	// Animation state interface

src/lib/components/steps/FixStep.svelte

@@ -7,6 +7,7 @@
 	import { whisperToCaptions, extractFixKeyframeTriggers, getAudioDuration, type WhisperOutput } from '$lib/utils/whisper-parser';
 	import whisperData from '$lib/data/fix-whisper.json';
 	import { onMount, tick } from 'svelte';
+	import { base } from '$app/paths';
 
 	// Parse Whisper data
 	const whisper = whisperData as WhisperOutput;
@@ -24,7 +25,7 @@
 			{ time: triggers.patchApplication, label: 'Remediation', type: 'default' }
 		],
 		captions,
-		audioSrc: '/audio/fix-narration.mp3'
+		audioSrc: `${base}/audio/fix-narration.mp3`
 	};
 
 	// Animation state interface

src/lib/components/steps/LessonsStep.svelte

@@ -6,6 +6,7 @@
 	import { whisperToCaptions, extractLessonsKeyframeTriggers, getAudioDuration, type WhisperOutput } from '$lib/utils/whisper-parser';
 	import whisperData from '$lib/data/lessons-whisper.json';
 	import { onMount, tick } from 'svelte';
+	import { base } from '$app/paths';
 
 	// Parse Whisper data
 	const whisper = whisperData as WhisperOutput;
@@ -25,7 +26,7 @@
 			{ time: triggers.remember, label: 'Summary', type: 'default' }
 		],
 		captions,
-		audioSrc: '/audio/lessons-narration.mp3'
+		audioSrc: `${base}/audio/lessons-narration.mp3`
 	};
 
 	// Animation state interface

src/lib/components/steps/RSCStep.svelte

@@ -8,6 +8,7 @@
 	import { whisperToCaptions, extractRSCKeyframeTriggers, getAudioDuration, type WhisperOutput } from '$lib/utils/whisper-parser';
 	import whisperData from '$lib/data/rsc-whisper.json';
 	import { onMount, tick } from 'svelte';
+	import { base } from '$app/paths';
 
 	// Parse Whisper data
 	const whisper = whisperData as WhisperOutput;
@@ -25,7 +26,7 @@
 			{ time: triggers.analyticsArrives, label: 'Analytics' }
 		],
 		captions,
-		audioSrc: '/audio/rsc-narration.mp3'
+		audioSrc: `${base}/audio/rsc-narration.mp3`
 	};
 
 	// Animation state interface

src/lib/components/steps/SSRStep.svelte

@@ -8,6 +8,7 @@
 	import { whisperToCaptions, extractSSRKeyframeTriggers, getAudioDuration, type WhisperOutput } from '$lib/utils/whisper-parser';
 	import whisperData from '$lib/data/ssr-whisper.json';
 	import { onMount, tick } from 'svelte';
+	import { base } from '$app/paths';
 
 	// Parse Whisper data
 	const whisper = whisperData as WhisperOutput;
@@ -25,7 +26,7 @@
 			{ time: triggers.browserRenders, label: 'Rendered' }
 		],
 		captions,
-		audioSrc: '/audio/ssr-narration.mp3'
+		audioSrc: `${base}/audio/ssr-narration.mp3`
 	};
 
 	// Animation keyframes - define state at specific times