JWplayerでストリーミング動画配信をやってみよう

K-LITE CODECPACKのダウンロード＆インストール

こちらのページでインストールのしかたを見てください。

AREA61ビデオダウンローダーのダウンロード＆インストール

AREA61ビデオダウンローダーのダウンロード。

JW Playerのダウンロード

Youtubeから何か動画をダウンロードしてみる

Youtubeへアクセスして何か動画を探してみてください。

ブラウザ上の動画が再生されてる画面で、AREA61ビデオダウンローダーを立ち上げてください。

（１）の部分の動画URLはブラウザに表示されているURLを、ブラウザからコピー＆ペーストしてもいいんですが、右横のYoutube連動にチェックを入れておけば勝手にURLは切り替わりますので便利です。
（２）の出力フォルダのところはデスクトップにしておきましょう。
（３）の出力形式はダウンロードのみを選択、ちなみにここを他の形式（WMVやAVI携帯用の動画）に変換したいときはそれを選択しておけば、デスクトップに変換後のファイルが出来上がります。（横のFLV/MP4保存にチェックしてると一緒にFLVも作られます）

なお既に持ってる動画をFLVにしたいときは、その動画を出力フォルダ（２のところ）にドラッグ＆ドロップするとすぐに変換開始します。（同様にWMV形式やipodや携帯用の動画にも変換もできますので、変換だけのツールとしても活用できますね）
ダウンロードしたい動画、出力先、出力ファイル名を確認したら（４）の赤いボタンをクリックしてください。これでデスクトップにFLVファイルがダウンロードされます。

FLVへのエンコード方法を変えてみる

JW Playerでストリーミングしてみる

まずmovie.jsをメモ帳で開いてみてください
var file='movie.flv';のところを確認してください。これはダウンロードしたFLVファイル（movie.flv）までのパスを記入します。（現在は同じフォルダに入ってるのでそのままmovie.flvでOK)

var id='movie';のところを確認してください。ここはHTML内で表示させるための動画のIDをつけます。確認のためindex.htmlを開いて以下の3行をみてください。（この3行が動画を表示させる部分です）

<script type='text/javascript' src='swfobject.js'></script>
<div id='movie'>Loading...</div>
<script type='text/javascript' src='movie.js'></script>

2行目の<div id='movie'>Loading...</div>
のIDがmovieという名前になっています。これはこの場所にmovieというIDをつけておき、movie.jsで指定したIDのFLVを張り込むというタグになります。（異なる動画を同じページに貼るときはIDごとに指定できるので便利ですね）

var pre='movie.jpg';のところを確認してください。これは動画がスタートする前の静止画を指定する部分です。上記のAREA61のFLVエンコードのサムネイルの作成で自動で書き出す設定にするか、適当にキャプチャしてjpgにしておきましょう。（静止画は無くても動作します）

var vol='70';の数字は再生されたときのボリュームです。適時変更できますがこのままでOKです。

以上設定が終わったら、movieフォルダごとサーバーへアップしてindex.htmlを見てみましょう。うまく再生されましたか？

番外編（曜日ごとに動画を差し替える）