Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
Changing the Background Colour
by CodeBelly
Alternating Backgrounds
by Depiction.net
How to Separate an Image from its Background
by Daniel Piechnick
Music
by Lindsay Coome
Web Development Tutorials
Rich collection of PHP and MySQL tutorials as well as tutorials on different content management systems.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Web Programming  Home Web Programming JavaScript How to Make Background Music in JS
rss

How to Make Background Music in JS

Author: iCe More by this author

Added: Sept 16, 2008 Rating:  Average Rating: 2.84 Votes: 43 Position: 9959 of 13475Average Rating: 2.84 Votes: 43 Position: 9959 of 13475Average Rating: 2.84 Votes: 43 Position: 9959 of 13475Average Rating: 2.84 Votes: 43 Position: 9959 of 13475Average Rating: 2.84 Votes: 43 Position: 9959 of 13475 Level: Beginner Software:  DreamweaverPHP Editors

1. Do an IFRAME, iframe src: music.htm

If you don't know how to make i frames, read this: Iframes Basics

2. Make new htm doc.

Write in it this code in <head>:

<bgsound id="PlayMusic">
<script type="text/javascript">
<!--
PlayMusic.src="music.mp3";
function OnOff() {
   if (PlayMusic.src=="")
   {
   PlayMusic.src="music.mp3";
   OnOffButton.value="Stop";
   } else {
   PlayMusic.src="";
   OnOffButton.value="Play";
   }
}
// -->
</script>

replace the file name in "music.mp3". its not must be mp3, its can be MID or WAV, but the best is MP3 or MID.
now, in the <body> but this:

<input type="button" name="OnOffButton" value="Stop" onClick="OnOff()">

and save it as "music.html
the html shod look loke this:

<html>
<head>
<bgsound id="PlayMusic">
<script type="text/javascript">
<!--
PlayMusic.src="music.mp3";
function OnOff() {
   if (PlayMusic.src=="")
   {
      PlayMusic.src="music.mp3";
      OnOffButton.value="Stop";
   } else {
      PlayMusic.src="";
      OnOffButton.value="Play";
   }
}
// -->
</script>
</head>
<body bgcolor="#000000" scrollamount="0">
<input type="button" name="OnOffButton" value="Stop" onClick="OnOff()">
</body>
</html>

Now, u have a web site background music without flash!!!



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Web Programming  More Web Programming: Most Popular Materials | Fresh Materials | More JavaScript Tutorials at LearnPHP.org
Add comments to "How to Make Background Music in JS"