Sign in with
Sign up | Sign in

How Can I Add Background Music on My Homepage?

2 solved threads

This Tutorial addresses:
  • Audio
  • Music
  • Programming
Adding background music to your homepage can give your page a professional look and feel. The background music or audio will enhance the users’ experience while they explore the webpage. If your page contains content related to art, you can add some background music on the page according to the genre the page contents support. Your page audio can also suit your taste or the temperament of the services and products your page supports.

You can add or embed background music in the form of audio file which are commonly available. Adding audio can be done through several processes available online. One of them is by embedding a plug-in that supports MP3 file, and the plug-in plays it back when the homepage is initialized.

HTML5 can also embed an audio file using the audio tags. These tags operate in integration with the browser you are using to surf the webpages.

If you are wishing to add background music to your homepage to give it new touch, you can do so
by following the below described procedure:

  1. Initialize the Dreamweaver program, from the Start menu, using any account.

  2. On the interface, select File from the menu bar.

  3. From the drop-down list that appears, click on Open.

  4. On the open box that appears, browse and open the target page.

  5. On the interface, select Source Code under the menu bar, select an area inside the body tag.

  6. On the interface, select Insert from the menu bar.

  7. From the drop-down, select Media.

  8. From the sub drop-down list, select HTML5 Audio, inside the source tag provide the path for the audio file.



  9. For example :< audio controls>
    <source src="audio/MyMusic.mp3" type="audio/mpeg">
    Your browser is not Compatible!
    </audio>.

  10. Select File from the menu bar.

  11. Click on Save from the drop-down to save the changes.

  • Note: While embedding audio on your homepage always remember to give the exact syntax with exact path of the audio file that is stored on your local-host (or online).

    If the audio does not work, this means that your browser does not support audio tags, and you need to upgrade to a newer version or a better browser.
    Can't find your answer ? Ask !