From d6f5e1912ce0a95643665fe820c61aa1b3ebf4e3 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Wed, 5 Mar 2025 04:50:16 +0100
Subject: [PATCH] Supporting animated WebP in scene media banner.

---
 components/media/banner.vue | 19 +++++++++++++++++--
 src/media.js                |  6 ++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/components/media/banner.vue b/components/media/banner.vue
index 66df880..910e41d 100644
--- a/components/media/banner.vue
+++ b/components/media/banner.vue
@@ -17,7 +17,22 @@
 			</div>
 
 			<div
-				v-if="release.trailer || release.teaser"
+				v-if="release.teaser?.mime?.type === 'image'"
+				class="poster-container"
+			>
+				<div class="poster-link">
+					<img
+						:src="getPath(release.teaser)"
+						:style="{ 'background-image': `url(${getPath(release.teaser, 'lazy')}` }"
+						:width="release.teaser.width"
+						:height="release.teaser.height"
+						class="poster teaser"
+					>
+				</div>
+			</div>
+
+			<div
+				v-else-if="release.trailer || release.teaser"
 				class="trailer"
 			>
 				<Player
@@ -34,7 +49,7 @@
 			</div>
 
 			<div
-				v-else-if="release.poster"
+				v-if="release.poster && !release.trailer && (!release.teaser || release.teaser.mime?.type === 'image')"
 				class="poster-container"
 			>
 				<div class="poster-link">
diff --git a/src/media.js b/src/media.js
index 3a38c0b..c974ca5 100644
--- a/src/media.js
+++ b/src/media.js
@@ -3,6 +3,8 @@ export function curateMedia(media, context = {}) {
 		return null;
 	}
 
+	const mime = media.mime.split('/');
+
 	return {
 		id: media.id,
 		hash: media.hash,
@@ -15,6 +17,10 @@ export function curateMedia(media, context = {}) {
 		index: media.index,
 		sharpness: media.sharpness,
 		credit: media.credit,
+		mime: mime && {
+			type: mime[0],
+			subtype: mime[1],
+		},
 		type: context.type || null,
 	};
 }