Audio Visual WordPress Plugin

This is plugin developed to play MP3 files synchronised with a image slideshow.

Example here [post="hawker-sea-hawk"]

The framework is based on the commonly used Audio Player plugin.

Once enabled, the plugin will use the syntax Qaudio-visual: /path/to/xml] to display a Flash movie with the appropriate audio and image files. The path specified must be a valid path to an XML configuration file and must be readable by the PHP interpreter.

The syntax of the file is as follows

<content>
    <application>
        <width>550</width>
        <height>400</height>
        <backgroundColour>0x628297</backgroundColour>
        <controlBarStart>0xCCCCCC</controlBarStart>
        <controlBarFinish>0xffffff</controlBarFinish>
    </application>
    <text>
        <label id="loading">Loading images...</label>
    </text>
    <audio>
        <file>http://www.happyorange.org.uk/audio/AVRO_504K.mp3</file>
    </audio>
    <visual>
	<image id="1" time="0000" applySmoothing="true" autoSize="true" caption="This is a boat">

http://farm1.static.flickr.com/23/29305573_7c9bb5849e.jpg

        </image>
	<image id="2" time="4000" applySmoothing="true" autoSize="true" caption="This is a plane">

http://farm3.static.flickr.com/2212/2178163773_1088eda06c.jpg?v=0

        </image>
    </visual>
</content>

Application Options

width
Width of the container in pixels

height
Height of the container in pixels

backgroundColour
Background colour of the image container, eg 0×628297

controlBarStart
Start colour of the control bar colour gradient, eg 0xCCCCCC

controlBarFinish
Finish colour of the control bar colour gradient, eg 0xffffff

Image options

id
Sequence of the image to show. This should be set manually in sequence

time
Time in milliseconds at which the image should appear from the start of the mp3 playing

applySmoothing
The player will resize images. This flag will apply smoothing to images as flash has a tendancy to make things look jagged after resizing.
Parameters
true = resize the image
false = do not resize the image

autoSize
Resize the image to fit the viewport
Parameters
true = resize the image
false = do not resize the image

Caption

Text to display when the image appears

Currently there are no global configuration options for the plug in but each instance of the plug in can be configured for the following.