Web ページへの Windows Media の追加

[アーティクル]
12/03/2012

Microsoft Corporation

December 2000

要約 : この記事では、Web ページに Windows Media を追加することがいかに容易であるかを紹介すると共に、ユーザーエクスペリエンスをどこまで高められるかについての概要を説明します。

はじめに
Windows Media メタファイルの作成
シンプルリンクの追加
Windows Media Player の埋め込み
バージョン 7 のコントロールの使用
バージョン 6.4 のコントロールの使用
PARAM 要素の追加
スクリプトの追加

はじめに

Microsoft(R) Windows Media(TM) 技術は Web 向けに設計されています。Windows Media エンコーディングツールを使用すると、Windows Media ファイルおよび作成したライブストリームを管理することができます。Windows Media Player およびプレーヤープログラミングインターフェイスを通じて、エンドユーザーエクスペリエンスを全面的に制御することができます。

この記事では、Web ページに Windows Media を追加することがいかに容易であるを紹介すると共に、ユーザーエクスペリエンスをどこまで高められるかについての概要を説明します。

この記事で紹介される例をテストするには、Windows Media Player バージョン 7 をインストールする必要があります。WMP バージョン 7 にはバージョン 6.4 の機能も含まれているため、バージョン 7 をインストールすると両方のバージョンの機能を活用することができます。例の中には、WMP の両方のバージョンで動作するものもあれば、バージョン 7 でのみ動作するものもあります。バージョン 7 でのみ動作する場合は、その旨を注記します。Windows Media Player 7 は Windows Media Web サイトからダウンロードできます。

Windows Media メタファイルの作成

Windows Media を自分の Web ページに追加する最初のステップは、1 つ以上の Windows Media メタファイルを作成することです。Windows Media メタファイルは単純なテキストファイルであり、メタファイルには、.wax、.wvx、または .asx という拡張子が付きます。一般に、Windows Media の各ファイルまたはストリームごとに、メタファイルを 1 つ作成します。たとえば、BigSur.wmv という名前のビデオファイルがある場合、BigSur.wvx という名前のメタファイルを作成します。

メタファイルはリダイレクタファイルの役割を果たします。Web ページにリンクを追加するときに、ファイルの URL (Uniform Resource Locator) を挿入するのではなく、代わりにメタファイルにリンクします。メタファイルに対象ファイルの URL が収められています。エンドユーザーがリンクをクリックすると、ブラウザにより小さなメタファイルがダウンロードされます。それから、メタファイルの内容が Windows Media Player に送られます。そして、WMP により、サーバーへの接続とデジタルメディアの再生が行われます。

メタファイルを使用する理由は、ダイレクトリンクの場合、デジタルメディアが期待どおりに再生されるという保証がないからです。Microsoft Internet Explorer の最近のバージョンでは、オーディオおよびビデオは適切にストリーミングされます。しかし、他のブラウザは、ファイルをダウンロードし、それを Web ページとして開こうとしたり、エンドユーザーにエラーメッセージを送ったりする可能性があります。メタファイルを使用すれば、デジタルメディアが適切にストリーミングされることが保証されます。

Windows Media のメタファイルはマイクロソフトのメモ帳などのテキストエディタを使用して作成できます。簡単なメタファイルスクリプトの例を以下に示します。

<ASX version = "3.0">
<Entry>
<Ref href = "mms://WindowsMediaServer/MyFile.wmv" />
</Entry>
</ASX>

メタファイルでは、豊富な一連の機能とプロパティを備えた、XML ベースのスクリプト言語を使用します。この例では、メタファイルは単純に MyFile.wmv という 1 つのファイルを再生するように Windows Media Player に指示しています。

ASX 要素はそれに囲まれているスクリプトが Windows Media メタファイルの一部であることを定義します。
Entry 要素はデジタルメディアを指定します。
Ref href 要素は対象メディアの URL を指定します。MMS は、Windows Media サービスによって認識される、Windows Media のストリーミングプロトコルです。

メタファイルには複数の Entry 要素を含めることができます。それにより、再生リストを作成することができます。また、デジタルメディアの再生を制御する要素、テキストプロパティ、および Windows Media Player インターフェイスへのリンクをメタファイルに含めることもできます。詳細については、Windows Media Player Software Development Kit (SDK) の Windows Media メタファイルに関する記事を参照してください。

テキストエディタでスクリプトを入力し終わったら、ファイルを保存します。その際、ファイル名の拡張子に次のいずれかを使用します。

拡張子	使用条件
.wax	すべてのデジタルメディアはオーディオ専用であり、ファイル拡張子が .wma である。
.wvx	デジタルメディアの中にファイル拡張子が .wmv であるビデオが含まれる。
.asx	デジタルメディアは以前のバージョンの Windows Media 技術を使用して作成されていて、ファイルの拡張子が .asf である。

