use crossorigin attribute instead of proxy

Author: dummdidumm

apps/svelte.dev/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/+assets/app-a/src/lib/tracks.js

@@ -1,28 +1,28 @@
 export const tracks = [
 	{
 		// https://musopen.org/music/9862-the-blue-danube-op-314/
-		src: '/tutorial/assets/media/music/strauss.mp3',
+		src: 'https://sveltejs.github.io/assets/music/strauss.mp3',
 		title: 'The Blue Danube Waltz',
 		artist: 'Johann Strauss'
 	},
 
 	{
 		// https://musopen.org/music/43775-the-planets-op-32/
-		src: '/tutorial/assets/media/music/holst.mp3',
+		src: 'https://sveltejs.github.io/assets/music/holst.mp3',
 		title: 'Mars, the Bringer of War',
 		artist: 'Gustav Holst'
 	},
 
 	{
 		// https://musopen.org/music/8010-3-gymnopedies/
-		src: '/tutorial/assets/media/music/satie.mp3',
+		src: 'https://sveltejs.github.io/assets/music/satie.mp3',
 		title: 'Gymnopédie no. 1',
 		artist: 'Erik Satie'
 	},
 
 	{
 		// https://musopen.org/music/43683-requiem-in-d-minor-k-626/
-		src: '/tutorial/assets/media/music/mozart.mp3',
+		src: 'https://sveltejs.github.io/assets/music/mozart.mp3',
 		title: 'Requiem in D minor, K. 626 - III. Sequence - Lacrymosa',
 		artist: 'Wolfgang Amadeus Mozart'
 	}

apps/svelte.dev/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/+assets/app-b/src/lib/AudioPlayer.svelte

@@ -20,6 +20,7 @@
 <div class="player" class:paused>
 	<audio
 		{src}
+		crossorigin="anonymous"
 		bind:currentTime={time}
 		bind:duration
 		bind:paused
@@ -28,7 +29,7 @@
 			time = 0;
 		}}
 	></audio>
-	
+
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}

apps/svelte.dev/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/index.md

@@ -4,13 +4,14 @@ title: Media elements
 
 You can bind to properties of `<audio>` and `<video>` elements, making it easy to (for example) build custom player UI, like `AudioPlayer.svelte`.
 
-First, add the `<audio>` element along with its bindings (we'll use the shorthand form for `src`, `duration` and `paused`):
+First, add the `<audio>` element along with its bindings (we'll use the shorthand form for `src`, `duration` and `paused`; `crossorigin` is necessary because of technicalities of how the tutorial is embedded):
 
 ```svelte
 /// file: AudioPlayer.svelte
 <div class="player" class:paused>
 +++	<audio
 		{src}
+		crossorigin="anonymous"
 		bind:currentTime={time}
 		bind:duration
 		bind:paused
@@ -54,6 +55,7 @@ When the track ends, be kind — rewind:
 /// file: AudioPlayer.svelte
 <audio
 	{src}
+	crossorigin="anonymous"
 	bind:currentTime={time}
 	bind:duration
 	bind:paused

apps/svelte.dev/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/+assets/app-a/src/lib/AudioPlayer.svelte

@@ -20,6 +20,7 @@
 <div class="player" class:paused>
 	<audio
 		src={src}
+		crossorigin="anonymous"
 		bind:currentTime={time}
 		bind:duration
 		bind:paused

apps/svelte.dev/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/+assets/app-a/src/lib/tracks.js

@@ -1,28 +1,28 @@
 export const tracks = [
 	{
 		// https://musopen.org/music/9862-the-blue-danube-op-314/
-		src: '/tutorial/assets/media/music/strauss.mp3',
+		src: 'https://sveltejs.github.io/assets/music/strauss.mp3',
 		title: 'The Blue Danube Waltz',
 		artist: 'Johann Strauss'
 	},
 
 	{
 		// https://musopen.org/music/43775-the-planets-op-32/
-		src: '/tutorial/assets/media/music/holst.mp3',
+		src: 'https://sveltejs.github.io/assets/music/holst.mp3',
 		title: 'Mars, the Bringer of War',
 		artist: 'Gustav Holst'
 	},
 
 	{
 		// https://musopen.org/music/8010-3-gymnopedies/
-		src: '/tutorial/assets/media/music/satie.mp3',
+		src: 'https://sveltejs.github.io/assets/music/satie.mp3',
 		title: 'Gymnopédie no. 1',
 		artist: 'Erik Satie'
 	},
 
 	{
 		// https://musopen.org/music/43683-requiem-in-d-minor-k-626/
-		src: '/tutorial/assets/media/music/mozart.mp3',
+		src: 'https://sveltejs.github.io/assets/music/mozart.mp3',
 		title: 'Requiem in D minor, K. 626 - III. Sequence - Lacrymosa',
 		artist: 'Wolfgang Amadeus Mozart'
 	}

apps/svelte.dev/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/+assets/app-b/src/lib/AudioPlayer.svelte

@@ -24,6 +24,7 @@
 <div class="player" class:paused>
 	<audio
 		src={src}
+		crossorigin="anonymous"
 		bind:currentTime={time}
 		bind:duration
 		bind:paused

apps/svelte.dev/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/index.md

@@ -21,6 +21,7 @@ It's now possible for the components to 'talk' to each other without any state m
 /// file: AudioPlayer.svelte
 <audio
 	src={src}
+	crossorigin="anonymous"
 	bind:currentTime={time}
 	bind:duration
 	bind:paused

apps/svelte.dev/src/routes/_home/Video.svelte

@@ -88,6 +88,7 @@
 	<video
 		src="https://sveltejs.github.io/assets/svelte-origins-preview.mp4"
 		loop
+		crossorigin="anonymous"
 		playsinline
 		bind:this={video}
 		bind:muted