From b4a06bd6d224f457c13d8f465b57b9ed12676f94 Mon Sep 17 00:00:00 2001
From: Nicholas Sherlock <n.sherlock@gmail.com>
Date: Sun, 1 Dec 2019 11:55:08 +1300
Subject: [PATCH] Update webm-writer-js to 0.2.4 to fix non-functional
 "quality" parameter

---
 README.md                                     |  2 +-
 ...m-writer-0.2.0.js => webm-writer-0.2.4.js} | 41 +++++++++++--------
 utils/build.sh                                |  2 +-
 3 files changed, 26 insertions(+), 19 deletions(-)
 rename src/{webm-writer-0.2.0.js => webm-writer-0.2.4.js} (97%)

diff --git a/README.md b/README.md
index a772b45..cf44b48 100755
--- a/README.md
+++ b/README.md
@@ -50,7 +50,7 @@ Include CCapture[.min].js and [WebM Writer](https://github.com/thenickdude/webm-
 ```html
 <script src="CCapture.min.js"></script>
 <!-- Include WebM Writer if you want to export WebM -->
-<script src="webm-writer-0.2.0.js"></script>
+<script src="webm-writer-0.2.4.js"></script>
 <!-- Include gifjs if you want to export GIF -->
 <script src="gif.js"></script>
 <!-- Include tar.js if you want to export PNG or JPEG -->
diff --git a/src/webm-writer-0.2.0.js b/src/webm-writer-0.2.4.js
similarity index 97%
rename from src/webm-writer-0.2.0.js
rename to src/webm-writer-0.2.4.js
index dbe2a25..aed5274 100644
--- a/src/webm-writer-0.2.0.js
+++ b/src/webm-writer-0.2.4.js
@@ -418,7 +418,7 @@
 							result.push(buffer[i].data);
 						}
 						
-						return new Blob(result, {mimeType: mimeType});
+						return new Blob(result, {type: mimeType});
 					});
 				}
 				
@@ -432,7 +432,8 @@
 	} else {
 		window.BlobBuffer = BlobBuffer(null);
 	}
-})();/**
+})();
+/**
  * WebM video encoder for Google Chrome. This implementation is suitable for creating very large video files, because
  * it can stream Blobs directly to a FileWriter without buffering the entire video in memory.
  * 
@@ -498,7 +499,9 @@
          */
         function renderAsWebP(canvas, quality) {
             var
-                frame = canvas.toDataURL('image/webp', {quality: quality});
+                frame = typeof canvas === 'string' && /^data:image\/webp/.test(canvas)
+                    ? canvas
+                    : canvas.toDataURL('image/webp', quality);
             
             return decodeBase64WebPDataURL(frame);
         }
@@ -626,7 +629,7 @@
                 DEFAULT_TRACK_NUMBER = 1,
             
                 writtenHeader = false,
-                videoWidth, videoHeight,
+                videoWidth = 0, videoHeight = 0,
                 
                 clusterFrameBuffer = [],
                 clusterStartTime = 0,
@@ -835,7 +838,9 @@
                 // Now we know where these top-level elements lie in the file:
                 seekPoints.SegmentInfo.positionEBML.data = fileOffsetToSegmentRelative(segmentInfo.offset);
                 seekPoints.Tracks.positionEBML.data = fileOffsetToSegmentRelative(tracks.offset);
-            };
+                
+	            writtenHeader = true;
+            }
             
             /**
              * Create a SimpleBlock keyframe header using these fields:
@@ -1036,23 +1041,21 @@
             }
             
             /**
-             * Add a frame to the video. Currently the frame must be a Canvas element.
+             * Add a frame to the video.
+             *
+             * @param {HTMLCanvasElement} canvas
+             * @param {Number} [overrideFrameDuration] - Set a duration for this frame (in milliseconds) that differs from the default
              */
-            this.addFrame = function(canvas) {
-                if (writtenHeader) {
-                    if (canvas.width != videoWidth || canvas.height != videoHeight) {
-                        throw "Frame size differs from previous frames";
-                    }
-                } else {
-                    videoWidth = canvas.width;
-                    videoHeight = canvas.height;
+            this.addFrame = function(canvas, overrideFrameDuration) {
+                if (!writtenHeader) {
+                    videoWidth = canvas.width || 0;
+                    videoHeight = canvas.height || 0;
     
                     writeHeader();
-                    writtenHeader = true;
                 }
     
                 var
-                    webP = renderAsWebP(canvas, {quality: options.quality});
+                    webP = renderAsWebP(canvas, options.quality);
                 
                 if (!webP) {
                     throw "Couldn't decode WebP frame, does the browser support WebP?";
@@ -1060,7 +1063,7 @@
                 
                 addFrameToCluster({
                     frame: extractKeyframeFromWebP(webP),
-                    duration: options.frameDuration
+                    duration: overrideFrameDuration === undefined ? options.frameDuration : overrideFrameDuration
                 });
             };
             
@@ -1071,6 +1074,10 @@
              * a Blob with the contents of the entire video.
              */
             this.complete = function() {
+            	if (!writtenHeader) {
+		            writeHeader();
+	            }
+	            
                 flushClusterFrameBuffer();
                 
                 writeCues();
diff --git a/utils/build.sh b/utils/build.sh
index 9fbda8f..7e349f3 100755
--- a/utils/build.sh
+++ b/utils/build.sh
@@ -1,4 +1,4 @@
 #!/bin/bash
 
 uglifyjs ../src/CCapture.js --compress --mangle -o ../build/CCapture.min.js
-uglifyjs ../src/webm-writer-0.2.0.js ../src/download.js ../src/tar.js ../src/gif.js ../src/CCapture.js --compress --mangle -o ../build/CCapture.all.min.js
+uglifyjs ../src/webm-writer-0.2.4.js ../src/download.js ../src/tar.js ../src/gif.js ../src/CCapture.js --compress --mangle -o ../build/CCapture.all.min.js