--- HOW TO EMBED sb2.js ---

Include all:

<script type="text/javascript" src='script/ZipFile.complete.js'></script>
<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js"></script> 
<script type="text/javascript" src="http://canvg.googlecode.com/svn/trunk/canvg.js"></script> 
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'></script>
<script type="text/javascript" src="https://github.com/hari3368/sb2-js/raw/master/script/sb2.js"></script>

Then add a canvas with id "scratch" anywhere on the page, eg:

<canvas id='scratch' width='486' height='391' tabindex='1'></canvas>

And you're done! You can load files with the method ReadFile(url);

--- PROPERTIES ---

sb2.js has a couple of properties that you can set to change the way the player behaves. These are autoLoad, framed, scaledHeight and editorInit().

autoLoad is the file url loaded upon full loading of the player. If this isn't defined then the player will not load any file.

framed defines whether or not the sb2.js frame is used. Defaults to true.

scaledHeight should be equal to the height of the element when scaled via styles. Scale is assumed to be 1 if not defined.

editorInit() is called when the project is loaded. This is mainly for an editor interface, but you can use it for whatever you want.

Here's an example: