From 883a4779569a1d3ac008dbce4b5641f46195808c Mon Sep 17 00:00:00 2001
From: twobiers <22715034+twobiers@users.noreply.github.com>
Date: Thu, 4 Apr 2024 21:11:30 +0200
Subject: [PATCH] Update stream template (fixes #175)

---
 assets/template/streamItem.html | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/assets/template/streamItem.html b/assets/template/streamItem.html
index 321d8e9..cf285a2 100644
--- a/assets/template/streamItem.html
+++ b/assets/template/streamItem.html
@@ -13,24 +13,38 @@
                 <div class="item-image-thumb" style="background-image: url({item.thumb})"></div>
                 <?js if(supportsAutoplay) {?>
                 <video class="item-image-actual" draggable="true" loop autoplay preload="auto">
+                  <?js if (item.variants && item.variants.length > 0) { ?>
+                  <?js for (const variant of item.variants) { ?>
+                  <source src="{variant.src}" type="{{variant.mimeType}}" <?js if (variant.media) { ?> media="{{variant.media}}"
+                  <?js } ?> >
+                  <?js } ?>
+                  <?js } else {?>
                   <source src="{item.image}" type="video/mp4">
+                  <?js } ?>
                   <?js if (item.subtitles && item.subtitles.length > 0) { ?>
                   <?js for (const st of item.subtitles) { ?>
-                    <track kind="subtitles" src="{st.path}" label="{st.label}" srclang="{st.language}" <?js if (st.isDefault) { ?>
-                    data-is-default=""
-                  <?js } ?> >
+                    <track kind="subtitles" src="{st.path}" label="{st.label}" srclang="{st.language}" <?js if (st.isDefault ||
+                      item.subtitles.length===1) { ?> data-is-default=""
+                    <?js } ?> >
                   <?js } ?>
                   <?js } ?>
                 </video>
                 <?js } else { ?>
                 <video class="item-image-actual" draggable="true" webkit-playsinline playsinline loop preload="metadata"
                   poster="{item.thumb}">
+                  <?js if (item.variants && item.variants.length > 0) { ?>
+                  <?js for (const variant of item.variants) { ?>
+                  <source src="{variant.src}" type="{{variant.mimeType}}" <?js if (variant.media) { ?> media="{{variant.media}}"
+                  <?js } ?> >
+                  <?js } ?>
+                  <?js } else {?>
                   <source src="{item.image}" type="video/mp4">
+                  <?js } ?>
                   <?js if (item.subtitles && item.subtitles.length > 0) { ?>
                   <?js for (const st of item.subtitles) { ?>
-                  <track kind="subtitles" src="{st.path}" label="{st.label}" srclang="{st.language}" <?js if (st.isDefault) { ?>
-                  data-is-default=""
-                  <?js } ?> >
+                    <track kind="subtitles" src="{st.path}" label="{st.label}" srclang="{st.language}" <?js if (st.isDefault ||
+                      item.subtitles.length===1) { ?> data-is-default=""
+                    <?js } ?> >
                   <?js } ?>
                   <?js } ?>
                 </video>