bigchocolate

■JW FLV Media PlayerをFC2ブログに設置する
■JW FLV MEDIA PLAYER 3.16
■SETUP WIZARD@JW FLV Media Player

前回の記事は中途半端だったので、実際に設置してみます。主に、SETUP WIZARD@JW FLV Media Playerの説明です。とりあえず、動画を公開できたらいいやっていう軽い気持ちで読んでもらえたらと思います。前回書いた時はバージョンが3.15だったのですが、今は3.16が最新のものになっており、設置は同じ要領でできます。機能がいろいろ追加されているので3.15の方は3.16にするのをオススメします。

JW FLV MEDIA PLAYER 3.16の主な追加機能

• Youtubeの動画を簡単に表示させることができるようになった。
• 検索フォームからの検索が可能になった
• Longtail videoという、動画に広告を表示できるサービスとの連携。
• 動画の管理。Bits on the Run
• XMLなどに記述することにより、任意の動画コマーシャルを表示させることができる

Longtail videoと、Bits on the Runについては、あまりよく分かってませんが、今後注目を浴びるサービスだと思います。今はベータ版みたいなので様子見することに・・・。

Mediaplayer with a single FLV

とりあえず、入力欄に自分がFC2ブログにアップしたファイルのURLなんかを入力します。今回は、fileのところに入力した動画は、FC2動画にアップしたものにしてみました。


sourceとfileしか入力してないけど、とりあえずこんな感じで。 そして、「Update preview & code」ボタンを押下して、自分のブログに貼り付けるためのソースを表示させます。上の例でいくと、以下のようなソースになりました。

<embed src="http://blog-imgs-21.fc2.com/b/i/g/bigchocolate/flvplayer.swf" width="320" height="250" allowscriptaccess="always" allowfullscreen="true" flashvars="height=250&width=320&file=http://movie1.fc2.com/up/flv/200804/26/7/20080426uyqaNr3A.flv" />

これを、ブログの記事などに貼り付けたら、動画を公開できるようになります。

Mediaplayer with a Youtube video

mediaplayer 3.16 (04.04.2008)では、Youtubeの動画も公開できるようになりました。3.15の時も、FLVのURLを直接指定してやることで表示させることもできたのですが、3.16ではYoutubeの動画のURLを指定するだけで表示できるので便利にはなりました。まあ、なんらかの制限がかかったり、CMなんかと重ねて表示したりすると、まずそうではありますが・・・。また、crossdomain云々の話もありそうですが、僕は詳しくは分かりません。

Mediaplayer with a single MP3

flvplayerを一度設置してしまえば、後はSETUP WIZARDでいろいろ試してみる。ネットラジオなんかを公開している人なんかは、単発でMP3を公開したいこともあると思いますが、そんな時は、Mediaplayer with a single MP3をセレクトしたらいい。


heightを250、widthを320にしてみた。

backcolor（プレイヤーの基調となる色）、frontcolor（文字色）、lightcolor（マウスカーソルが当たった時の文字色）、screencolor（プレイヤーのバックの色）を設定することで、色も変更できます。Mediaplayer with a single MP3の場合は、screencolorは設定しなくてもいい。

プレイリストを記述する

■Supported Playlists

• XSPFのサンプル
• RSSのサンプル
• ASXのサンプル

サポートされているフォーマットは、XSPF、RSS（2.0）、ASXになります。それぞれ記述する方法、特徴も変わってきますが、ここではその詳細は省くとして、とりあえず公式サイトのリストを参考に、エディタで作成してみます。

<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss">
<channel>
<item>
<title>Go!Go!7188 - こいのうた</title>
<link>http://jp.youtube.com/watch?v=glEkpdYb-5c</link>
<media:credit role='author'>Go!Go!7188</media:credit>
<media:content url="http://jp.youtube.com/watch?v=glEkpdYb-5c" type="video/x-flv" />
<media:thumbnail url="http://i.ytimg.com/vi/glEkpdYb-5c/default.jpg" />
</item>
<item>
<title>GO!GO!7188 近距離恋愛</title>
<link>http://jp.youtube.com/watch?v=bodOYM-XXCc</link>
<media:credit role='author'>Go!Go!7188</media:credit>
<media:content url="http://jp.youtube.com/watch?v=bodOYM-XXCc" type="video/x-flv" />
<media:thumbnail url="http://i.ytimg.com/vi/bodOYM-XXCc/default.jpg" />
</item>
</channel>
</rss>

こんな感じでyoutube_list.xmlというファイル名で作成してみました。このファイルももちろんFC2ブログの管理画面からアップロードします。
http://blog-imgs-21.fc2.com/b/i/g/bigchocolate/youtube_list.xml

なんだかプレイヤーのサイズの指定が微妙なんですが、面倒なのでもう貼り付ける（笑）こんな感じでリストに記述したものを、プレイヤーで読み込ませることによって、いろんな動画を公開することもできます。ちなみに、サポートされているのは動画だけではなく、MP3やJPEGやら画像なんかもいけると思います。（SUPPORTED FLASHVARSを参照）

例えば、CDTubeβ - カウントダウンチューブというサイトがありますが、このサイトでもRSSがあるので、これを保存して、mediaplayerに読み込ませたり・・・すると、ダメだった。あっ、動画のリンクが記事のURLになってるのか。