Added a callback for frame encoded end - useful to show progress in the UI while movie is being generated + Improved .compile method documentation

README.md

@@ -34,7 +34,10 @@ That `15` over there is the frame rate. There's a way to set the individual dura
 
 Here, you can add a frame, this happens fairly quickly because basically all it's doing is running `.toDataURL()` on the canvas (which isn't exactly a speed-demon either, but it's acceptable enough most of the time) and plopping the result onto an array (no computation or anything). The actual encoding only happens when you call `.compile()`
 
-	encoder.compile(function(output){});
+	encoder.compile(outputAsArray, function (output) {
+        //outputAsArray is false -> output is a Blob (of "video/webm" type)
+	    //outputAsArray is true  -> output is an Uint8Array
+	}, frameEncodedCallback);
 
 Here, output is set to a Blob. In order to get a nice URL which you can use to stick in a `<video>` element, you need to send it over to `createObjectURL`
 

whammy.js

@@ -516,7 +516,7 @@ window.Whammy = (function(){
 	};
 
 	// deferred webp encoding. Draws image data to canvas, then encodes as dataUrl
-	WhammyVideo.prototype.encodeFrames = function(callback){
+	WhammyVideo.prototype.encodeFrames = function(callback, frameEncodedCallback){
 
 		if(this.frames[0].image instanceof ImageData){
 
@@ -531,6 +531,10 @@ window.Whammy = (function(){
 				var frame = frames[index];
 				tmpContext.putImageData(frame.image, 0, 0);
 				frame.image = tmpCanvas.toDataURL('image/webp', this.quality);
+				frameEncodedCallback({
+					frameIndex: index + 1,
+					framesTotal: frames.length
+				});
 				if(index < frames.length-1){
 					setTimeout(function(){ encodeFrame(index + 1); }, 1);
 				}else{
@@ -544,7 +548,7 @@ window.Whammy = (function(){
 		}
 	};
 
-	WhammyVideo.prototype.compile = function(outputAsArray, callback){
+	WhammyVideo.prototype.compile = function(outputAsArray, callback, frameEncodedCallback){
 
 		this.encodeFrames(function(){
 
@@ -554,8 +558,7 @@ window.Whammy = (function(){
 				return webp;
 			}), outputAsArray);
 			callback(webm);
-
-		}.bind(this));
+		}.bind(this), frameEncodedCallback);
 	};
 
 	return {