ＭｅｄｉａＰｌａｙｅｒ制御法

ホームページにＢＧＭを付けたり、ビデオを上映すると、多くのパソコンはＭｅｄｉａＰｌａｙｅｒが起動して実行してくれます。しかし、それらの制御はプレーヤーのコントロールバーに頼ることになり、ページレイアウトに制約となってしまう。また、お客様が曲やビデオを選択して入れ替える機能はコントロールバーにはない。
そこで、ＭｅｄｉａＰｌａｙｅｒのコントロールバーを使わずに制御する方法を解説してみます。

ＢＧＳＯＵＮＤ編

インターネットエクスプローラ専用のタグですがＢＧＭ演奏や音声などの録音再生用に<bgsound>タグがあります。
書式は

<bgsound src="サウンドファイル名" loop="繰返し回数">

です。
エンドレスに繰返す場合はloop="-1"です。
このタグはＪａｖａＳｃｒｉｐｔで入り切りとファイルの差し替えができます。

任意のＩＤ名を付けて、ファイルは空にします。

<bgsound id="bgm" src="" loop="-1">

次にＪａｖａＳｃｒｉｐｔでファイルを切り替える制御用ボタンを作ります
```
 <button onClick="bgm.src='bgm1.mid'">１週間</button>
 <button onClick="bgm.src='bgm2.mid'">マイムマイム</button>
 <button onClick="bgm.src=''">停止</button>
```
ファイル名をブランクにすると、停止しますので、ＯＦＦスイッチにもなります。
それでは、次のボタンで体験してみてください

曲目が多い場合はボタンの代わりに<select>を使うと実用的です。
```
 <select onChange="bgm.src=this.value;">
 <option value="bgm1.mid">１週間
 <option value="bgm2.mid">マイムマイム
 <option value="bgm3.mid">エリーゼのために
 <option value="bgm4.mid">トロイカ
 <option value="" selected>停止
 </select>
```
それでは、次の窓を選択して体験してみてください
ＥＭＢＥＤ編

上記は、インターネットエクスプローラー以外のブラウザを使っている訪問者にも聞こえるようにするには、動画再生もできるＥＭＢＥＤタグがあります。
<embed>タグを使うと、ファイル形式から、使えるプレーヤーを選んで起動させるので、ブラウザの制約が解消できます。
書式は

<embed src="サウンドまたはビデオファイル名" autostart="自動スタート可否" loop="繰返し可否" showcontrols="コントロールバー表示可否" width="横幅" height="高さ">

です。
可は"true"　否は"false"と書きます。

具体的には任意のＩＤ名を付けて次のように書きます。

<embed id="vtr1" src="test.wmv" AutoStart="false" Loop="true" ShowControls="false" width="480" height="360">

のように書きます。
ＢＧＭなどでプレーヤー自体を隠すときはhidden="true"を追加するか width="0" height="0"としてください。

残念ながら、ファイルを空にして入れ替えることはできないようですが、「開始」「静止」「停止」をＪａｖａＳｃｒｉｐｔで制御出来ます。
開始はPlay()、静止はPause()、停止はStop()、をＩＤ名．につけて送ります。
具体的にはボタンの場合
```
<button onClick="vtr1.Play()">開始</button>
<button onClick="vtr1.Pause()">静止</button>
<button onClick="vtr1.Stop()">停止</button>
```
のようになります。

ただし、クイックタイムプレーヤーではPause()は効きませんでした。
さらにネットスケープのメディアプレーヤーは制御自体もできませんでしたので、この程度の制御には使わず、単純に

<embed src="test.wmv" AutoStart="false" Loop="true" width="480" height="360">

として、コントロールバーは表示して使った方が無難です。

ＯＢＪＥＣＴ編

メディアプレーヤーのＡｃｔｉｖｅＸコントロールをＯｂｊｅｃｔを使ってセットするといろんな操作が可能になります。
もちろん、ネットスケープ上でも制御ができますので、これまでの課題はほとんど解消できます。
それをセットするソースは

 <OBJECT ID="MyPlayer" height="360" width="480"
  CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" >
  <PARAM name="URL" value="">
  <PARAM name="autoStart" value="True">
  <PARAM name="uiMode" value="none">
 </OBJECT>

と書きます。
このプレーヤーのＪａｖａＳｃｒｉｐｔでの制御は
　document.getElementById("ＩＤ名").　の後に次のように書いて実行します。

	開始	静止	停止	閉じる
