adding preview thumbnails

Author: mayeaux

models/Upload.js

@@ -179,11 +179,11 @@ const uploadSchema = new mongoose.Schema({
   // when the backend finished processing the upload
   processingCompletedAt: Date,
 
-  // string, such as UnIqUe.webvtt used by default to indicate it's in the same directory with the upload
-  webVTTPath: String,
-
   // data returned from running ffprobe against the upload
-  ffprobeData: mongoose.Schema.Types.Mixed
+  ffprobeData: mongoose.Schema.Types.Mixed,
+
+  // the expected path is $uniqueTag_sprite.vtt in the same directory
+  hasPreviewSpriteThumbnail: Boolean
 
 }, {
   timestamps: true,

views/mediaPlayerPartials/plyrAndAutoplayFunctionalityJs.pug

@@ -111,22 +111,19 @@ script.
     settings: ['speed', 'captions', 'quality', 'loop'],
     fullscreen: {iosNative: true},
     seekTime,
-    previewThumbnails: {
+  };
+
+  const hasPreviewThumbnail = #{upload.hasPreviewSpriteThumbnail}
+
+  if(hasPreviewThumbnail){
+    const previewThumbnails = {
       enabled: true,
       src: [`/uploads/#{upload.uploader.channelUrl}/#{upload.uniqueTag}_sprite.vtt`],
-    },
-  };
+    }
+
+    plyr_options.previewThumbnails = previewThumbnails;
+  }
 
-  // TODO: add sprite
-  // if (#{upload.hasPreviewSpriteThumbnail}) {
-  //
-  //   let previewThumbnails = {
-  //     enabled: true,
-  //     src: ['/uploads/anthony/newVideoTrimmed.vtt'],
-  //   }
-  //
-  //   plyr_options.previewThumbnails = previewThumbnails;
-  // }
 
   // Create the plyr instances - this defines players[0] as our primary player.
   var players = Plyr.setup("#media_player", plyr_options);