この例では、メタファイルに MyFile.wvx という名前を付けることができます。両方のファイルに同じ名前を付ける必要はありませんが、同じ名前を付けておくと、ファイルがたくさんある場合に整理しやすくなります。

メタファイルを作成し終わったら、Web サーバー上に公開して Web ページからアクセスできるようにします。次のステップはシンプルリンクの追加です。

シンプルリンクの追加

Web ページから Windows Media ファイルを再生またはライブでストリーミングする最も簡単 (および多くの場合、最適) な方法は、メタファイルに簡単なハイパーリンクを挿入することです。エンドユーザーがリンクをクリックすると、Windows Media Player が開き、エンドユーザーのコンピュータに Windows Media Player がインストールされているという想定に基づいて、デジタルメディアが再生されます。

MyFile.wvx へのリンクが含まれる HTML スクリプトの例を以下に示します。

<html>
<head>
<title>Windows Media Player シンプル リンク</title>
</head>
<body>
<a  HREF = "http://WebServer/MyFile.wvx"> ここ</a>をクリックするとファイルが再生されます。
</body>
</html>

シンプルリンクを使用すると、デジタルメディアはブラウザの外で、Windows Media Player のフルモードまたはスキンの下で再生されます。ブラウザから切り離すことにはいくつかの利点があります。エンドユーザーにとっての主な利点は、メディアの再生を続けながら、他のサイトに移動するためにブラウザを使い続けられることです。プレーヤーをフルモードで使用すれば、プレーヤーのすべての機能を使用して、再生を全面的に制御することができます。Web 開発者にとっての主な利点は、その単純性です。単純なリンクのみが必要とされるため、Web ページ上で必要なスペースもごくわずかで済みます。これに代わる方法は、Windows Media Player を埋め込むことです。

Windows Media Player の埋め込み

Windows Media Player を Web ページに埋め込むことができます。埋め込みの第一の利点は、プレーヤーの外観と機能、つまりユーザーエクスペリエンスを全面的に制御できることです。Web ページのデザインに調和したプレーヤーを作成することができ、適切な機能のみを表示することができます。たとえば、再生と停止の 2 つのボタンのみを表示し、1 つのファイルのみを再生するようにプレーヤーを設定することができます。

第二の利点は、Web ページスクリプトでプレーヤーを制御できることに加えて、プレーヤーで Web ページを制御できるようにするスクリプトを追加できることです。たとえば、Windows Media ファイルまたはライブストリームにコマンドを送り、メディアと同期を取ってフレーム内のイメージを変更したり、Microsoft Internet Explorer に Dynamic HTML コマンドを送ったりすることができます。ストリームコマンドの使い方の詳細については、Windows Media Player －クロスブラウザ機能のための高度なスクリプティングを参照してください。

注 Windows Media Player を Web ページに埋め込むと、ブラウザ内でのユーザーエクスペリエンスを全面的に制御することができます。ブラウザの外でユーザーエクスペリエンスを制御する場合は、カスタムプレーヤースキンを作成することができます。詳細については、新しい Windows Media Player 7 のためのカスタムスキンの作成を参照してください。

バージョン 7 のコントロールの使用

Windows Media Player を埋め込むためには、Windows Media Player ActiveX(R) コントロール用の OBJECT 要素を追加します。使用しているコンピュータに Windows Media Player をインストール済のエンドユーザーが Web ページを開くと、OBJECT 要素により Web ページ内にプレーヤーコントロールが開きます。以下に示す HTML の例では、セットサイズが 320 x 240 ピクセルの Windows Media Player 7 コントロールを開きます。

<HTML>
<HEAD>
<TITLE>埋め込まれた Windows Media Player のコントロール</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Player" width="320" height="240"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
</OBJECT>
</BODY>
</HTML>

このCLASSID 番号はバージョン 7 の Windows Media Player コントロールに固有のものです。エンドユーザーが古いバージョンを使用している場合、プレーヤーは開きません。バージョン 7 に固有の ID が付けられている理由は、新しいプレーヤーではスクリプティングモデルが改善されていて、古いバージョンと互換性がないためです。新しいスクリプティングモデルを使用すると、固有の ID により、古いバージョンを使用しているユーザーが Web ページを開こうとしたときにスクリプトエラーが発生することを防止できます。バージョン 7 が使用されているかどうかを確認するためには、以下に示す VBScript の例のようなスクリプトを追加することができます。バージョン 7 がインストールされていない場合、そのインストール方法をユーザーに知らせるメッセージボックスが開きます。

<SCRIPT LANGUAGE="VBScript">
<!--
On error resume next
Player.URL = ""
if err then msgbox "Windows Media Player 7 が必要です。" & chr(13) &_
"https://www.microsoft.com/japan/windowsmedia から入手してください"
err.clear
-->
</SCRIPT>

