動画のストリーミング配信(修正版)
いろいろ調べた結果、前の記事の方法だとストリーミング配信されていなかった。
まずは再生用の動画を用意する。(sample.avi)
用意した動画をストリーミング配信用にエンコードします。
エンコード方法はWindow Mediaを利用してエンコードします。
新しいセッションに「ファイルの変換」を選択し、sample.aviをコピー元ファイルに指定します。
コンテンツの配信方法にWebサーバーを指定して、エンコードオプションと、各情報を入力してaviをwmvに変換します。
<asx version="3.0"> <entry> <title>サンプルストリーミング動画</title> <author>黒い猫</author> <copyright>Copyright (C) 2009 cats_mew. All Rights Reserved.</copyright> <ref href="http://localhost:8080/Sample/sample.wmv" /> </entry> </asx>
こんな感じで記述します。
entryタグを複数記述すると連続で表示されます。
titleタグは動画のタイトル
authorタグは作成者
copyrightタグは著作権
refタグのhref属性に動画ファイルを指定します。
HTMLは以下のように記述します。
<html> <head> <title>ストリーミング配信</title> </head> <body> <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" <!-- Widnow Media PlayerのID --> ID="mplayer" width="400" <!-- 表示幅 --> height="350"> <!-- 表示高さ --> <param name="src" value="./sample.asx"> <!-- asxファイル --> <param name="ShowStatusBar" value="true"> <!-- ステータスバーの表示 true or false --> <param name="AutoStart" value="true"> <!-- 自動再生 true or false --> <param name="enableContextMenu" value="false"> <param name="stretchToFit" value="true"> <param name="uiMode" value="full"> <param name="Volume" value="80"> <!-- ボリューム 0〜100 --> <!-- Netscape用 --> <embed src="./sample.asx" <!-- asxファイル --> type="application/x-mplayer2" width="400" <!-- 表示幅 --> height="350" <!-- 表示高さ --> AnimationStart="0" PlayCount="1" ShowControls="1" EnablePositionControls="1" ShowPositionControls="1" ShowAudioControls="1" ShowTracker="1" ShowStatusBar="1" <!-- ステータスバーの表示 1 or 0 --> CanSeek="1" AutoSize="0" AllowScan="0" AutoStart="1" <!-- 自動再生 1 or 0 --> ClickToPlay="0" EnableContextmenu="0" TransparentStart="0" Volume="100" <!-- ボリューム 0〜100 --> pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"> </embed> </object> </body> </html>
直接動画にアクセスするのではなく、asxファイルを経由して動画ファイルに接続します。
これでWindow Media Playerでストリーミング配信が可能になります。