Problems embedding audio MP3 files

HTML & CSS
1

I’m trying to determine the most effective, cross browser method to present 10 audio tracks of my wife’s harp playing on her website.

The problem is that I’ve tried embedding them individually on a single page - this causes slow download and also does NOT display correctly on IE 8, and all 10 tracks play at once in Google Chrome. I just need to find out if it’s a simple .html fix, or if I should go through the trouble to attempt to build a Flash music player, etc.

Here’s some of the code:


 1. Bach’s Prelude in C  
    <br />
      
      <embed src="soundclips/Bailey'sFancy-clip.mp3" width="50" height="15" autostart="false" />
      - 2. Bailey’s Fancy<br />

      
      <embed src="soundclips/JesuJoyofMan'sDesiring-clip.mp3" width="50" height="15" autostart="false" />
2

To offer a playable audio file on the webpage, you’ll need a flash media player, such as:

http://www.longtailvideo.com/players/jw-flv-player/

http://www.webdesignbooth.com/10-easy-to-implement-flash-based-mp3-players-for-your-website/

Most of these are reasonably easy to set up so long as you read through the instructions.

3

I agree. I use Flowplayer, which is great and is quite easy to set up; but that third link Force Flow also has some nice options that I haven’t seen before, so thanks for the link. :slight_smile: