From 5b0a76953aef62ff8bcadf5c667fbd41c0f90b6e Mon Sep 17 00:00:00 2001
From: Paul Ellis <paulellis@pseudosavant.com>
Date: Thu, 7 Apr 2022 23:05:18 -0700
Subject: [PATCH] v2.2.7: Pre-rendered server-side thumbnails * Added ability
 to use pre-rendered server-side thumbnail files * Dropped EdgeHTML support *
 Updated to folder.api v1.0.3 - minor date metadata bug

---
 README.md                              |  32 +++++--
 src/player.html                        | 121 ++++++++++++++++---------
 videos/prerendered-thumbnail-gif.gif   | Bin 0 -> 2459 bytes
 videos/prerendered-thumbnail-gif.mp4   |   0
 videos/prerendered-thumbnail-jpeg.jpeg | Bin 0 -> 3299 bytes
 videos/prerendered-thumbnail-jpeg.mp4  |   0
 videos/prerendered-thumbnail-jpg.jpg   | Bin 0 -> 3606 bytes
 videos/prerendered-thumbnail-jpg.mp4   |   0
 videos/prerendered-thumbnail-png.mp4   |   0
 videos/prerendered-thumbnail-png.png   | Bin 0 -> 2928 bytes
 videos/prerendered-thumbnail-webp.mp4  |   0
 videos/prerendered-thumbnail-webp.webp | Bin 0 -> 2510 bytes
 12 files changed, 103 insertions(+), 50 deletions(-)
 create mode 100644 videos/prerendered-thumbnail-gif.gif
 create mode 100644 videos/prerendered-thumbnail-gif.mp4
 create mode 100644 videos/prerendered-thumbnail-jpeg.jpeg
 create mode 100644 videos/prerendered-thumbnail-jpeg.mp4
 create mode 100644 videos/prerendered-thumbnail-jpg.jpg
 create mode 100644 videos/prerendered-thumbnail-jpg.mp4
 create mode 100644 videos/prerendered-thumbnail-png.mp4
 create mode 100644 videos/prerendered-thumbnail-png.png
 create mode 100644 videos/prerendered-thumbnail-webp.mp4
 create mode 100644 videos/prerendered-thumbnail-webp.webp

diff --git a/README.md b/README.md
index 2db54ee..af72182 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ To use it, copy the [`./src/player.html`](src/player.html) file into a folder th
 * Custom video playback controls (fullscreen, play, pause, mute, etc, volume, playback rate)
 * Picture-in-picture support
 * Progress bar with timestamp preview thumbnail on hover
