WebページにWindows Media Player

更新日 2008-03-26 (水) 12:43:13

WebページにWindows Media Playerを埋め込む

html上で作成したWebページにWindows Media Player(WMP)を埋め込んで表示する方法をエンベッド(embed)と形式いう

表示html

サンプルのようにobjectタグで囲む。
クラスIDは22D6F312-B0F6-11D0-94AB-0080C74C7E95を指定。Web上にはもうひとつのIDがあるが、表示はするがその他のパラメータがうまく制御できなかった。
embedタグはIE以外のブラウザで表示された時の指定。
PlayCountは0で無限ループになる
FileNameはASXのファイルを指定する。リソースファイルを直接指定すると、表示はするが、ストリーミングにならない。

embedタグではsrcでファイルを絶対指定で指定する

ASXファイル
Windows Media ファイルをリンクするテキスト ベースのメタファイルで、実際のリソースが置かれているURLを指定。
文字コードはSJISがいいみたい。

サンプル

表示HTML

<!--Windows Media Player--------------->
<object id="WMP" width="280" height="200" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Loading MicrosoftR WindowsR Media Player components..."
type="application/x-oleobject">
  <param name="autoStart" value=""False">
  <param name="ShowControls" value="True">
  <param name="PlayCount" value="0">
  <param name="ShowDisplay" value="False">
  <param name="ShowStatusBar" value="False">
  <param name="FileName" value="http://www.abc.net/~okada/050410_2.asx">

  <embed name="WMP" type="application/x-mplayer2"
  pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"
  src="http://www.data-map.net/~okada/050410_2.asx"
  width="280" height="200"
  autostart="0"
  showcontrols="1"
  showstatusbar="0"
  showdisplay="0">
  </embed>
</object>

ASXファイル

<ASX VERSION="3.0">
  <TITLE>Sample 1</TITLE>
  <AUTHOR>JE2ISM</AUTHOR>
  <!-- Repeatを指定しないと1回のみ再生 -->
  <Repeat Count="1">
  <ENTRY>
    <REF href="http://xxx.xxx.xxx.xxx/~okada/baby/050410_2.wmv" />
  </ENTRY>                                                     ^^^/をわすれない 
  </Repeat>
</ASX>

ポップアップで表示

ASXファイル以下のように余計なタグを外す。外さないとうまく表示されなかった

ASXファイル

<ASX VERSION="3.0">
  <ENTRY>
    <REF href="http://xxx.xxx.xxx.xxx/~okada/baby/050410_2.wmv" />
  </ENTRY>
</ASX>

その後以下のようにリンクする

<A HREF="http://(サーバドレス)/xxx.asx">ポップアップ表示</A>
または
<A HREF="xxx.asx">ポップアップ表示</A>

httpよりmmsのほうかいいのかも?

Apacheの設定

Apacheをリアルサーバにするにはhttpd.confに以下を追加する必要がある。追加しないとIE以外ではasxファイルがテキストとして表示される。

 AddType video/x-ms-asf .asf .asx

mime.types

video/x-ms-asf asf asx
audio/x-ms-wma wma 
audio/x-ms-wax wax
video/x-ms-wmv wmv
video/x-ms-wvx wvx
video/x-ms-wm wm
video/x-ms-wmx wmx
application/x-ms-wmz wmz
application/x-ms-wmd wmd

mime.typsファイルは最後は空欄行が必要なので注意する

またrealaudioなどはmime.typesにも以下のように追加する必要があるかも

audio/x-pn-realaudio                ram rm
audio/x-pn-realaudio-plugin         rpm
audio/x-realaudio	                   ra

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2008-03-26 (水) 12:43:13 (3768d)