Playlists with images, flash, videos and mp3 Configuration - Demo 5 / 8
Introduction
Flowplayer playlist can contain lot's of different media. Images, videos, flash files (SWF) and MP3 audio. Each playlist clip can be configured individually and properties defined for common clip are shared amongst all entries in the playlist. Here is an example of such combined playlist.
Configuration
Configuration uses a single playlist array with mutliple clip objects.
// setup player
$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
// common clip: these properties are common to each clip in the playlist
clip: {
// by default clip lasts 5 seconds
duration: 5
},
// playlist with four entries
playlist: [
// JPG image
'/img/tutorial/tap-splash.jpg',
// SWF file
{url: 'http://releases.flowplayer.org/swf/clock.swf', scaling: 'fit'},
// video
'http://blip.tv/file/get/KimAronson-TwentySeconds58192.flv',
// another image. works as splash for the audio clip
{url: '/img/demos/national.jpg', duration: 0},
// audio, requires audio plugin. custom duration
{url: 'http://releases.flowplayer.org/data/fake_empire.mp3', duration: 25}
],
// show playlist buttons in controlbar
plugins: {
controls: {
playlist: true,
// use tube skin with a different background color
url: 'flowplayer.controls-tube-3.2.5.swf',
backgroundColor: '#aedaff'
}
}
});JavaScripters can use event properties on the playlist entries. Each playlist clip can have their own event listeners and events specified for common clip are triggered for each clip.
Show this example as a standalone version. See it's commented source code to see how things are laid out.