-* Video thumbnail generation, with concurrency configuration (default 1)*
+* Video thumbnails: [using prerendered thumbnail files](#thumbnails), or rendered on-the-fly in-browser
 * Animated thumbnails**
 * Thumbnail caching using `localStorage`, check cache size, clear cache
 * Select your own custom theme color
@@ -34,19 +34,37 @@ To use it, copy the [`./src/player.html`](src/player.html) file into a folder th
 
 \** Animated thumbnails can consume a lot of data. The experience may degrade on slower network connections
 
-## Supported Browsers
+<a name="thumbnails"></a>
+## Pre-rendered server-side thumbnails
+
+`player.html` can use server-side thumbnails for any video that has one available. It will fall back to generating thumbnails in the browser otherwise. The server-side thumbnail files must follow the common filename convention of using the video file name, with the extension replaced with an image extension, in the same folder as the video. Note: The image files must be shown by your web server's directory browsing (may require mime-type adjustments on some servers) feature to show up in `player.html`.
+
+### Naming example:
+
+* Video filename: `myVideo.mp4`
+* Matching thumbnail filename: `myVideo.jpg` 
+
+### How to pre-render thumbnails
+
+The easiest way to create thumbnails from video files is on the command-line with [`ffmpeg`](https://ffmpeg.org/). The following command will create a JPEG thumbnail (`myVideo.jpg`) from the video frame 5 seconds into `myVideo.mp4`: `ffmpeg -i myVideo.mp4 -ss 00:00:05.000 -vframes 1 myVideo.jpg`. Loop over folders of video files using your preferred shell (bash, cmd, powershell, etc) to process many videos.
+
+### Supported thumbnail image formats/extensions
+* GIF
+* JPEG
+* JPG
+* PNG
+* WEBP
+
+## Supported browsers
 
 The latest version of these browsers is supported:
 
 * Edge (Chromium)
-* Edge (Xbox EdgeHTML)†
 * Firefox
 * Safari (Mac, iPadOS, iOS)
 * Chrome
 
-† Deprecated: EdgeHTML is only supported on Xbox as it has been replaced on Windows 10.
-
-## Supported Web Servers
+## Supported web servers
 
 The latest version of these web servers (others may work as well):
 
@@ -63,4 +81,4 @@ The latest version of these web servers (others may work as well):
 
 * [MIT](./LICENSE)
 
-&copy; 2021 Paul Ellis
+&copy; 2022 Paul Ellis
diff --git a/src/player.html b/src/player.html
index 8daa8bb..2a62127 100644
--- a/src/player.html
+++ b/src/player.html
@@ -4,7 +4,7 @@
   <title>player.html</title>
   <meta charset='utf-8'>
   <meta name='description' content='Drop player.html in a folder of videos and play them on the web' />
-  <meta name='version' content='2.2.6'>
+  <meta name='version' content='2.2.7'>
   <meta name='Copyright' content='©2021 Paul Ellis'>
   <meta name='license' content='https://opensource.org/licenses/MIT'>
   <meta name='apple-mobile-web-app-status-bar-style' content='black'>
@@ -2036,11 +2036,11 @@
   
   <!-- folder.api -->
   <script defer>
-    // folder.api (https://github.com/pseudosavant/folder.api): v1.0.2
-    (function folderApiIIFE(global) {
-      'use strict';
+    // folder.api: version 1.0.3
+  (function folderApiIIFE(global) {
+    'use strict';
 
-      function urlType(url) {
+      const urlType = (url) => {
         if (isHiddenFileOrFolder(url)) {
           return 'hidden';
         } else if (isFolder(url)) {
@@ -2052,7 +2052,7 @@
         }
       }
 
-      function isFile(url) {
+      const isFile = (url) => {
         const parsed = new URL(url);
         const finalPosition = parsed.pathname.lastIndexOf('/') + 1;
         const finalPart = parsed.pathname.substring(finalPosition);
@@ -2063,31 +2063,31 @@
       const hasPeriod = (s) => s.indexOf('.') >= 0;
       const isFolder = (url) => !isFile(url);
 
-      function isHiddenFileOrFolder(url) {
+      const isHiddenFileOrFolder = (url) => {
         const reHidden = /\/\..+$/i;
         return url.toString().match(reHidden);
       }
 
-      function parentFolder(url) {
+      const parentFolder = (url) => {
         // Only add the first slash if the URL doesn't have it at the end
         const append = (url.endsWith('/') ? '../' : '/../');
         const parentUrl = new URL(url + append).toString();
         return parentUrl;
       }
 
-      function urlToFoldername(url) {
+      const urlToFoldername = (url) => {
         var pieces = url.split('/');
         return pieces[pieces.length - 2]; // Return piece before final `/`
       }
 
-      function urlToFilename(url) {
+      const urlToFilename = (url) => {
         const re = /\/([^/]+)$/;
         const parts = re.exec(url);
         return (parts && parts.length > 1 ? parts[1] : url);
       }
 
       // Parses each node's metadata by running a function on each entry
-      async function linkToMetadata(node, server) {
+      const linkToMetadata = async (node, server) => {
         return (
           typeof servers[server] === 'function' ?
             servers[server](node) :
@@ -2095,7 +2095,7 @@
         );
       }
 
-      async function getHeaderData(url) {
+      const getHeaderData = async (url) => {
         if (!url) return {};
 
         try {
@@ -2108,7 +2108,7 @@
         }
       }
 
-      async function getServer(url) {
+      const getServer = async (url) => {
         const headers = await getHeaderData(url);
 
         if (isNginx(headers)) {
@@ -2154,11 +2154,11 @@
             const dateResults = dateRe.exec(dateNode.textContent);
 
             if (dateResults) {
-              const y = toInteger(dateResults[1]) || undefined;
-              const m = toInteger(dateResults[2]) || undefined;
-              const d = toInteger(dateResults[3]) || undefined;
-              const hours = toInteger(dateResults[4]) || undefined;
-              const mins = toInteger(dateResults[5]) || undefined;
+              const d =     (toInteger(dateResults[1]) >= 0 ? toInteger(dateResults[1]) : undefined);
+              const m =     (isString(dateResults[2])       ? dateResults[2] : undefined);
+              const y =     (toInteger(dateResults[3]) >= 0 ? toInteger(dateResults[3]) : undefined);
+              const hours = (toInteger(dateResults[4]) >= 0 ? toInteger(dateResults[4]) : undefined);
+              const mins =  (toInteger(dateResults[5]) >= 0 ? toInteger(dateResults[5]) : undefined);
               metadata.date = new Date(`${m}-${d}, ${y} ${hours}:${mins}:00`);
             }
           }
@@ -2196,14 +2196,14 @@
           const results = re.exec(text);
 
           if (!results) return metadata;
-          const d = toInteger(results[1]) || undefined;
-          const m = results[2] || undefined;
-          const y = toInteger(results[3]) || undefined;
-          const hours = toInteger(results[4]) || undefined;
-          const mins = toInteger(results[5]) || undefined;
+          const d =     (toInteger(results[1]) >= 0 ? toInteger(results[1]) : undefined);
+          const m =     (isString(results[2])       ? results[2] : undefined);
+          const y =     (toInteger(results[3]) >= 0 ? toInteger(results[3]) : undefined);
+          const hours = (toInteger(results[4]) >= 0 ? toInteger(results[4]) : undefined);
+          const mins =  (toInteger(results[5]) >= 0 ? toInteger(results[5]) : undefined);
           metadata.date = new Date(`${m}-${d}, ${y} ${hours}:${mins}:00`);
 
-          metadata.size = toInteger(results[6]) || undefined;
+          metadata.size = (isNumber(toInteger(results[6])) ? toInteger(results[6]) : undefined);
 
           return metadata;
         },
@@ -2218,14 +2218,14 @@
           const results = re.exec(text);
           if (!results) return metadata;
 
-          const m = toInteger(results[1]) || undefined;
-          const d = toInteger(results[2]) || undefined;
-          const y = toInteger(results[3]) || undefined;
-          const hours = toInteger(results[4]) || undefined;
-          const mins = toInteger(results[5]);
+          const d =     (toInteger(results[1]) >= 0 ? toInteger(results[1]) : undefined);
+          const m =     (isString(results[2])       ? results[2] : undefined);
+          const y =     (toInteger(results[3]) >= 0 ? toInteger(results[3]) : undefined);
+          const hours = (toInteger(results[4]) >= 0 ? toInteger(results[4]) : undefined);
+          const mins =  (toInteger(results[5]) >= 0 ? toInteger(results[5]) : undefined);
           metadata.date = new Date(`${m}-${d}, ${y} ${hours}:${mins}:00`);
 
-          metadata.size = toInteger(results[7]) || undefined;
+          metadata.size = (isNumber(toInteger(results[7])) ? toInteger(results[7]) : undefined);
 
           return metadata;
         },
@@ -2265,20 +2265,20 @@
           const results = re.exec(text);
 
           if (!results) return metadata;
-          const d = toInteger(results[1]) || undefined;
-          const m = results[2] || undefined;
-          const y = toInteger(results[3]) || undefined;
-          const hours = toInteger(results[4]) || undefined;
-          const mins = toInteger(results[5]) || undefined;
+          const d =     (toInteger(results[1]) >= 0 ? toInteger(results[1]) : undefined);
+          const m =     (isString(results[2])       ? results[2] : undefined);
+          const y =     (toInteger(results[3]) >= 0 ? toInteger(results[3]) : undefined);
+          const hours = (toInteger(results[4]) >= 0 ? toInteger(results[4]) : undefined);
+          const mins =  (toInteger(results[5]) >= 0 ? toInteger(results[5]) : undefined);
           metadata.date = new Date(`${m}-${d}, ${y} ${hours}:${mins}:00`);
 
-          metadata.size = toInteger(results[6]) || undefined;
+          metadata.size = (isNumber(toInteger(results[6])) ? toInteger(results[6]) : undefined);
 
           return metadata;
         },
       }
 
-      async function getLinksFromFrame(frame, baseUrl) {
+      const getLinksFromFrame = async (frame, baseUrl) => {
         const server = await getServer(baseUrl) || 'generic';
 
         var query;
@@ -2356,7 +2356,7 @@
         return { server, folders, files };
       }
 
-      async function folderApiRequest(url) {
+      const folderApiRequest = async (url) => {
         const $frame = document.createElement('iframe');
         $frame.style.visibility = 'hidden';
         $frame.style.overflow = 'hidden';
@@ -2381,7 +2381,10 @@
 
       const toNumber = (d) => +d;
       const toInteger = (d) => parseInt(d, 10);
-      const isUndefined = (v) => typeof v === 'undefined';
+      const is = (type) => (v) => typeof v === type;
+      const isNumber = is('number');
+      const isString = is('string');
+      const isUndefined = is('undefined');
 
       global.folderApiRequest = folderApiRequest;
     })(this);
@@ -2543,6 +2546,11 @@
         return re.test(haystack);
       };
 
+      const isImage = (url) => {
+        const re = /(?:\/)((?:[^/])+\.(?:png|jpeg|jpg|gif|webp))/gi
+        return re.test(url);
+      }
+
       const isHiddenFileOrFolder = (url) => {
         const reHidden = /\/\..+$/i;
         return url.toString().match(reHidden);
@@ -2589,6 +2597,28 @@
           html += createFolderTemplate(rawUrl, label);
         });
 
+        const removeUrlExtension = (url) => {
+          const re = /^(.*)(?:\.\w+)$/i;
+          const results = re.exec(url);
+
+          if (results.length > 0) return results[1];
+
+          return undefined;
+        }
+
+        const findThumbnail = (videoUrl, files) => {
+          if (!Array.isArray(files)) return undefined;
+          
+          const videoPrefix = removeUrlExtension(videoUrl);
+          
+          const thumbnails = files.filter((file) => isImage(file.url));
+          const thumb = thumbnails.find((file) => {
+            const filePrefix = removeUrlExtension(file.url);
+            return videoPrefix === filePrefix;
+          });
+          return thumb;
+        }
+
         const subtitles = files.filter((file) => isSubtitle(file.url));
         populateSubtitles(subtitles);
 
@@ -2601,8 +2631,10 @@
           const url = decodeURI(rawUrl).replace(base, '');
           const label = urlToLabel(url);
           const cssClasses = (rawUrl === $player.src ? 'current' : '');
-
-          html += createFileTemplate(rawUrl, label, cssClasses);
+          const preRenderedThumbnail = findThumbnail(file.url, links.files);
+          const thumbnailUrl = (preRenderedThumbnail && preRenderedThumbnail.url ? preRenderedThumbnail.url : '');
+          
+          html += createFileTemplate(rawUrl, label, cssClasses, thumbnailUrl);
         });
 
         $('.links').innerHTML = html;
@@ -2637,8 +2669,8 @@
         updateHash();
       }
 
-      const createFileTemplate = (url, label, optionalClasses = '') => {
-        return `<a href='${url}' class='file ${optionalClasses}' draggable='false'>
+      const createFileTemplate = (url, label, optionalClasses = '', preRenderedThumbnailUrl = '' ) => {
+        return `<a href='${url}' class='file ${optionalClasses}' style='${(preRenderedThumbnailUrl ? '--image-url-0: url(' + preRenderedThumbnailUrl + ')': '')}' draggable='false'>
                   <div class='title' draggable='false'>${label}</div>
                   <div class='arrow' draggable='false'>
                     <svg><use xlink:href='#svg-play'/></svg>
@@ -3752,7 +3784,10 @@
         !$player.ended
       );
 
+      const hasPreRenderedThumbnail = (node) => node.style.getPropertyValue('--image-url-0').length > ('url(http://)').length;
+
       const setThumbnail = async (node, url) => {
+        if (hasPreRenderedThumbnail(node)) return;
         const thumbnailOpts = app.options.thumbnails;
 
         const timestamps = (retrieveSetting('animate') ? [...thumbnailOpts.timestamps] : [thumbnailOpts.timestamps[0]]);
diff --git a/videos/prerendered-thumbnail-gif.gif b/videos/prerendered-thumbnail-gif.gif
new file mode 100644
index 0000000000000000000000000000000000000000..23231e48b4512d62ec17b56af391d0f7b7931a1a
GIT binary patch
literal 2459
zcmaKq`9Bm01IC|m&A4aW2ICkCsgNSJb&Z(`l`Bffxk;2zWL4uD<38GQ#g3~6$q>@9
zA(3+<TGcAl?j~zHb}OolxA*-6-sgws^Zn`h;rn@5+nH8dgFq-iG+=`N<|}8kVzm+P
z%keY=x4(z*D5@h-9)aR0RK(!|2UiR5a}5@R_*aN8MY#VRifpk@3&uo9f1MD42pOsy
z;NXRXB(&7x&rA4l1eHz**$Bp3SQ*0F0xr97G!-|S@%a?m0+HztZUDIH=*q!>3nG<4
zBY+?ZaRY4Ghm^B;uoKaF7^%aeD8vdeehEuDSWm~M2$VG7oejKBqr(d)_968$K1HHT
z8QNs1g(ANR%j;pc9S3>n)xkz>tj|Kf0W25@5`m}~#G_HA4+~dBoyV*gB#QAU423xu
zw1>Yx(qmAQhM&0TPQi^6Xxa;o9sG2#K^#Osq^W~01-Z>|i9u}*Ue@8S1YD8<r3_EX
zF>@X>BuI;cWCkVyBHOU%3?|Oup)3@>s<wjL5171&H<~b#2Due0XK;TrT-|Z31uJLq
zOCp+;pm`E)@o22ZyZ~=PkQ;<-HPGD=Ck6Qm%n>1F1@~GkN<uaa1s*u23)3pR_yG?X
z2sXwy7x0$`)~>@gYj}Dhz8Rld@I{EvakzL6QyN$!2c=EePJ)ay<WHfUiBJP<=AtVF
z*L`r3i=Gp>T!!f%@!Mfk905N78BsWY2xTrf<cnlqr0fTekKfq{r^3J-EO{vJz>!k?
zdIUcnMx`~p1b7>WED4a3aV-{g6sYN9<8CB|AkP5-dvW?(?BSp@7&-D#F@jAxZm|&N
zhS*rtR^bm3h#f+y6142F&kU?=3~Yl>2_7}zA1xTA;ns09s6bm1a<=fL!NdsGOoSar
zeIdrO(3g$7#dw&H(M;Sa!Q=n^{Qnhc6$FwdTgdN8B`F&F4G61xGstx3^X!)DzHGHk
z5z_-LHFxuM9J4gHx7H4xG4yQk8*Hr`E;bDrI=}tOh0$`W*oEoAD;MwmXqPIb<=iG1
zuVJ4t_8)4ipSb8&<6Pm~-teGt&y|QLL+y=I&4ImHS}q-z9$g8aXz(BIX!`YP^z)$#
zm#deb+(`Im;mPpT=9w;zs5H&BQ#jYlQ(PA?(%JI-Zh<n9Y|61Ch!V;AZbFWI>VUu2
zHypD4Z80f<XXE9-IT5Z5b<5$|v7TNcS(lMh!mdusRP0Wb*4}w@SyIV}*0`sqI(^~A
z*zOw%1iA!MeSF^tkNw>7-Rs$|DN|v~GMAt^H{p1%Dum@koB5vcuIkpe%i5XAVwB)6
z+XY>Qk{Kmwe2`d3SutSuP*!=mg=s00#w}?KF^2=Qj;?kO_bYOhbyF0nYnH{7D7%-Z
z)8(8f!6!YGwm5OutzkPUlS>8EEZKUskOXh?@jmhg_bM@!z2WY+Rs7=SoXGn*6t3F)
zT=$S9%FE7>xX>|EHPtY|ixl+({BbvGL|_XuLCbY-;Mp0Y?*8)VextP-B9lgT8d05Q
zeX^<R-!c=U*>n92f`F2tIX+r-Aw81GB8E#o2x29~&zj9Uo#43l#s-=s2G@*jld88*
zT%^#n54>wB)IM#MLDi{zN?M4m&a-yY2~1;gb!g(|Bwc~B!l4K&^H77P4u#MGt=aUW
zY&K87nkU*@?Y-!*dbh#5u_<v6p6cEEC6wNBC8GS2T@Gi8O|#5B6m_jWO1hq&pA?^=
zVs*`>r(G&c<MlNU4l%RgFAvGWF2SJ2Uj3q^B_4h2%i$vqBu~C+=ot<xbEiUYxv(kO
z>zU9%Q{!K^K2@9JnT=yXt)6#@r;B4k_HrzP1`qWw3YtojSp5gAHZ{ZwY9#FX;?3WP
z{WEBuKO~-@c&{xkYlmamK>UXA>b60z*D?ncXQJ*;Om6j-rLLVhX1--A?0Z?N^vsFY
z<3GFJkbSiFJ(JkO;3qv>n&A*PBp8aeMlHrmqiXqCisg!>WRg?s!MJL+g_KcJ=;e=p
zoR1I4GTKCEe3)Auukc{f1vU3SE|eD+^#vT}6lXCS7Q^kS4_^KG_N>>Pb5n-1QM%*C
zKF>an%|8tISRs`-PN1z*D7{XXxyCx_*5~u;oDXfbUC&+3=eoz2S3b9@eUxW=^v1R4
z@@?DxZs@BnHZifa%x1K;oxV9Y*xT%@#2?G1Rlce4b!8Ab*nAPyaA{FB9n#hLJMnj}
z+Fm~<Yu!1JE@3&)BbVr=dSkXPz;0YP|1Ma6O$q<=0@H&1@tKXPU6s^2Lkkr>X^*aD
zIa3j}A|+-<iky8w*N94KVA4hL+vH67D$zS!Qep5+kZLWLKnpfJ%C-M(hFn8;8jF5y
z)7SY--Y22w#hy4bbH0^loPJOaEqFZBH%(79s&1pyw7kAc(oRM7zZq#>iwYe>Gx61A
zQi104+@zcu?Jm&)_d0_5?06+hZYz^|YT;x<OI}kJfksw}DdPFDwVRi;cC6+ZtIxUj
zvkV6r<{h%uH(Pg$b}v<grDfAEP1da2P8^OkqJMK5kC`#`W!thm3TtzAnnXE?e3y1n
zUCW(esBG?>>J?eqLAC!<IU#Z&no)Lkq*{FcN6pB`3+i(R2^I-FN_5BlqSo7?5hE|z
zD`{(~i32>FW0JdK1{F8I(^OXAD^)tNYbqvO*_)+fMq?>=RCvz2NSEIX^5%o6lWf6!
z!NJkjVw2wOf!>L}Zn-+VdR-@B|7I$M7UFTHM&`Z1QMxESDupGZ-Ob$c9X}TwJ+jkS
zw*l!*s;#T@w*3#oRui{+rc9^sR|-?rXm3fOk&gD$ZVM`<k0+CLs{YVe@sw8<<L}-Y
z)7~gjm29a;^`5s1IuhnzYd#)P;B9rKslKq+vfEy_M4`4SZaqm-!Oms1iJ*FlKj5%x
zJkd?9l{e~kC=T}GMkgfiQZDU{FQQOhGgz8=I|i&sW708Xp>2^sLSm>TIVUnmQO9|d
zzB0z-l|0vstb=tKu8nO-lkgiO=-i)6-Yp1GEO)zYz0#d$*48Uu@;h5cZ8k5yn@)RG
z$`ftV%|F3Or8T{8O1SIt^zX8zoAW!G6Q_osez?B$)0^Dpq!%tTpB^vWS{`jawKP1l
h@@c6HazYN#byh?}ez}{pQ<$PUGAm)zX+j{t=0ClT*~S0>

literal 0
HcmV?d00001

diff --git a/videos/prerendered-thumbnail-gif.mp4 b/videos/prerendered-thumbnail-gif.mp4
new file mode 100644
index 0000000..e69de29
diff --git a/videos/prerendered-thumbnail-jpeg.jpeg b/videos/prerendered-thumbnail-jpeg.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..d8523232e5266010c8f1052a5e52b962d64b4a47
GIT binary patch
literal 3299
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

literal 0
HcmV?d00001

diff --git a/videos/prerendered-thumbnail-jpeg.mp4 b/videos/prerendered-thumbnail-jpeg.mp4
new file mode 100644
index 0000000..e69de29
diff --git a/videos/prerendered-thumbnail-jpg.jpg b/videos/prerendered-thumbnail-jpg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d1b142192bc40c8d3b00608fec095ef20315a97f
GIT binary patch
literal 3606
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
Ur3=<_{(p4v{4f4qax>ok0A?TGyZ`_I

literal 0
HcmV?d00001

diff --git a/videos/prerendered-thumbnail-jpg.mp4 b/videos/prerendered-thumbnail-jpg.mp4
new file mode 100644
index 0000000..e69de29
diff --git a/videos/prerendered-thumbnail-png.mp4 b/videos/prerendered-thumbnail-png.mp4
new file mode 100644
index 0000000..e69de29
diff --git a/videos/prerendered-thumbnail-png.png b/videos/prerendered-thumbnail-png.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dae912d1671e871f1e386e3245de68b6c3c039d
GIT binary patch
literal 2928
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

literal 0
HcmV?d00001

diff --git a/videos/prerendered-thumbnail-webp.mp4 b/videos/prerendered-thumbnail-webp.mp4
new file mode 100644
index 0000000..e69de29
diff --git a/videos/prerendered-thumbnail-webp.webp b/videos/prerendered-thumbnail-webp.webp
new file mode 100644
index 0000000000000000000000000000000000000000..635d70467512ae3503f11088bc05adb2e474a996
GIT binary patch
literal 2510
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

literal 0
HcmV?d00001