fix for safari

src/routes/streams/Sidebar.svelte

@@ -129,6 +129,7 @@
 		overflow-wrap: anywhere;
 		border-bottom: 1px solid black;
 		position: relative;
+		color: black;
 	}
 
 	.stream-item-button {

src/routes/streams/[stream_id]/+page.svelte

@@ -17,7 +17,9 @@
 		<StreamPage />
 	</div>
 	<div id="player">
-		<Player display={true} src="/media/tracks/{$currentStream.filename}" />
+		{#key $currentStream}
+			<Player display={true} src="/media/tracks/{$currentStream.filename}" />
+		{/key}
 	</div>
 </div>
 

src/routes/streams/[stream_id]/Player.svelte

@@ -255,9 +255,11 @@
 	{volume}
 	on:play={setMediaMetadataOnPlay}
 	on:ended
-	{src}
 	{preload}
-/>
+>
+	<source {src} type="audio/ogg;codecs=opus" />
+	<source src="{src}.mp3" type="audio/mpeg" />
+</audio>
 
 <style>
 	.controls {