Stream MP3 in the background

Posted on 2004-08-19
Last Modified: 2013-12-24
As a newbee,
I am looking for a way to stream background sound in my website.
I have 10 different themes, currently in MP3.

1. A theme would be chosen randomly and played in the background.
2. Each sound file is like 3MB and therefore better not force the users to download all of them
   in advance.
3. I would like to give the user the ability to change the background music.
Question by:peledc

Accepted Solution

Squew01 earned 500 total points
ID: 11860244
Add this script just after the <HEAD> tag

<script language="javascript"> Date();;

function rnd() {
        rnd.seed = (rnd.seed*9301+49297) % 233280;
        return rnd.seed/(233280.0);

function rand(number) {
        return Math.ceil(rnd()*number);

function music()
music[0]="mymusic0.mp3"; // Don't forget to change the name


if (navigator.appName.indexOf("Microsoft") != -1){        
document.write('<BGSOUND SRC="'+ music[i] +'"> ')    
else if (navigator.appName.indexOf("Netscape") != -1){
document.write('<EMBED SRC="'+ music[i] +'" HIDDEN=TRUE AUTOSTART=TRUE> ')

Add this code after tha <BODY> tag


To change the played song, use this link <A href="#">Another Song</a>

Don't forget to change mymusic0.mp3, mymusic1.mp3, ...


Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
how to gather data from news site 6 46
want to make the replica of this web based application, which tools are needed. 7 172
Facebook custom search 4 205
Grunt No Clean Targets 6 188
Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question