ushiroad » Javascript MotionJPEG/AVI Builder

[AVI generator]

Javascript MotionJPEG/AVI builder(mjbuilder.js) enables you to save your canvas animation into a single avi file.

MotionJPEG is suitable for clip on movie authoring tool because it's almost “raw” format. Please recompress if you want to distribute without compilation.

Quick Start

At first, generate MotionJPEGBuilder and setup.

var builder = new movbuilder.MotionJPEGBuilder();
builder.setup(640 /* width  */ ,
              360 /* height */ ,
              30 /* FPS */ );
			

Next, add frames.

draw();
builder.addCanvasFrame(canvas);

draw();
builder.addCanvasFrame(canvas);

draw();
builder.addCanvasFrame(canvas);

 :
 :
 :

And then, finish to get URL for generated content.

builder.finish(function(generatedURL) {
	open(generatedURL);
});

Demonstration (Chrome/Firefox)


Input:
Download
©2012 ushiroad