Windows Media Player 7 を開くことができない場合、Player.URL メソッドが呼び出されたときにエラーが発生します。IF 文はエラーの有無を判定し、エラーが発生している場合にはメッセージボックスを開きます。

バージョンの6.4 コントロールの使用

別の方法として、バージョン 6.4 の ActiveX コントロールを埋め込むことも可能です。バージョン 6.4 の機能はバージョン 7 に含まれているので、バージョン 6.4 と互換性のあるスクリプトは、両方のバージョンの Windows Media Player と互換性を持つことになります。バージョン 6.4 と互換性のあるスクリプトを使用する利点は他にもあります。

ユーザーがバージョン 7 をインストールできない。Windows(R) 95 や Windows NT(R) など、マイクロソフトの古いオペレーティングシステム上には新しいバージョンのプレーヤーをインストールすることはできません。
Netscape ブラウザをサポートしたい。バージョン 7 には Netscape Web ブラウザ用のプラグインは含まれていません。
アプリケーションにコントロールを埋め込もうとしている。バージョン 7 では Microsoft Visual Basic(R) または Visual C++(R) を使用したコントロールの埋め込みがサポートされていません。これは Web ページへの埋め込みとは直接関連していませんが、コントロールを使用するプログラムを作成する計画があるかどうかを知っておくと役立ちます。

バージョン 6.4 の ActiveX コントロールと Netscape プラグインを埋め込むことにより、マイクロソフトの任意のオペレーティングシステムおよび最も一般的なブラウザのユーザーは Web ページに Windows Media Player を埋め込んで開くことができます。埋め込まれたバージョン 7 プレーヤーの機能の大部分は、バージョン 6 でも利用できます。バージョン 7 を使用することを推奨しますが、バージョン 7 を使用できない場合でも、埋め込みに関連するほとんどの状況において、バージョン 6.4 はほぼ同様に機能します。

バージョン 6.4 のコントロールを Web ページに埋め込むためには、バージョン 6.4 の CLASSID 番号を持つ OBJECT 要素を使用します。Netscape ユーザー向けのサポートを追加するには、EMBED タグの付いたバージョン 6.4 用のプラグインを追加します。以下に示す OBJECT 要素は Microsoft Internet Explorer 内または Netscape Navigator 内にバージョン 6.4 のプレーヤーを開きます。

<OBJECT ID="MediaPlayer" WIDTH=320 HEIGHT=240
CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." 
TYPE="application/x-oleobject">

<EMBED TYPE="application/x-mplayer2" 
NAME="MediaPlayer"
WIDTH=320
HEIGHT=240>
</EMBED>

</OBJECT>

CODEBASE 属性の使用

バージョン 6.4 のプレーヤーを埋め込む場合、OBJECT 要素に CODEBASE 属性を追加することができます。CODEBASE 属性を追加することにより、エンドユーザーのコンピュータ上に Windows Media Player が存在するかどうかが確認されます。CODEBASE には URL を指定します。バージョンを指定することもできます。コンピュータ上に正しいバージョンのプレーヤーがインストールされていない場合は、URL に指定されている場所から正しいバージョンのプレーヤーが自動的にインストールされます。

以下に示す CODEBASE スクリプトは Microsoft Web サイトから正しいバージョン 6.4 のプレーヤーを自動的にインストールします。

CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"

PARAM 要素の追加

Web ページに Windows Media Player を埋め込んでおくと、プレーヤーの外観と機能を制御するスクリプトを追加することができます。PARAM 要素を使用すると、Web ページが開かれたときに、いくつかのプレーヤープロパティを指定できるようになります。プレーヤーで開くファイル名または URL のようなプロパティおよびプレーヤーの外観を指定することができます。

以下に示すバージョン 7 のスクリプトの例では、PARAM 要素を使用してプレーヤーの AUTOSTART プロパティを TRUE に設定し、URL プロパティを Windows Media メタファイルの位置に設定しています。

<HTML>
<HEAD>
<TITLE>埋め込まれた Windows Media Player 7 のコントロール</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Player" width="320" height="240"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="autoStart" value="True">
<PARAM name="URL" value="http://WebServer/MyFile.wvx">
</OBJECT>
</BODY>
</HTML>

AUTOSTART を有効に設定すると、プレーヤーコントロールが開かれると直ちに、URL で指定されるファイルまたはスクリプトが自動的に再生されます。

下記のスクリプトを使用すると、同じ機能をバージョン 6.4 のコントロールとプラグインに追加することができます。

<HTML>
<HEAD>
<TITLE>埋め込まれた Windows Media Player 6.4 のコントロール</TITLE>
</HEAD>
<BODY>
<OBJECT ID="MediaPlayer" WIDTH=320 HEIGHT=240
CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." 
TYPE="application/x-oleobject"
CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<PARAM name="autoStart" value="True">
<PARAM name="filename" value="http://WebServer/MyFile.wvx">

