So you've come across this here download page, I see. Well, here you go.
Download SoundShow-1.0.zip (107 KB)
Read the tutorialWhat is it? It's a sort of musical slideshow powered by Javascript and Canvas where the slideshow frames are synced to the music. This is not Flash. I figured it wouldn't do to call it "slideshowthingy" all the time, so I gave it a name. SoundShow. There you go.
What do I need to make this work?
Text editor like Notepad (Windows) or TextEdit (OSX) (I like Notepad++ and TextWrangler myself)
Image editor because how else are you going to make your frames?
Webspace to host this mofo
I imagine the thing most people would be worried about is the webhosting. There are free hosting options you can use as long as they allow uploads of custom files. This is only HTML and Javascript, so you don't need to worry about PHP or MySQL or whatever else.
Will this work in my browser? It should work on all the major browsers (Firefox, Chrome, Safari, IE9, Opera). Hell, I tried it in my iPod and it worked there too. That's the beauty of HTML5. XD
That being said, because it's HTML5 and not Flash, its behavior is browser-dependent. I've found that it works best in this order (as of June 27, 2012):
Firefox in Windows 7/OSX
Chrome in Windows 7
IE9 in Windows 7 (surprising, yeah?)
Chrome/Safari on OSX
What's included in the download?
JQuery 1.7.2 (jquery-1.7.2.js)
JPlayer (jquery.jplayer.min.js and associated other files)
SoundShow Javascript files (timing.js, comic.js -- modify only timing.js, which still has the timing for No Light, No Light there as an example)
SoundShow HTML and CSS files (index.html, style.css -- index.html has placeholder text that you should replace)
Known issues:
Google Chrome and Safari don't show the first frame on initial load (but will show the frame if you click "stop").
Inconsistent transition if intervals are too short
Things I might do if I remember to:
Different transitions (sliding from different places! And maybe opacity too)