Website background music implementation method

Among them, autostart is used to set whether the music plays automatically when the page is opened, and hidden is used to set whether to hide the media player. Because embed is actually like a music player on a web page, if it is not hidden, your system's default media plug-in will be displayed.

For these two methods, I think each has its own advantages and disadvantages: in the first method, the music plays when the page is opened. If the page is minimized, the music will automatically pause. If the second method is used, this will not happen. As long as the window is not closed, it will continue to play. Therefore, I hope that everyone will choose the method of adding music according to their own situation during use.

After learning the simple method of adding music to the web, you should work on the interface and functions. We can use "Web Music Player" to create a stylish music player.

2. Create a stylish music player

After learning the simple method of adding music to the web, you should work on the interface and functions. We can use "Web Music Player" to create a stylish music player.

Tip: "Web Music Player" is a web page plug-in. After running the created page, it will call the system's built-in Windows Media player to play the pre-set MP3 songs.

1. Simple settings

First, download the playback plug-in (download address: https://www.jb51.net/jiaoben/32793.html), unzip it and enter the directory. Music.htm is the playback bar page we want to load on the homepage, list.htm is the pop-up page for viewers to view the playlist, the js folder contains several playback control files, and img contains some playback interface image files.

Use web editing software to open music.htm and find the following code:

<script Language="Javascript">
var blnAutoStart = true?
var blnRndPlay = false?
var blnStatusBar = false?
var blnShowVolCtrl = true?
var blnShowPlist = true?
var blnUseSmi = false?
var blnLoopTrk = true?
var blnShowMmInfo =false?
</script>

Here you can make basic settings for the player. The above sentences mean: whether to play automatically, whether to play sequentially, whether to display the status bar, whether to display the sound control status, whether to allow the display of the playlist, whether to use the SMI mode, whether to play in a loop, and whether to display song information. You can set them according to your needs, where true means "yes" and false means "no". In addition, to make your play bar more personalized, you can also find the <marquee>......</marquee> statement in the music.htm code and change the homepage name to the name of your own homepage.

(II) Add a playlist

Open the playlist file bglist.js in the js folder, and you can add your favorite songs to the list here. The specific format of adding is mkList "song path"? "song description"?, where "song path" can be the local address you uploaded to the host, or you can specify the MP3 address on the network, and "song description" is used to scroll on the play bar, which can be the singer and the name of the song. For example, if we want to add Jay Chou's "Tornado", we first find the link address that can be played in real time on the Internet, and then add it to the list: mkList "http://202.102.43.37/hy/yinyue/周杰伦/09.mp3"? "Jay Chou - Tornado".

Tip: In order to keep your homepage music fresh, we can update the playlist at regular intervals.

(III) Install the player

In order to prevent the continuity of song playback from being affected by clicking on the homepage link, we need to install the playback page music.htm on the homepage in the form of a frame.

Taking FrontPage 2003 as an example, execute "New → Other Web Page Templates" to pop up the "Web Page Template" window, select "Frame Web Page → Footer", and after "OK", set the initial web page in the upper frame to point to your homepage, and the lower frame to point to music.htm. Then remove the frame border in the frame properties and adjust the height of the lower frame appropriately (Figure 4). The frame height should be enough to accommodate the height of the play bar. Once you are satisfied with the preview, you can save the page and then point your website to this new page.