命令	Controls.Play()	Controls.Pause()	Controls.Stop()	Close()

また初期セットできる主なパラメーターは

PARAM	name=""	value=""	現象
自動起動	autoStart	True False	するしない
コントロールバー	uiMode	none mini full	なし簡易全機能
画面モード	fullScreen	True False	フルスクリーン録画サイズ
音量	Volume	0～100	％
演奏ファイル	URL	ファイル名
開始位置	Controls.CurrentPosition	値	経過秒

さらに、いろいろなパラメーターがＭｉｃｒｏｓｏｆｔのライブラリー書かれていますので原文（英文）か（infoseekｗｒｂ翻訳）で参照して研究してください。
このパラメータは上映（演奏）中にＪａｖａＳｃｒｉｐｔで操作することもできます。
書式は

document.getElementById("ＩＤ名")．パラメータ名＝変更値

例えば上映（演奏）ファイルを差し替えたければ

document.getElementById("MyPlayer").URL="test2.wmv";

のようにすれば、入れ替わります
音量の場合は

document.getElementById("MyPlayer").Settings.Volume=50;

のように　.Settings　を付けます。
さらに、プレーヤーの状態を取得することもできます。

	変数名	dの値	内容
状態	d=PlayState;	1 2 3	停止中静止中再生中
現位置	d=Controls.CurrentPosition;	値	経過秒
画面モード	d=FullScreen;	true false	フルスクリーン録画サイズ

たとえば、インターバルタイマーでプレーヤーの状態を監視して、映写が終了したら、次のファイルを連続上映するとか、映像とＢＧＭを別々のプレーヤーで流し映像ファイルをあわせてＢＧＭも変えるというような操作がプログラムできます。大きな作品なら、分割上映というようなプログラムも考えられますし。ＣＯＯＫＩＥに見終わった位置を記憶させ、翌日続きを見るプログラムも可能になりそうです。

実際のプログラムは、読者にお任せすることにして、操作のデモを作っておきましたので体験してみてください。
ＱＰＯＮ出演ＴＶ＆ＶＴＲ
このプレーヤーをこのまま使いたい場合は、次のソースを使ってください。

<script type="text/javascript">
<!--
/////文字色,画面背景,操作部色,横幅,高さ,画面色,画面モード
/////　　　（モード　0:録画サイズ/1:フルスクリーン　/　2:フルスクリーン・停止時非表示
bgc="#ffffff,#444488,#cccccc,360,270,#ccccff,0";
dt=new Array();nn=0;
///////////ファイル名,音量,タイトル//////////
nn++;dt[nn]="vtr1.wmv,100,ＮＨＫ教育ＴＶ「パソコン教室」";
nn++;dt[nn]="vtr2.wmv,20,スカパーＴＶ「デジタル元気人」";
nn++;dt[nn]="vtr3.wmv,100,ＮＥＣ「トヨタ本社工場のＯＡ化」";
//-->
</script>
<script type="text/javascript" src="http://www2a.biglobe.ne.jp/~qpon/html/m_player01.js">
</script>

m_player01.jsを改造する場合は、ここをクリックしてダウンロードしてください。

フルスクリーンプレーヤー

応用ツールを作ってみました
スカパーＴＶ「デジタル元気人」をフルスクリーンで開く

スカパーＴＶ「デジタル元気人」をフルスクリーンで開く２
ソースの必要な方は
<script type="text/javascript" src="http://www2a.biglobe.ne.jp/~qpon/html/full_player.js">
</script>
<a href="JavaScript:full_scr('vtr1.wmv')" title="ダブルクリックで閉じる">デジタル元気人</a>
<a href="JavaScript:full_open('vtr1.wmv')" title="ダブルクリックで閉じる">デジタル元気人</a>

太字の部分を自分のデーターに書き換えて使ってください。

この操作を応用した実用的な、プログラム作品はフォトストーリー連続上映などを参考にしてください。

ＭＯＶファイルの変換

ＱｕｉｃｋＴｉｍｅＰｌａｙｅｒ用の「***.mov」というファイルはＭｅｄｉａＰｌａｙｅｒでは再生できない。
変換ソフトにかけて、事前に「***.wmv」に変換しておく必要があります。
その方法は「ＭＯＶファイルの変換」をご覧ください。