FLV形式のファイルをWebで公開するには、再生するためのFLASH型のプレーヤーが必要。で、前回の記事ではJW Playerを使ったんだけど、このプレーヤーは再生した直後に左下にうっすらロゴが入る(すぐに消えるけど)。ロゴはプレーヤーを配布しているサイトへのリンクになっている。しかも、商用利用のときはライセンスを購入する必要があるらしい(非営利での利用はフリー)。
フリーのやつはロゴが入るタイプのプレーヤーが多い。ロゴが入らないプレーヤーってないのかなーと探していたらこれを発見した。
・FLV Player
これはかなりいい感じ。5つの種類があって用途によってプレーヤーを選べる。商用もOKっぽい。MINI、NORMAL、MAXI、MULTI、JSって書かれたところをクリックすると各プレーヤーの違いがわかるようになっているので、自分が使いたいタイプのプレーヤーをダウンロードして使用する。普通に再生するだけならNORMALで十分かな。今回は全画面表示ができるMAXIを使ってみた。
MAXIをクリックすると以下のような画面になる。右側のメニューのDownloadってところをクリックするとプレーヤーがダウンロードできる。player_flv_maxi.swfってファイルをダウロードして、そのままサーバーへアップロードして使う(今回はファイル名をplayer2.swfに変更して使った)。

Documentationってところをクリックすると、HTMLの記述例と各種パラメータの説明がある。

Exampleのところの例を参考に、以下のように記述してみる。
<object type="application/x-shockwave-flash" data="http://www.nrkz.net
/test/player2.swf" width="320" height="240">
<param name="movie" value="http://www.nrkz.net/test/player2.swf" />
<param name="FlashVars" value="flv=http://www.nrkz.net/test/test.flv" />
</object>
するとこんな感じで表示される。
これだけでは再生ボタンしか表示されないので、以下のようにパラメータを追加する。
<object type="application/x-shockwave-flash" data="http://www.nrkz.net
/test/player2.swf" width="320" height="240">
<param name="movie" value="http://www.nrkz.net/test/player2.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=http://www.nrkz.net
/test/test.flv&width=320&height=240&
showstop=1&showvolume=1&showtime=1&
showfullscreen=1&showplayer=always" />
</object>
以下のように記述したものを.flvの後ろに追加。
&パラメータ名=値
今回は以下のパラメータを使用。
| width |
横の長さを指定 |
| height |
縦の長さを指定 |
| showstop |
1でストップボタンを表示 |
| showvolume |
1でボリュームを表示 |
| showtime |
1で時間を表示 |
| showfullscreen |
1で全画面表示ボタンを表示 |
| showplayer |
alwaysで常にバーを表示する |
するとこんな感じで表示される。
パラメータを使ってプレーヤーの色とかもカスタマイズできる。こっちのほうがいいね。
MOVをFLVに変換してWebサイト上でフラッシュプレーヤーを使って公開するということをやりたかったんだけど、いろいろてこずってやっとできた。なかなかMOVファイルをうまくFLVファイルに変換できなくて、かなり時間がかかってしまった。
今回動画変換に使ったのはMPEG StreamclipとBatchDOO!っていうソフト。いろいろなソフトを試してみたんだけど、結局手元にあるソフトを使って変換するのが一番良かった。
この二つのソフトに関しては過去に以下のような記事を書いていたけど、MPEG Streamclipは動画を切ったり貼ったりするのにだけ使っていて動画が変換できるのをすっかり忘れていた。BatchDOO!は最近使っていなかったので存在そのものを忘れていた。
・mov形式のファイルを編集するソフト
・DVD(VOB)をMOVへ変換する
■MOV→FLV変換
最初はMOVから直接BatchDOO!でやってみたけど音ズレがひどくなってしまった。2分46秒のMOV動画がFLVに変換するとなぜか2分58秒になってしまっていたので、おそらく動画の時間が伸びた分音がずれてしまったのだと思う。何度やっても同じ結果だった(2分58秒になる)。
また、設定によっては変換すらできない。動画のコーデックやフレームレート、ビットレートで選択したものによっては0KBのファイルができたりする。音声のコーデックやサンプルレートによっては音声がなくなることもあった。
そこで、MOVを直接FLVに変換するのはあきらめて、いったんAVI形式にしてからFLVにしてみたらうまくいった。MOV動画の編集に使っているMPEG StreamclipはMOV動画を別形式で書き出すことができる。その機能を使ってAVI形式に変換。File→Export to AVIでできる。

いろいろ設定ができるけど、今回はそのままMake AVIをクリック。

できあがったAVIファイルをBatchDOO!にドラッグアンドドロップ。

動画設定のところのファイル形式、コーデックをFLVに変更し、ビットレートを適当に決めてGoをクリック。ビットレートの数字を大きくすると画質が向上するけど、当然ファイルサイズも大きくなる。いろいろな設定を試して、いい感じのを見つけるしかない。

これでFLVファイルへの変換は完了。
■Webで表示
できあがったFLVファイルはFLASH型のプレーヤーを使ってWeb上で再生する。以下の記事を参考にしました。
・自分のページにお手製のFlashMovie(FLV)を貼り付ける方法
ほぼこの記事のとおりにやればいける。ただし記事内で紹介されているFLASH VIDEO PLAYERは、現在JW Player 5という名前になっている。ダウンロードしたファイルのmediaplayerってフォルダの中のplayer.swfっていうファイルをサーバーにアップロードして使う。
できると以下のようになる。
最初はWinViCoっていうソフトを試してみんだけど、なぜかうまく変換できなかった。拡張子が.flvのファイルは作られるんだけどファイルサイズが0KBで再生できない。ちょっと手間はかかるけど、頻繁にやるわけじゃないからこの方法でOKかな。
QuickTime Playerの矢印キーでコマ送りできる機能が、姿勢などをチェックするのに何気に便利なので、DVDをMOVファイルに変換してました。最初は「dvd mov 変換」で検索して、一番上に出てきた以下のソフトを使用。
・AVS Video Converter
このソフト、無料で使えるのですが変換後の動画に透かしが入ります。透かしというか、普通の文字が。しかもど真ん中に。(ずっと出ているわけではなくて出たり消えたりします)

↑右上のやつがその透かし。私の場合は動きをコマ送りで見たりしたいので、この表示はとても邪魔になります。見たいところに限って重なったりするんですよね・・・。
次にVectorで見つけたBatchDOO!というソフトを使ってみました。こっちは透かしなんかも入りません。BatchDOO!でDVDからMOVに変換した画像は以下のとおり。

先ほどの画像と見比べると、審判の方(左下)の写り方がちょっと違います。線になっている。こういう場面が多々見られますが、私は姿勢などがわかればいいので十分です。解凍しただけでそのまま使えるってのも良い感じ。
でも、初回起動時に余計なソフトをインストールさせようとするので、そこは気をつけたい。