Cool Feature: Cuepoints on Audio Plugin Created Dec 6, 2008

Thanks bitman. Why don't you make a sample page and take part of our contest with it?

I'm behind a firewall at the moment... but at some point we'll make code available when we finish. Btw, the audio plugin is working great. Plugin architecture a very good idea.

In regard to:

- create slideshow presentations with music background;

Is there a sample of how to do this somewhere?

I would like to have an mp3 playing in the background while a playlist of images rolls along. Just trying to figure out how to do it.

1. Use Flowplayer as a simple mp3 player
http://flowplayer.org/plugins/streaming/audio.html

2. Embed cuepoints
http://flowplayer.org/demos/scripting/cuepoints.html

3. Create a slideshow of images
Make the first image viewable, the rest hidden.

4. Passing a cuepoint should advance the next slide. Use simple javascript to hide/show each photo.

If you made the control bar viewable, you'll have to deal with the user changing the scrubber. I'll post our little workaround for that at some point...but it works well. Since the javascript is very basic, it works on the different browsers.

Btw, a very cool by-product of this approach is that unlike compiled FLV files, your slideshow is essentially pure html. You can get very creative at this point (got JQuery?) especially since the Flowplayer audio plugin has the javascript API exposed.

can you please provide a link to a code example where you have a, say, 5 slide auto-advancing slideshow (jpg files) with (background) music (mp3 file)? many thanks in advance.

Glad to see I'm not the only one looking for this. The player I was using before flowplayer has this functionality:http://www.audetwebdesign.com/demo_jw_image_rotator.php

I'm not really ready to switch back yet, so I'll just create a separate image rotator on my page. I would really like to see an elegant solution using only flowplayer. I tried the SMIL plugin, but it just doesn't seem to work yet.

Does anyone have a code example of this functionality?

Not pretty HTML & CSS yet, but pretty easy javascript implementation using the audio player, bandwidth check, and "myContent" plugin:

http://www.stjohnhistoricalsociety.org/Articles/STJWomenTelling.htm