How to HTML Embed an MP3 File

To play your favorite songs on your website, it is necessary to embed the HTML code of the file. This allows friends and family members to enjoy music while perusing your site. There are a few different ways to embed an MP3 file into an HTML document. You can instruct the song to play automatically, to start playing by clicking on a link or give the user a control panel to adjust sound settings.

Print this article

Instructions

Automatic Play
- 1
  
  Open the HTML document or Web design program document that you wish your music to play on when the page is loaded.
- 2
  
  Type "<embed src="yoursong.mp3">" (without the quotation marks) and press the "Enter" key. Then type "<noembed> <bgsound src="yoursong.mp3"> </noembed>". Replace "yoursong.mp3" with your song file's name. This should go into the "<head>" section of your HTML document or Web design program.
- 3
  
  Upload the HTML document or Web page and the MP3 file to the Web server in the same directory as your website. Depending on which Web server you use, this process will vary.
Control Panel
- 4
  
  Open the HTML document or Web design program document that you wish to add music to.
- 5
  
  Enter "<embed src="yoursong.mp3" (without quotation marks and replacing "yoursong.mp3" with your song file's name) and then press the "Enter" key. Type "width=140 height=40 autostart=false loop=FALSE>" (without quotation marks) and press the "Enter" key. Then type "</embed>" (without quotation marks). Type this into the HTML document or Web design program anywhere you want the control panel to appear.
- 6
  
  Upload the HTML document or Web page and MP3 file to the Web server in the same directory as your website.
Click a Link
- 7
  
  Open the HTML document or Web design program to which you want to add a link to play your MP3 file.
- 8
  
  Type "<a href="yoursong.mp3">Click to play music </a>" (without quotation marks and replacing "yoursong.mp3" with your song file's name) anywhere in the HTML document or Web design program document you wish the link to appear.
- 9
  
  Upload the HTML document or Web page and the MP3 file to the Web server in the same directory as the rest of the documents in your website.

Hyper Gurl: Music Codes

Comments

How to Embed Audio in HTML
Embedding audio in a blog or website can provide users with many benefits. You can set the website or blog to automatically...
How to Embed an MP3 Player With HTML
MP3 players are a popular feature on many web sites. They can play any kind of audio content online, from music to...
How to Embed MP3 Audio Files in Web Pages
Embedding an MP3 in a web page to play a sound while the page loads is easy to do using the embed...
How to Convert MP3 Into a HTML Code
Digital music files are popular additions to web pages, especially social networking sites. Before music can be streamed online, it must be...
How to Embed MP3 Files into a Website
If you have a website and want to share an MP3 without making your visitors download the file, there is an easy...
How to Embed Album Art in an MP3 Tag
You can add album artwork to your MP3 tags by using Windows Media Player, included in every Windows operating system. Each MP3...
How to Embed MP3 Flash Player Audio Files in Web Pages
Embedding streaming audio files into your web page is a relatively simple task if you are familiar with the general principles of...
How to Convert FLV Files to MP3 Files in Linux
Many videos on the Internet are coded in the Flash Video or FLV format. The FLV format is only playable with certain...
How Can I Change a WAV File Into an MP3 File?
A WAV file is a raw sound file that is used by many recording and audio programs. Before MP3 files came around,...
How to Embed an FLV Player With FLV Files
Flash Video Files, commonly known as FLV files, are most used with Adobe and Macromedia flash players, and usable on most operating...
How to Embed a Flash MP3 Player
Flash is a well-recognized program that Web developers use to create graphics, video and audio. You can embed a Flash MP3 player...
How to Embed Files in PDF Documents
Adobe Acrobat not only allows you to create your own Portable Document Format (PDF) documents, it is also capable of embedding other...
How to Embed MP3 Files With Windows Media Player
Embedding MP3 files with a Windows Media Player is one of the most common types of embedding found on the Web. Corporations...
How to Convert MP3 to MIDI Open Source
If you have some MP3 files that you want to convert to multi-track MIDI files using Open Source software, there is currently...
How Can I Insert an Image Into an MP3 File?
MP3 files can store extra data (called metadata) in the form of ID3 tags. This information is usually added to the beginning...
How to Embed a PHP File in HTML
PHP files are text files with the php extension. Similar to HTML files, a PHP file contains the code for a PHP...
How to Embed in a Zip File
Creating zip files can be advantageous thanks to the fact that they take up less space and allow you to send less...
How to Play MP3 Music with HTML
Music can make a web page more dynamic. HTML will allow you to add music to your page. You can code your...
How to Download Embedded MP3 Files
An increasing variety of free flash widgets and open-source JavaScript players have given website authors the ability to seamlessly integrate streaming, full-length...

How to HTML Embed an MP3 File

Other People Are Reading

Instructions

Automatic Play

Control Panel

Click a Link

References

More Like This

Comments

You May Also Like

Related Ads

Kid-Approved iPad Apps by Mom.me

You May Like