How do I add an audio file to my website?

Audio is a great way to spice up a website and give it flavor based on the content or the context. There are several ways to create audio and thus several ways to add it.

For one, if you're familiar with HTML, you can embed it into your page's HTML code. There are different codes for that depending on what kind of file it is, whether it's a WAV, MP3, or other format. For instance, you can add something like <EMBED src="file.mp3" autostart=true hidden=true > to your code, while changing the file name and other qualities, of course. Using HTML, you can adjust different qualities like autostart (will it start when a visitor views the page automatically or with the click of a button?) or loop (will it play once or over and over again?). Check out this site to see the codes to use to embed a sound file into your site.

There are various software tools to put streaming audio on your site, such as Easy Audio Tools or Hoo Technologies, which may give you a chance to choose from files they already have.

If you have a program like Dreamweaver, you may be able to add audio with it. All you have to do is select Insert > Media > Plugin from the navigation bar at the top, then in the Property inspector, find the audio file to insert. To customize the size at which the audio controls are displayed in the browser, you can choose the width and height.

Audio files include podcasts, too, so record your podcast with whatever audio recording software you choose, save it as an MP3 file, upload it to your server, and simply link to it! You can embed it in any of the ways already listed like a music file.

Also, if you're lucky, you might have a host with audio capabilities already, so all you have to do is indicate which audio file you might want to add and upload it.

Dreamweaver Tutorial - How to add audio to your website

Demo: How to add audio to your site

More by this Author


Comments 4 comments

Research Analyst profile image

Research Analyst 8 years ago

I will check this out, thanks.


SuperTruck 7 years ago

Thanks, looks like some good helpful stuff for a change


Insert media into wordpress site or post 3 years ago

Insert media into wordpress site or post

http://priortuts.com/how-to-insert-media-into-word...


rahul 21 months ago

I wonder from where you get such brilliant topics.! LOL!! ;)

Thanks!

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working