今回は引き続きまして、FLV形式の動画をホームページやブログで埋め込み再生する「FLVMediaPlayer」の、サーバーへのインストールと設定方法をご紹介します。
(
前エントリでご紹介した方法に基づき、「MovableType」のサーバーへのインストールが問題なくできたものとしてお話を進めます)
※本内容は、「MovableType」で埋め込み動画を運用している
ena−photoの自宅サーバー さんの事例を参考にしました。
III.サーバー上への「FLVMediaPlayer」インストール フラッシュビデオ形式(拡張子が.FLVとなっているファイル)の動画映像を、ホームページやブログに埋め込む形で流すことが出来ます(
例:飛燕放送局)。
今回は参考例に習い、
JW FLV Mediaplayer(無料) を用いる方式をご説明します。
1、
JW FLV Mediaplayer(無料) をダウンロードします。
2、ダウンロードファイルを解凍します。解凍したファイルは以下の構成になっていることを確認してください。

3、FTPソフトを用いてサーバーにアクセスし、「MovableType」本体ファイルがあるところ(前エントリの例では/public_html/MT)の下に、新たに"flvfiles"、"flvplayer"という2つのフォルダを作成します。

4、"flvplayer"フォルダ内に、"swfobject.js"、"player.swf"、"yt.swf"の3ファイルをアップロードします。
("flvplayer":動画映像を流すのに必要なソフトを格納する場所 となります)

5、"flvfiles"フォルダ内に、各自で録画/編集した
「FLV形式動画映像ファイル」と、サムネイルとなる
「JPEG形式静止画ファイル」をアップロードします。
今回は、動作確認のためにMediaplayerダウンロード時に付属した"video.flv"と、"preview.jpg"をアップロードします。
("flvfiles":録画/編集したFLV形式動画映像ファイル、サムネイルとなるJPEG形式静止画ファイルを格納する場所 となります)

<重要>
●アップロードしたFLV形式、JPGのファイル名は、いずれも必ず半角英数のみとしてください。
●「FLV形式」以外の動画映像ファイル(.mp4, .wmv, .asf 等)は、今回の方法では取り扱えません!
Windowsでは"BatchDoo!"、Macintoshでは"ffMpegX 0.0.9w"をはじめとした動画ファイル変換ソフトを用い、「FLV形式」に変換する必要があります。(動画ファイル変換ソフトの操作方法は、次エントリで取り扱います)
IV.「FLV形式」動画映像ファイルの一般公開先ほどアップロードしたFLV形式動画映像ファイル(video.flv)、およびサムネイル用JPEG静止画ファイル(preview.jpg)を一般公開するには、以下内容をブログやホームページに貼り付けを行います。
------------------------------------------------------------------------------------------------------------------------------
<p id="video">The player will show in this paragraph</p>
<script type="text/javascript" src="http://登録したドメイン/MT/flvplayer/swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject('http://登録したドメイン/MT/flvplayer/player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=http://登録したドメイン/MT/flvfiles/video.flv&image=http://登録したドメイン/MT/flvfiles/preview.jpg');
s1.write('video');</script>
------------------------------------------------------------------------------------------------------------------------------
<注意点>※上記内容を貼り付ける際、必ず「HTMLモード」にしてください。

※上から2段目は"swfobject.js"ファイル、上から5段目は"player.swf"ファイル、上から9,10段目はFLV動画ファイルとサムネイル用JPEG形式静止画ファイルのサーバー上での場所指定です。いずれもサーバー上での
"public_html" の部分は絶対に記述しないでください!(記述すると動画が再生できません)
※最上段、最下段、上から9段目の3カ所の"video"と書いてあるところに、公開したいFLV形式動画ファイル名をそれぞれ入力します。
※上から10段目の"preview"と書いてあるところに、公開したいサムネイル用JPEG形式静止画ファイル名を入力
※上から6段目の数字'400'、'300'は、それぞれ'横解像度'、'縦解像度'を意味します。映像元データの解像度が高い場合は必ず数字を変更してください。
以下の通りに出来れば成功です!
The player will show in this paragraph
最近のコメント