아래의 버튼이나 링크를 클릭하면 사운드 효과를 확인할 수 있습니다.
Example 1
Example 2
<HTML>
<HEAD>
<TITLE> Javascript Sound Effect 01 </TITLE>
<script type="text/javascript">
var soundfile="DOOR.WAV"; //path to sound file, or pass in filename directly into playsound()
function playsound(soundfile){
if (document.all && document.getElementById){
document.getElementById("soundeffect").src=""; //reset first in case of problems
document.getElementById("soundeffect").src=soundfile;
}
}
function bindsound(tag, soundfile, masterElement){
if (!window.event) return;
var source=event.srcElement;
while (source!=masterElement && source.tagName!="HTML"){
if (source.tagName==tag.toUpperCase()){
playsound(soundfile);
break;
}
source=source.parentElement;
}
}
</script>
</HEAD>
<BODY>
<bgsound src="#" id="soundeffect" loop=1 autostart="true" />
<center>
<input type="button" value="Play sound" onClick="playsound('DOOR.WAV');"><br>
<hr width="50%">
<a href="#" onMouseover="playsound(soundfile)">Example 1</a><br>
<a href="#" onMouseover="playsound('DOOR.WAV')">Example 2</a><br>
<hr width="50%">
<div id="coolmenu" onMouseover="bindsound('A', soundfile, this)">
<a href="#">Link 1</a><br>
<a href="#">Link 2</a><br>
<a href="#">Link 3</a><br>
<a href="#">Link 4</a><br>
<a href="#">Link 5</a><br>
</div>
</center>
</BODY>
</HTML>