HTML and CSS Reference
In-Depth Information
name of
flashvars
to the absolute URL of your audio file. Here's an example of the code that
combines the
<object>
and
<embed>
tags:
<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000”
swflash.cab#version=6,0,40,0” height=”27” width=”400”>
<param name=”src” value=
<param name=”flashvars” value=”audioUrl=
http://lab.markofthejoe.com/html5/Pages/
Lesson_24/assets/whale_cry.mp3”>
<param name=”quality” value=”best”>
<embed type=”application/x-shockwave-flash” src=”
http://www.google.com/reader/ui/
3523697345-audio-player.swf” quality=”best”
flashvars=”audioUrl=
http://lab.markofthejoe.com/html5/Pages/
Lesson_24/assets/whale_cry.mp3” height=”27” width=”400”>
</object>
When rendered in the browser, the Google Reader Audio Player contains play, rewind, forward, and
volume controls as well as a seek bar, as shown in Figure 24-3. Users can move the seek bar pointer
to any section of the audio file to change where the playback continues from. The width and height
of the player can also be defined as attributes of the
<object>
and
<embed>
tags. As an additional
bit of control, if you add an argument string to the
flashvars
audio URL, the player will start
automatically. Here's an example with the additional code added and emphasized in bold:
<param name=”flashvars” value=”audioUrl=
http://lab.markofthejoe.com/html5/Pages/
Lesson_24/assets/whale_cry.mp3
&autoPlay=true
”>
FiGure 24-3
Though the Google Reader Audio Player is currently readily accessible, some web designers are wary
of depending on a hosted player — which may or may not be available in the future. If you'd rather
host your own, many Flash audio players are available on the Web. One series of straightforward, yet
includes a variety of configurable players (Figure 24-4). You can choose from a minimal player that
displays just a single play/pause button or a full player with a custom skin and custom-sized controls.
You can even set up the player to handle multiple files or control it completely via simple JavaScript
commands.
