Online Help
For main website go to www.WildApricot.com
Membership and website software for communities
Build a free demo site and send it
out for feedback in 25 minutes
Name:
Email:
We value your privacy
Home

Adding embedded audio

You can embed an MP3 file like music or podcast into your Wild Apricot web pages - so that your visitors can listen to it right on your website (without requiring an external player like QuickTime or Windows Media Player).

This page describes how to add and play back audio files directly on your Wild Apricot website.

Uploading MP3 file

To upload your MP3 file to your Wild Apricot account you could either use WebDAV or Document upload functionality. (If you use WebDAV it is recommended to create audio folder). You could also host your file on any other server. (e.g. in our example below we use 'Odeo'. With this service you can create audio podcasts and host them on their server for a small fee)

Add MP3 player to your page

First you have to select which MP3 player to use. For our example we selected 'Odeo' MP3 player.
To insert it, go to your page and open it in Edit mode. Cick on <HTML> button to open an HTML editor. Next, copy-paste the following HTML code on your page.

<embed
      flashvars="valid_sample_rate=true&external_url=MP3_FILE_URL"
      quality="high"
      width="300"
      height="52"
      src="http://www.odeo.com/flash/audio_player_standard_gray.swf"
      allowScriptAccess="always"
      wmode="transparent"
      type="application/x-shockwave-flash"
      pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

Where [MP3_FILE_URL] is the location of your mp3 file.

For our example I have uploaded the file with WebDav therefore the code with URL to the file would be:

<embed
      flashvars="valid_sample_rate=true&external_url=http://alliance.camp7.org/resources/audio/Jazz Groove.mp3"
      quality="high"
      width="300"
      height="52"
      src="http://www.odeo.com/flash/audio_player_standard_gray.swf"
      allowScriptAccess="always"
      wmode="transparent"
      type="application/x-shockwave-flash"
      pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

Inserted audio player would appear similar to our example:

Labels

 
(None)