ChocoPlayerForWeb の紹介とヘルプ
ChocoPlayerForWeb(以下、プレイヤー) は WMV、WMA、MP3 を Web ページに埋め込める、Silverlight(*1) を使ったシンプルなメディア(オーディオ、ビデオ)プレイヤーで、「Windows Media エンコーダ」等を用いたライブ配信を再生することもできます。(*1)Silverlight はマイクロソフトの RIA(Rich Internet Applications) プラットフォームで、しばしばマイクロソフト製 Flash と評される技術です。
プレイヤーはサーバー上に本体を一つだけ配置しておけば、複数のメディアを再生できます。
ここではファイル・フォルダの構成を
とします。
- /ChocoPlayerForWeb
- プレイヤー一式の配置フォルダです。
- /ChocoPlayerForWeb/Sample/index.html
プレイヤを表示したいページです。
/ChocoPlayerForWeb/Sample/Video.wmv 再生するメディア1(ビデオファイル)です。/ChocoPlayerForWeb/Sample/Audio.wma 再生するメディア2(オーディオファイル)です。
まずプレイヤーを表示したいページの head タグ内に以下のような script タグを追加します。
<script type="text/javascript" src="/ChocoPlayerForWeb/ChocoPlayerForWeb.js"></script>
次にページ内のプレイヤーを表示したい場所に以下のような iframe タグを追加します。
<iframe title="チョコの水浴び(ビデオ)" src="/ChocoPlayerForWeb/TestPage.html" width="320px" height="280px" onload="InitChocoPlayerForWeb(this, 'Video.wmv', true, false, false)"> Silverlight 2 がインストールされた iframe 対応のブラウザでご覧下さい。 </iframe>
iframe の属性の意味はそれぞれ
- title
- プレイヤーのタイトルです。
- src
- プレイヤー本体のパスです。
- width
- プレイヤーの幅です。
- height
- プレイヤーの高さです。
- onload
- ChocoPlayerForWeb.js 内に書かれた初期化メソッドです。プレイヤーはメディアに接続してからメディアを再生します。初期化メソッドでは再生するメディアを指定するほか、自動的に接続したり再生したりするよう指定できます。メソッドの引数は以下の通りです。
- 常に「this」としてください。
- 再生したいメディアのアドレスです。
- ページが開かれたときに自動でメディアへ接続するかどうかを指定します。設定値には「true(自動的に接続します。)」「false(自動的には接続しません。)」があり、規定値は「false」です。この設定値を「true」とした場合、ページを開いた直後にビデオや画像の最初のフレームを表示できます。しかしページ内にたくさんのプレイヤーがある場合は全て開こうとするため、ネットワーク負荷が高くなり、すべて開くまでに時間のかかる場合があります。
- メディアへの接続が完了したときに自動でメディアを再生するかとうかを指定します。設定値には「true(自動的に再生します。)」「false(自動的には再生しません。)」があり、規定値は「'wait'」です。
- リピート再生するかどうかを指定します。設定値には「true(リピートします。)」「false(リピートしません。)」があり、規定値は「false」です。
となります。また再生されるビデオや画像は縦横比が保たれるようにしてプレイヤー一杯に拡大・縮小され、余白は黒くなります。なお、プレイヤーのコントロールバー(再生ボタンやシークバー等)の高さは40ピクセルです。
なお、このセクションのサンプルページをその他のサンプルでご覧いただけます。
ChocoPlayerForWeb はページが表示されるときに初期化処理を行います。一部のブラウザは「戻る」ボタン等を押した際にキャッシュが働いて正常な初期化処理が行えません。そこでキャッシュを無効とするために「ChocoPlayerForWeb.js」内で何もしない「onunload」イベントハンドラを実装しています。従って、onunload イベントを別途実装する際は、これを削除して下さい。
ChocoPlayerForWeb は
PAROF:http://www.parof.jp/
にて公開中です。
使用許諾に記載のとおり、原則として無保証です(サポートを行いません)が、ご意見・ご要望があれば検討したいと思っています。また、バグ報告は歓迎です(ただし、すぐに対処できるとは限りません)。その他、特別なお問い合わせも含め、連絡は下記アドレスにお願いいたします。
support123[at]parof.jp
※すべて半角にした上で[at]を「@」に置き換えてください。