Fix webgl transition from video to slide

modules/admin.js

@@ -442,6 +442,9 @@ export default class admin {
                     }
 
                     bundle.save();
+                    // Adds empty slide render for smooth transitions
+                    // Could be enhanced with the actual last video frame
+                    fs.copyFileSync("./templates/bundle/render/empty.png","./data/bundles/" + data.bundleName + "/render/" + filename + ".png")
 
                     cli.success("save video link");
                     socket.emit("callback.saveVideo", {});

modules/bundle.js

@@ -115,7 +115,7 @@ export default class bundleClass {
                 x++;
             }
             if (slide.uuid === uuid) {
-                if (slide.type === "slide") {
+                if (slide.type === "slide" || slide.type === "video") {
                     let path = process.cwd() + "/data/bundles/" + this.name;
                     try {
                         uuid = checkAndSanitizeFilePathName(uuid)

public/js/displayWebGl.js

@@ -300,6 +300,7 @@ function nextSlide(data) {
                 displayWebPage(serverOptions.currentMeta.webUrl);
                 break;
             case "video":
+                sketch.showSlide(serverOptions.currentFile, serverOptions.transition);    
                 displayVideo(serverOptions.currentMeta.url, serverOptions.currentMeta.loop, serverOptions.currentMeta.mute);
                 setTimeout(function () {
                     clearIFrame(getWebLayer());
@@ -446,7 +447,7 @@ async function preloadImages(data) {
 
     for (let i in allSlides) {
         try {
-            if (allSlides[i].type === "slide") {
+            if (allSlides[i].type === "slide" || allSlides[i].type === "video") {
                 await sketch.loadImage("/render/" + serverOptions.currentBundle + "/" + allSlides[i].uuid + ".png", allSlides[i].uuid);
             }
         } catch (err) {