http://osric.com/chris/flowplayer/examples/simple-audio-example.html
<!--
A minimal setup to get you started. This configuration is the same
as in our Quick Start documentation:
http://flowplayer.org/player/quick-start.html
--><head>
<title>Simple Flowplayer example - MP3 with JPEG overlay</title>
<!--
include flashembed - which is a general purpose tool for
inserting Flash on your page. Following line is required.
-->
<script type="text/javascript" src="js/flashembed.min.js"></script>
<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script>
/*
use flashembed to place flowplayer into HTML element
whose id is "example" (below this script tag)
*/
flashembed("example",
/*
first argument supplies standard Flash parameters. See full list:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
*/
{
src:'../FlowPlayerDark.swf',
width: 400,
height: 290
},
/*
second argument is Flowplayer specific configuration. See full list:
http://flowplayer.org/player/configuration.html
*/
{config: {
autoPlay: false,
autoBuffering: true,
controlBarBackgroundColor:'0x2e8860',
initialScale: 'scale',
playList: [{
url:'http://osric.com/chris/eyes.mp3',
overlay:'http://osric.com/chris/fake-blood.jpg'
}]
}}
);
</script>
</head>
<div id="page">
<h1>Simple Flowplayer <em>example</em> with <em>MP3 audio</em> and a <em>JPEG image overlay</em></h1>
<p>
View source the page source to see how Flowplayer is installed.
</p>
<!-- this DIV is where your Flowplayer will be placed. it can be anywhere -->
<div id="example"></div>
<p>
<button onClick="location.href='index.html'">« back to examples</button>
</p>
</div>