Gestalt Audio Player Widget

To use the Audio Widget you will need to have Silverlight installed. You can get Silverlight at: http://www.silverlight.net.

The Audio Gestalt Widget has been designed to support a simple mode where you only only will need to add a reference to two JavaScript files plus some HTML5 audio tag markup and you are good to go. To see an example of this this take a look at the embed sample

If you would like to modify the user interface appearance:

Change the XAML that defines it in the added skin attribute of the audio tag. You can either manually do this in a text editor, or you can load up the original XAML file in Expression Blend 3. Just save the changes to a new file named "newskin.xaml" that's in the same directory as the original file modify the "skin" attribute as shown below, and refresh the browser to view the changes. Like so:

<audio id="audio1"
..
skin="newskin.xaml">
<source src="path to file"></source>
</audio>

There are two skins provided as examples: media.xaml and media_alternative.xaml

Attributes supported by the Audio Widget:

• id [required] - the audio tag must have a unique id defined
• autoplay - When set to true or nothing specifies that the media should play immediately. The default value is false
• volume - A decimal value ranging between 0 and 1. The default value is .5
• width - Defines the width of the player in pixels. The default value is 300
• height - Defines the height of the player in pixels. The default value is 150.
• loop - When set to true specifies to repeat the content when done playing the file or set of files. The default value is false
• skin - This is the XAML that will be loaded up for the player UI. The default value is media.xaml