How to Embed an Audio Player on a Web Page
Embedding an audio player on your Web page gives your visitors a chance to listen to the music collection you make available to them and makes your website that much more interactive. You need to upload a Flash audio player and MP3s to your Web server before you can properly embed an audio player on your website.
Other People Are Reading
Instructions
-
-
1
Download a Flash audio player from the Internet or create your own.
-
2
Create a new folder on your Web server and title it "Audio."
-
-
3
Upload the Flash audio player and your MP3s to the "Audio" file on your web server.
-
4
Open the page you want to embed the music player in with your HTML editing program.
-
5
Input the following code on the Web page you are editing:
"<script language="JavaScript" src="http://www.yourpage.com/audio/audio-player.js"></script>
<object type="application/x-shockwave-flash" data="http://www.yourpage.com/audio/player.swf" id="audioplayer1" height="24" width="290">
<param name="movie" value="http://www.yourpage.com/audio/player.swf">
<param name="FlashVars" value="playerID=audioplayer1&soundFile=http://www.yourpage.com/audio/music.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>"
-
6
Replace every instance of the "http://www.yourpage.com/audio/audio-player.js" or "/player.swf" or "/music.mp3" with the name of your Web page, the name of the audio player or music files respectively. Keep the file extensions the same.
-
7
Save the file and preview the page. Test the audio player to make sure it works before you allow the page to go live.
-
1
