Media Player
Media Playerは、[WAV]・[AU]・[IFF]・[MIDI]・[MP3]形式のサウンドファイルを再生できます。
ビデオファイルは、[AVI]・[WMV]・[MPEG]・[Indeo]形式に対応しています。 他に、Real PlayerやQuick Timeなどがあります。
サウンドは、訪問者によって嫌う方もいます。 再生制御の機能を付けるることはWeb制作者のマナーと思います。 またビデオ再生は、訪問者の接続環境やPC環境が異なりますから、同様に再生制御の機能を付けることが必要です。
※このページのサウンドは、Microsoft Windows98SEに添付されているMIDIを使用しています。
Active Xでの指定
Active Xで指定する場合、<OBJECT>タグで指定します。
CLASSID="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"で、Media Playerの指定し、<PARAM>で再生の指定をします。VALUEのON・OFFは、true(-1)で設定、false(0)で設定なしになります。
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
id="MediaPlayer">
<param name="Filename" value="URL">
<param name="AutoStart" value="自動スタート true | false">
<param name="AutoRewind" value="自動巻き戻し true | false">
<param name="PlayCount" value="再生回数 0で無限">
<param name="AutoRewind" value="自動巻き戻し true | false">
<param name="Volume" value="音量 -10000~0">
<param name="Balance" value="左右の音量バランス -10000>0<10000">
<param name="ShowControls" value="全てのコントロールバー true | false">
<param name="ShowAudioControls" value="音量コントロールバー true | false">
<param name="ShowDisplay" value="タイトル・著作権 true | false">
<param name="ShowGotoBar" value="関連リンクバー true | false">
<param name="ShowPositionControls" value="早送り・巻き戻しバー true | false">
<param name="ShowStatusBar" value="ステータスバー true | false">
<param name="ShowTracker" value="再生位置バー true | false">
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="AutoStart" value="False">
<param name="AutoRewind" value="True">
<param name="Filename" value="../sound/sample.mid">
<param name="ShowControls" value="True">
</object>
Media Play非表示で制御
<PARAM NAME="ShowControls" VALUE="false">で、Media Playを表示させません。
<OBJECT>のID名.PLAY()で再生、ID名.STOP()で停止させることができます。
サンプルでは、ONCLICKを使用してPLAYボタンをクリックすると音楽が再生し、STOPボタンで停止します。
PLAY STOP
<style type="text/css">
<!--
.play { font-size: 9.0pt; font-weight: bold;
font-family: Arial;
background-color: rgb(51,102,255);
color: rgb(255,255,255);
padding: 2px 4px;
border: 2xp inset rgb(51,102,255);
cursor: hand; }
.stop { font-size: 9.0pt; font-weight: bold;
font-family: Arial;
background-color: rgb(255,51,51);
color: rgb(255,255,255);
padding: 2px 4px;
border: 2xp inset rgb(255,51,51);
cursor: hand; }
-->
</style>
<object id="WMP" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">
<param name="AutoStart" value="False">
<param name="AutoRewind" value="True">
<param name="Filename" value="../sound/textsnd.mid">
<param name="ShowControls" value="False">
</object>
<p><span onclick="WMP.play()">PLAY</span> <onclick="WMP.stop()">STOP</span></p>