선택상자로 여러 midi 연주하기
어떤 페이지에 <embed src="midifile.mid" autostart="true"> 는
midifile.mid화일을 다 출력후 연주를 시작합니다. nn3, nn4는 기본으로 있는 Liveaudio Plug-in으로 연주를
하고 ie4는 ActiveX를 브라우저가 가지고 있으면 연주를 합니다.
실행하기
---------------------------------------------
<![CDATA[
start.htm에서..
<html>
<head>
</head>
<frameset rows="20%,*" border=0>
<frame src="play.htm" name="play">
<frame src="list.htm">
</frameset>
</html>
]]>
---------------------------------------------
<![CDATA[
play.htm에서..
<html>
<body>
<center><font size=-1>연주 상태 창</font></center>
</body>
</html>
]]>
---------------------------------------------
<![CDATA[
list.htm에서..
<HTML>
<HEAD>
<TITLE>Music List</TITLE>
<script language="JavaScript">
function selectMusic(X) {
if ( !soundOn ) {
window.status = "Your browser does not support sound";
return
}
var thisMid = X.options[X.selectedIndex].value
if ( thisMid == "NO" ) return;
else parent.play.location.href = thisMid
}
function stopMusic() {
parent.play.location.href = "play.htm"
}
function chackClient() {
if ( (self.java && (navigator.plugins["LiveAudio"] != null) && (parseInt(navigator.appVersion)>=3)) || document.all )
soundOn = true
else
soundOn = false
}
chackClient()
</script>
</HEAD>
<BODY>
<center>
<form>
<select onChange="selectMusic(this)">
<option value="NO">곡목을 선택하세요..</option>
<option value="mid1.htm">MID 1</option>
<option value="mid2.htm">MID 2</option>
<option value="mid3.htm">MID 3</option>
</select>
<input type=button value="STOP" onClick="stopMusic()">
</form>
</center>
</BODY>
</HTML>
]]>
---------------------------------------------
<![CDATA[
mid1.htm에서..
<html>
<body>
<center><font size=-1>MID 1</font></center>
<EMBED SRC='mid1.mid' LOOP=false AUTOSTART=true HIDDEN=true>
</body>
</html>
]]>
---------------------------------------------
<![CDATA[
mid2.htm에서..
<html>
<body>
<center><font size=-1>MID 2</font></center>
<EMBED SRC='mid2.mid' LOOP=false AUTOSTART=true HIDDEN=true>
</body>
</html>
]]>
---------------------------------------------
<![CDATA[
mid3.htm에서..
<html>
<body>
<center><font size=-1>MID 3</font></center>
<EMBED SRC='mid3.mid' LOOP=false AUTOSTART=true HIDDEN=true>
</body>
</html>
]]>
---------------------------------------------
나머지는 추가할 만큼을 list.htm의 <option value="추가노래.htm">추가노래</option>
를 넣어주고 mid1.htm과 mid2.htm처럼 각 mid 화일을 넣어주고
똑같은 화일을 하나씩 만들어주면 됩니다. 반복해서 연주는 LOOP=true로 해주면 됩니다.
TOP