▼ maxiタイプ
| サンプル | HTMLコード |
|---|---|
|
.maxiタイプのデフォルトパネルとJavascript
|
<head>
<script language="Javascript">
var vsw = 0;
function play() {
document.getElementById("Mp3maxi_Player").SetVariable("player:jsPlay", "");
}
function pause() {
document.getElementById("Mp3maxi_Player").SetVariable("player:jsPause", "");
}
function stop() {
document.getElementById("Mp3maxi_Player").SetVariable("player:jsStop", "");
}
function volume(n) {
if(vsw==0){vsw=1} else{vsw=1};
document.getElementById("Mp3maxi_Player").SetVariable("player:jsVolume", n);
}
</script>
</head>
<body>
<object id="Mp3maxi_Player" type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
<param name="wmode" value="transparent" />
<param name="movie" value="./player_mp3/maxi/player_mp3_maxi.swf" />
<param name="FlashVars" value="mp3=./mp3/s_mai.mp3" />
<p>Texte alternatif</p>
</object>
<!-- Javascript コントロール-->
<a href="javascript:play(); volume(60)"><img src="./img/start_icon.gif" width=32 border=0 alt="再生"></a>
<a href="javascript:pause()"><img src="./img/pause_icon.gif" width=32 border=0 alt="一時停止"></a>
<a href="javascript:stop()"><img src="./img/stop_icon.gif" width=32 border=0 alt="停止"></a>
<a href="javascript:if(vsw==1){ volume(0)} else{volume(50)}">
<img src="./img/speaker_icon.jpg" width=32 border=0 alt="音量－停止/開始 交互"></a>
|
|
デフォルトパネルに、STOPボタン、INFOボタンおよび音量ボタンを追加し、 |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="./player_mp3/maxi/player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=./mp3/Etude5.mp3&showstop=1&showinfo=1&showvolume=1&buttoncolor=00ffff&buttonwidth=20" /> <p>Texte alternatif</p> </object> |
|
パネルの色を変更 |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
<param name="wmode" value="transparent" />
<param name="movie" value="./player_mp3/maxi/player_mp3_maxi.swf" />
<param name="FlashVars" value="mp3=./mp3/fremden.mp3
&bgcolor1=ffffff&bgcolor2=cccccc&buttoncolor=999999
&buttonovercolor=0&slidercolor1=cccccc&slidercolor2=999999
&sliderovercolor=666666&textcolor=0&showvolume=1" />
<p>Texte alternatif</p>
</object>
|
|
パネルに、画像を使用 |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20"> <param name="wmode" value="transparent" /> <param name="movie" value="./player_mp3/maxi/player_mp3_maxi.swf" /> <param name="FlashVars" value="mp3=./mp3/s_mai.mp3&skin=./player_mp3/maxi/skin001.jpg" /> <p>Texte alternatif</p> </object> |
|
フラッシュのパラメータをテキストファイル（外部ファイル）を使用 |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="300" height="30"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="config=./player_mp3/maxi/config.txt&bgcolor1=00ff00" /> <p>Texte alternatif</p> </object> |
|
フラッシュのパラメータをXMLファイル（外部ファイル）を使用 . |
<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="300" height="30"> <param name="wmode" value="transparent" /> <param name="movie" value="player_mp3_maxi.swf" /> <param name="FlashVars" value="configxml=./player_mp3/maxi/config.xml&bgcolor1=ffcc00" /> <p>Texte alternatif</p> </object> |
最終更新日：2010.6.12