RealMediaビデオのHTMLへの組込み方法
ヘルパー版としての組込み方法
- ヘルパー版ビデオは、RealPlayerがヘルパーアプリケーションとして立ち上がり、ブラウザとは別のウィンドウで再生されます。
サンプル例はこちらです−−>ヘルパー版ビデオ
- 「rmファイル」のURLを記述した次の様な1行のみの「ramファイル」を作成します。このファイルはメタファイルと呼ばれます。URLの指定は、絶対パスを使う事が必要で相対パスではうまく再生出来ない事があります。
「http://www2h.biglobe.ne.jp/~hnakamur/bb/video/030105/030105plussound.rm」
- HTMLファイルからは、次の様にramファイルを呼びます。尚、デレクトリ部分は自分のページの構成に合わせて指定して下さい。
<A HREF="video/030105/030105plussound.ram">ヘルパー版ビデオ</A>
- 以上です。
埋め込み版としての組込み方法
- 埋め込み版ビデオは、RealPlayerがブラウザ画面の中にプラグインとして埋め込まれて再生されます。
サンプル例はこちらです−−>埋め込み版ビデオ
- 「rmファイル」のURLを記述した次の様な1行のみのメタファイルを作成します。この内容は、ヘルパー版の時と全く同じですが、ファイル名はヘルパー版の場合とは異なって「xx.rpm」とします。
「http://www2h.biglobe.ne.jp/~hnakamur/bb/video/030105/030105plussound.rm」
- HTMLファイルからは、次の様に「rpmファイル」を呼びます。
IE用には、<OBJECT>タグを使ってRealPlayerのActiveXコントロールを指定します。CLASSIDは下記の値をそのまま使用して下さい。NCまたはNNは、<OBJECT>タグを無視します。NCまたはNN用には<EMBED>タグを使用してプラグインを指定します。逆にIEは、<EMBED>タグを無視します。「rpmファイル」は上で作成したファイル名を指定します。WIDTH、HEIGHTは使用するビデオに合わせますが、その他は下記の値そのままで問題無いと思います。
<OBJECT ID="video1" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
HEIGHT=240 WIDTH=320>
<PARAM NAME="controls" VALUE="ImageWindow">
<PARAM NAME="console" VALUE="Clip1">
<PARAM NAME="autostart" VALUE="true">
<PARAM NAME="src" VALUE="030105plussound.rpm">
<EMBED SRC="030105plussound.rpm" WIDTH=320 HEIGHT=240 CONTROLS="ImageWindow" AUTOSTART="true" CONSOLE="Clip1">
</OBJECT>
上記だけでもビデオ再生には問題ありませんが、他に再生コントロールバーとボリュームを付けると親切ですので、その場合は以下の様に<OBJECT>タグと<EMBED>タグを使用して追加します。「rpmファイル」は上記と同じファイル名を指定します。WIDTH、HEIGHTは適当に変更してもかまいませんが、その他は下記の値そのままで問題無いと思います。
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
HEIGHT=100 WIDTH=400>
<PARAM NAME="controls" VALUE="ControlPanel">
<PARAM NAME="console" VALUE="Clip1">
<EMBED SRC="030105plussound.rpm" CONSOLE="Clip1" CONTROLS="ControlPanel"
HEIGHT=42 WIDTH=250 AUTOSTART=true>
</OBJECT>
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
HEIGHT=100 WIDTH=30>
<PARAM NAME="controls" VALUE="VolumeSlider">
<PARAM NAME="console" VALUE="Clip1">
<EMBED SRC="030105plussound.rpm" CONSOLE="Clip1" CONTROLS="VolumeSlider"
HEIGHT=42 WIDTH=30 AUTOSTART=true>
</OBJECT>
- 以上です。
前に戻る | 次へ進む
ストリーミングHOWTOへもどる
Copyright (c) 2000-2008 Hiroshi Nakamura. All rights reserved.
|
|