<EMBED TYPE="application/x-mplayer2" 
SRC="http://WebServer/MyFile.wvx"
NAME="MediaPlayer"
WIDTH=320
HEIGHT=240>
</EMBED>
</OBJECT>
</BODY>
</HTML>

バージョン 6.4 の OBJECT 属性以外の相違点は媒体のメディアを開くためのメソッド名、つまりファイル名のみです。プラグインの URL を指定するために、SRC 属性が使用されています。2 つのバージョンの機能は類似しています。主な違いは、スクリプトの機能の構成とプレーヤーの外観にあります。バージョン 7 では、コントロールはサブコントロールに分割されています。詳細については、Windows Media Player 7 SDK を参照してください。

スクリプトの追加

Windows Media Player のコントロールを埋め込み、PARAM プロパティを設定すると、プレーヤーの機能を制御するスクリプトを追加することができます。2 つの入力ボタンを追加するスクリプトを下に示します。

<INPUT TYPE="BUTTON" NAME="BtnPlay" VALUE="Play" OnClick="StartMeUp()">
<INPUT TYPE="BUTTON" NAME="BtnStop" VALUE="Stop" OnClick="ShutMeDown()">

これらのボタンは Microsoft JScript(R) スクリプトと連携して、プレーヤーを起動および停止する働きをします。

<SCRIPT>
<!--
function StartMeUp ()
{
Player.URL = "http://WebServer/MyFile.wvx";
}

function ShutMeDown ()
{
Player.controls.stop();
}
-->
</SCRIPT>

以下に示す完全な HTML スクリプトは、Windows Media Player 7 コントロールを埋め込み、URL PARAM を設定し、2 つのボタンを埋め込み、ボタンの機能させています。また、エンドユーザーのコンピュータにバージョン 7 のプレーヤーがインストールされていない場合、メッセージボックスをポップアップさせる機能も含まれています。

<HTML>
<HEAD>
<TITLE>埋め込まれた Windows Media Player 7 のコントロール</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Player" width="320" height="240"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM name="URL" value="http://WebServer/MyFile.wvx">
<PARAM name="uiMode" value="none">
</OBJECT>
<BR>
<INPUT TYPE="BUTTON" NAME="BtnPlay" VALUE="Play" OnClick="StartMeUp()">
<INPUT TYPE="BUTTON" NAME="BtnStop" VALUE="Stop" OnClick="ShutMeDown()">
<SCRIPT>
<!--
function StartMeUp ()
{
Player.controls.play();
}

function ShutMeDown ()
{
Player.controls.stop();
}
-->
</SCRIPT>
<SCRIPT LANGUAGE="VBScript">
<!--
On error resume next
Player.URL = ""
if err then msgbox "Windows Media Player 7 が必要です。" & chr(13) &_
"https://www.microsoft.com/windowsmedia から入手してください"
err.clear
-->
</SCRIPT>
</BODY>
</HTML>

uiMode プロパティも PARAM として追加されていることに注目してください。このプロパティが "none" に設定されていると、プレーヤーはコントロールなしで開きます。

このスクリプトをバージョン 6.4 のコントロールおよびプラグインに適合させることができます。そのためには、OBJECT 要素を置き換え、プラグイン要素を追加し、2 つのプレーヤーメソッドを変更します。StartMeUp 関数でメソッドを Player.play() に変更し、ShutMeDown() 関数でメソッドを Player.stop() に変更します。この 2 つの変更は共に、バージョン 7 で関数が再構成されたことに関係しています。

Web ページにおける Windows Media の使用に際して、追加情報を入手するための主なソースは 2 つあります。

MSDN ライブラリの他の記事
Windows Media SDK の一部である Windows Media Player 7 SDK

その他のソースとして、マイクロソフトプレスから出版されている『Windows Media Player 7 Handbook』(英語版のみ)があります。この本には、プレーヤーの使用方法、スキンの作成方法、Web ページおよびプログラムへのプレーヤーの埋め込み方法など、プレーヤーに関する情報が満載されています。

次の方法で共有

Web ページへの Windows Media の追加

はじめに

Windows Media メタファイルの作成

シンプルリンクの追加

Windows Media Player の埋め込み

バージョン 7 のコントロールの使用

バージョンの6.4 コントロールの使用

PARAM 要素の追加

スクリプトの追加

その他のリソース

次の方法で共有

Web ページへの Windows Media の追加

はじめに

Windows Media メタファイルの作成

シンプル リンクの追加

Windows Media Player の埋め込み

バージョン 7 のコントロールの使用

バージョン の6.4 コントロールの使用

PARAM 要素の追加

スクリプトの追加

その他のリソース

シンプルリンクの追加

バージョンの6.4 コントロールの使用