<html><!-- ①再生メインHTML 再生/停止画像ボタンにしたがい、再生用HTMLまたは停止用HTMLをiframeに、ロードします -->
・・・
<img src="start.gif" width=32 alt="再生ボタン" id=START1 onClick="document.getElementById('PLAYDIV').src='sound-start.html'">
<img src="stop.gif" width=32 alt="停止ボタン" id=STOP1 onClick="document.getElementById('PLAYDIV').src='sound-stop.html'">
<iframe src="sound-stop.html" id=PLAYDIV width=50 height=10 marginheight=0 marginwidth=0 frameborder=0 fallowtransparency=true>
</iframe><!-- iframeタグは、可能な限り小さくし、目立たない場所に置く -->
・・・
</html>
<html><!-- ②再生用HTML(sound-start.html) 再生ボタンのクリックにより、iframeにロードされる -->
<head>
<title>START-音声再生</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript"> <-- このHTMLでEMBEDタグを定義する -->
<!--
if (document.all){
document.write('<EMBED SRC="./mid/ANDANTE22.mid" AUTOSTART="true" LOOP="true" HIDDEN="true" TYPE="audio/midi">');
//document.write('<BGSOUND SRC="./mid/ANDANTE22.mid" LOOP="infinite">');
}else{
document.write('<EMBED SRC="./mid/ANDANTE22.mid" AUTOSTART="true" LOOP="true" HIDDEN="true" TYPE="audio/midi">');
}
//-->
</SCRIPT>
</body>
</html>
<html><!-- ③停止用HTML(sound-stop.html) 停止ボタンのクリックにより、iframeにロードされる -->
<head>
<title>STOP-音声停止</title>
</head>
<body>
</body>
</html>
|