diff --git a/modules/v4d/samples/example_v4d_beauty-demo.html b/modules/v4d/samples/example_v4d_beauty-demo.html
index 46940bae7..bf886918b 100644
--- a/modules/v4d/samples/example_v4d_beauty-demo.html
+++ b/modules/v4d/samples/example_v4d_beauty-demo.html
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_cube-demo.html b/modules/v4d/samples/example_v4d_cube-demo.html
index 0e1feb85f..d79fd2f35 100644
--- a/modules/v4d/samples/example_v4d_cube-demo.html
+++ b/modules/v4d/samples/example_v4d_cube-demo.html
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_custom_source_and_sink.html b/modules/v4d/samples/example_v4d_custom_source_and_sink.html
index ed4a6a4d7..e4bd8e0c4 100644
--- a/modules/v4d/samples/example_v4d_custom_source_and_sink.html
+++ b/modules/v4d/samples/example_v4d_custom_source_and_sink.html
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_display_image.html b/modules/v4d/samples/example_v4d_display_image.html
index d2a0acf02..f00a2aa0b 100644
--- a/modules/v4d/samples/example_v4d_display_image.html
+++ b/modules/v4d/samples/example_v4d_display_image.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Display Image</title>
+    <title>Display an Image through the Video-Pipeline</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_display_image_fb.html b/modules/v4d/samples/example_v4d_display_image_fb.html
index 8fb456530..04180751a 100644
--- a/modules/v4d/samples/example_v4d_display_image_fb.html
+++ b/modules/v4d/samples/example_v4d_display_image_fb.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Display Image through Framebuffer</title>
+    <title>Display an Image through the FB Context</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_font-demo.html b/modules/v4d/samples/example_v4d_font-demo.html
index 41fe01d90..4dc82c808 100644
--- a/modules/v4d/samples/example_v4d_font-demo.html
+++ b/modules/v4d/samples/example_v4d_font-demo.html
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_font_rendering.html b/modules/v4d/samples/example_v4d_font_rendering.html
index 0f3148c44..fbc8a84fb 100644
--- a/modules/v4d/samples/example_v4d_font_rendering.html
+++ b/modules/v4d/samples/example_v4d_font_rendering.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Font Rendering</title>
+    <title>Font rendering</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_font_with_gui.html b/modules/v4d/samples/example_v4d_font_with_gui.html
index 3c16c1fdc..a30a3ae0d 100644
--- a/modules/v4d/samples/example_v4d_font_with_gui.html
+++ b/modules/v4d/samples/example_v4d_font_with_gui.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Font with GUI</title>
+    <title>Font rendering with Form-based GUI</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_many_cubes-demo.html b/modules/v4d/samples/example_v4d_many_cubes-demo.html
index f4afd1c95..818a68ec4 100644
--- a/modules/v4d/samples/example_v4d_many_cubes-demo.html
+++ b/modules/v4d/samples/example_v4d_many_cubes-demo.html
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_nanovg-demo.html b/modules/v4d/samples/example_v4d_nanovg-demo.html
index f476e5c55..95f3c4177 100644
--- a/modules/v4d/samples/example_v4d_nanovg-demo.html
+++ b/modules/v4d/samples/example_v4d_nanovg-demo.html
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_optflow-demo.html b/modules/v4d/samples/example_v4d_optflow-demo.html
index a4ca54046..3d3469d4e 100644
--- a/modules/v4d/samples/example_v4d_optflow-demo.html
+++ b/modules/v4d/samples/example_v4d_optflow-demo.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Optflow Demo</title>
+    <title>Sparse Optical Flow Demo</title>
     <style>
       body {
         font-family: arial;
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_pedestrian-demo.html b/modules/v4d/samples/example_v4d_pedestrian-demo.html
index b30d5b43f..131f402ad 100644
--- a/modules/v4d/samples/example_v4d_pedestrian-demo.html
+++ b/modules/v4d/samples/example_v4d_pedestrian-demo.html
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_render_opengl.html b/modules/v4d/samples/example_v4d_render_opengl.html
index 0507cc31f..affdf6400 100644
--- a/modules/v4d/samples/example_v4d_render_opengl.html
+++ b/modules/v4d/samples/example_v4d_render_opengl.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Render OpenGL</title>
+    <title>Render OpenGL Blue Screen</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_shader-demo.html b/modules/v4d/samples/example_v4d_shader-demo.html
index 00014d1ae..70e100f5b 100644
--- a/modules/v4d/samples/example_v4d_shader-demo.html
+++ b/modules/v4d/samples/example_v4d_shader-demo.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Shader Demo</title>
+    <title>Mandelbrot Shader Demo</title>
     <style>
       body {
         font-family: arial;
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_vector_graphics.html b/modules/v4d/samples/example_v4d_vector_graphics.html
index 3c1e4f8c0..539099337 100644
--- a/modules/v4d/samples/example_v4d_vector_graphics.html
+++ b/modules/v4d/samples/example_v4d_vector_graphics.html
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_vector_graphics_and_fb.html b/modules/v4d/samples/example_v4d_vector_graphics_and_fb.html
index cb1293032..1d39adc41 100644
--- a/modules/v4d/samples/example_v4d_vector_graphics_and_fb.html
+++ b/modules/v4d/samples/example_v4d_vector_graphics_and_fb.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en-us">
   <head>
-    <title>Vector Graphics and Framebuffer</title>
+    <title>Vector Graphics and Frambuffer access</title>
     <style>
       body {
         font-family: arial;
@@ -16,11 +16,6 @@
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas.emscripten { border: 0px none; background-color: black; }
 
-      #emscripten_logo {
-        display: inline-block;
-        margin: 0;
-      }
-
       .spinner {
         height: 30px;
         width: 30px;
@@ -98,7 +93,6 @@
     <button id="fullscreenBtn">Fullscreen</button>
   </span>
   </span>
-  <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
   <div class="emscripten" id="status">Downloading...</div>
   <div class="emscripten">
     <progress value="0" max="100" id="progress" hidden=1></progress>
@@ -114,16 +108,15 @@
 
     function fixCanvasSize() {
         Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-        Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+        Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
         Module.canvas.width = 960;
-        Module.canvas.height = 540;
+        Module.canvas.height = 960;
         console.log("fixed canvas size");
     }
 
     var Module = {
       onRuntimeInitialized: function() {
         fixCanvasSize();
-        Module._v4dInitCapture(960, 540);
       },
       preRun: [],
       postRun: [],
@@ -201,7 +194,7 @@
 
       window.addEventListener('fullscreenchange', function (event) {
         if (document.fullscreenElement) {
-            console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+            console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
         } else {
             console.log('Leaving fullscreen mode.');
         }
diff --git a/modules/v4d/samples/example_v4d_video-demo.html b/modules/v4d/samples/example_v4d_video-demo.html
index 6fbb850e9..9849465d6 100644
--- a/modules/v4d/samples/example_v4d_video-demo.html
+++ b/modules/v4d/samples/example_v4d_video-demo.html
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }
diff --git a/modules/v4d/samples/example_v4d_video_editing.html b/modules/v4d/samples/example_v4d_video_editing.html
index daecd6b2b..0d69b9d94 100644
--- a/modules/v4d/samples/example_v4d_video_editing.html
+++ b/modules/v4d/samples/example_v4d_video_editing.html
@@ -105,9 +105,7 @@
   <span><button id="captureBtn">Start Capture</button><button id="fullscreenBtn">Fullscreen</button>
   </span>
 </span>
-        <canvas id="offscreenCanvas" width="960" height="540" style="display: none;"></canvas>
-  		<canvas id="cameraCanvas" width="960" height="540" style="display: none;"></canvas>
-		<video id="v4dVideoElement" width="960" height="540" autoplay style="display: none;"></video>
+    <video id="v4dVideoElement" width="960" height="960" autoplay style="display: none;"></video>
 
     <div class="emscripten" id="status">Downloading...</div>
 
@@ -125,19 +123,18 @@
       var fsButton = document.querySelector("#fullscreenBtn");
       var captureBtn = document.querySelector("#captureBtn");
       var videoElement = document.querySelector("#v4dVideoElement");
-      var cameraCanvas = document.querySelector("#cameraCanvas");
 
       function fixCanvasSize() {
           Module.canvas.style.width = ((960) / window.devicePixelRatio)+ "px";
-          Module.canvas.style.height = ((540) / window.devicePixelRatio) + "px";
+          Module.canvas.style.height = ((960) / window.devicePixelRatio) + "px";
           Module.canvas.width = 960;
-          Module.canvas.height = 540;
+          Module.canvas.height = 960;
       }
 
       var Module = {
         onRuntimeInitialized: function() {
           fixCanvasSize();
-          Module._v4dInitCapture(960, 540);
+          Module._v4dInitCapture(960,960);
         },
         preRun: [],
         postRun: [],
@@ -209,7 +206,7 @@
       }
 
       captureBtn.addEventListener('click', async function() {
-          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 540 } , audio: false });
+          let stream = await navigator.mediaDevices.getUserMedia({ video: { width: 960, height: 960 } , audio: false });
           videoElement.addEventListener(
             "playing",
             () => {
@@ -245,7 +242,7 @@
 
        window.addEventListener('fullscreenchange', function (event) {
           if (document.fullscreenElement) {
-              console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
+              console.log("Element: " + document.fullscreenElement.id + " entered fullscreen mode.");
           } else {
               console.log('Leaving fullscreen mode.');
           }