Insert Background Music Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums

    Insert Background Music

    Shadow
    Shadow
    Shadow
    Manager
    Manager


    Male Posts : 16217
    Reputation : 1831
    Language : French, English
    • Post n°1

    Tutorial Insert Background Music

    Post by Shadow April 18th 2008, 9:52 am

    Insert Background Music


    Background music


    Time to time if you want to make your forum more attractive then
    you can think about adding some nice background music to it. However
    please don't forget that html background music needs more bandwidth. The
    usually used mp3 files are small compared to .wav files, but even so
    much bigger then a normal html page. The W3C not approved
    <embed>. Besides this it can annoying peoples, even if you make
    it possible to control the sound. After this introduction let's make
    some work.
    Using HTML background music is not a complicated
    task. You just need to select a sound file. It can be mp3, wav, mid but
    don't forget that is should be as small as possible. After you have the
    music it's time to integrate it into your html document. To do this we
    need to use the <embed> html tag. The <embed> tag inserts a
    browser plugin into your webpage. This plugin is installed on the
    client machine.
    It's time to see a basic html background music integration. Here is a code which plays your sound:
    Code:

    <body>
    <p>Background Music</p>
    <embed src="bgsound.mp3" autostart="true">
    </body>




    This code simply plays the given .mp3 file as the page is loaded.
    However if the file ends the music will stop, so you maybe want to set
    to play music in a loop. Of course you can do this by the loop
    parameter and as result your code will look like this:
    Code:

    <embed src="bgsound.mp3" autostart="true" loop="true"> 
    You can also control the size of the browser plugin like this:
    Code:

      <embed src="bgsound.mp3" autostart="true" width="400" height="20"> 
    It's nice that with this solution the visitor can control the
    background music, but it destroys your page design. So you maybe want
    to hide the control panel of the browser plugin. In case of <embed> tag you can also use the hidden parameter as follows:
    Code:

    <embed src="bgsound.mp3" autostart="true" loop="true" hidden="true"> 
    At the end once again be careful when to use html background music.

    To add this player, go into your Admin panel General -> Display -> Homepage -> Generalities - Homepage message



    This tutorial was written by Ivanax
    • Back to top