Using this plugin, you can embed audio and video files into your wiki pages. Anyone with a reasonably recent Flash Player will have to be able to watch your videos and listen to your songs right in their browser.

This is accomplished by embedding flowplayer.

In contrast to the original flowplay-plugin, flowplay2 allows to use one player instance for many video/audio files on the same page. Further, it allows for more sophisticated configuration of the flowplayer.

Demo pages please go here.

This plugin is based on the original flowplay-plugin by Dave Kliczbor. So his acknowledgments apply to this plugin as well:

“This plugin is merely a wrapper for the excellent FlowPlayer by Anssi Piirainen. I just wrote the glue to DokuWiki and bundled it with FlowPlayer.

Half of the plugin code was copied from the video plugin by Jason Byrne and Chris Smith (I just needed a template, and that code was similar enough to mine)”

Paste one of these into your plugin manager: flowplay2-0.3.zip, flowplay2-0.3.tar.gz

Two configuration options are provided:

Flowplayer provides different .swf-files. They have all the same functionality, but look different. By setting the player_swf option you can choose which one to use. The path is relative to the flowplayer-directory inside the plugin-directory.

Works like for the flowplay plugin. Citing Dave Kliczbor again:

In most cases, no additional configuration is needed. There are some rare cases when the video does not play… I haven't completely sorted it out, but you seem to get a better chance if you let the browser load the .swf file over HTTP. Then again, you may want to use another FlowPlayer installation on your server.

In both cases, you have one configuration variable to set:

$conf['plugin']['flowplay']['player_base_url'] = 'http://yourserver.tld/flowplayer-0.14/';

This example assumes that the URL of FlowPlayer.swf is: http://yourserver.tld/flowplayer-0.14/FlowPlayer.swf

Of course you need to convert your audio/video files to some type flowplayer understands. Currently these are

• video: flv, mp4, H.264
• image: JPG, PNG
• audio: MP3

Check http://flowplayer.org for updates.

About the conversion take a look at http://flowplayer.sourceforge.net/encoding.html or the flowplay plugin page.

To actually embed files into your page, you

• have to embed the player, and
• optionally may define further files to be shown in the player.

Syntax:

{{flowplay>_path_to_media_file_?_player_options_}}

The _path_to_media_file_ is - you may have guessed - a path to any media file recognized by the player. It is though optional: If you leave it out, the player won't be shown (and loaded) until one of the playlist items (see below) is clicked.

The _player_options_ is a list of space-separated options passed to the flowplayer as follows:

• An option looking like widthxheight sets the width and height of the player.
• An option looking like option:value sets any non-boolean option to value.
• An option looking like option sets the boolean option to true.
• An option looking like nooption set the boolean option to false. (ie. If “autoplay” is the option, it'd be ?noautoplay, and not nooption:autoplay or anything like that.)

For a list of the options recognized by flowplayer, look here.

You may add any number of playlist items to your page. These are links which will trigger the player to play some specified file.

The syntax is:

[[flowplay>_path_to_media_file_|_link_title_]]

The _path_to_media_file_ again is the path to your media file. It is of course not optional here.

The _link_title_ the title of the link - any wiki markup allowed.

• Using an image inside a playlist item link does not work as expected - it will link to the image but not trigger the player.
• There are some problems with the flowplay-plugin regarding HTTPS and something else I forgot, which will probably also apply to this plugin.

• 2008-04-16 Version 0.3:
  • Initial release. This has number 0.3 because it is based on flowplay 0.2

Here you go… Could you/somebody please make clear how to use the player options. I want to set autoPlay to false (as movies start to stream immediately with page loading which I don't like), but couldn't figure out how do do that. Otherwise the plugin works fine → thanks a lot for your work!

You must use “noautoPlay” as option.

Like this: {flowplay>filepath?noautoPlay}}. I updated the nooption portion above to make that more clear as well. Confused me for a good chunk of time also.

I use the following syntax, but it doesn´t work. Is the syntax wrong or is it a technical error?

{{flowplay>[[flowplay>http://someurl/movie.flv|Title]][[flowplay>http://someurl/anothermovie.flv|Title2]]?withxheight:720x576}}

You need to split that apart. {flowplay>…}} as one call for a player, and your links in the double square brackets outside the curly bracket call.
Also, the syntax is just ?720×576, not widthxheight:720×576.

Does anybody know how to get a widthxheight working with noautoPlay? ?noautoPlay by itself works fine but if I add the widthxheight, it forces autoplay no matter what I do.

yes: you have to space the 2 options, like this: ?noautoPlay ?320×240, for istance:
{{flowplay>http://yoursite.com/doku/yourvideodirectory/lavienrose.flv?noautoPlay ?320x240}} Maurizio

Is there some reason why some videos don't play? I'm trying to embed an FLV, using the same syntax that's worked for other videos I've embeded. But for this one, it just doesn't seem to want to play. I've even converted it to MP4, but that hasn't worked either. Here's the syntax I'm using

{{flowplay>http://www.path-to-video.com/video-name.flv?noautoPlay 320x240}}

But for some reason it doesn't work

Since the last update (to latest version 2009) of dokuwiki I think, this flowplayer can't play *.flv videos properly in the internet explorer - with firefox it works fine as before the update. In IE the page gets white and on the bottom left IE reports this error:

• line: 1
• character: 615
• Error: 'undefined' is null or no object
• code: 0

I tried this with IE version 6 up to version 8.