From 4bedc89241f8e1eb4775079a119c8ae7d7d52148 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 1 May 2024 09:00:12 +1200
Subject: [PATCH 1/2] Improved thumbnail load times

---
 materialious/src/lib/Player.svelte |  2 +-
 materialious/src/lib/misc.ts       | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte
index a39784b8..dc1360e1 100644
--- a/materialious/src/lib/Player.svelte
+++ b/materialious/src/lib/Player.svelte
@@ -249,7 +249,7 @@
 >
 	<media-provider>
 		{#if !audioMode}
-			<media-poster class="vds-poster" src={getBestThumbnail(data.video.videoThumbnails)}
+			<media-poster class="vds-poster" src={getBestThumbnail(data.video.videoThumbnails, 1249, 779)}
 			></media-poster>
 		{/if}
 	</media-provider>
diff --git a/materialious/src/lib/misc.ts b/materialious/src/lib/misc.ts
index 08e59462..4bb59311 100644
--- a/materialious/src/lib/misc.ts
+++ b/materialious/src/lib/misc.ts
@@ -135,8 +135,17 @@ export function peerJsOptions(): PeerOptions {
 	};
 }
 
-export function getBestThumbnail(images: Image[] | null): string | null {
+export function getBestThumbnail(
+	images: Image[] | null,
+	maxWidthDimension: number = 480,
+	maxHeightDimension = 360): string | null {
 	if (images && images.length > 0) {
+		images = images.filter(image => image.width < maxWidthDimension && image.height < maxHeightDimension);
+
+		if (images.length === 0) {
+			return null;
+		}
+
 		images.sort((a, b) => {
 			return (b.width * b.height) - (a.width * a.height);
 		});
@@ -145,4 +154,4 @@ export function getBestThumbnail(images: Image[] | null): string | null {
 	} else {
 		return null;
 	}
-}
+}
\ No newline at end of file

From 3fdb9282f3487d95b09b9b53e91571b7e75942b7 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Wed, 1 May 2024 09:01:21 +1200
Subject: [PATCH 2/2] Changed poster res

---
 materialious/src/lib/Player.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte
index dc1360e1..8ca945a5 100644
--- a/materialious/src/lib/Player.svelte
+++ b/materialious/src/lib/Player.svelte
@@ -249,7 +249,7 @@
 >
 	<media-provider>
 		{#if !audioMode}
-			<media-poster class="vds-poster" src={getBestThumbnail(data.video.videoThumbnails, 1249, 779)}
+			<media-poster class="vds-poster" src={getBestThumbnail(data.video.videoThumbnails, 1251, 781)}
 			></media-poster>
 		{/if}
 	</media-provider>