Flash Video を載せる。


【その１】
YouTube 等にアップロードするのではなく、自分で開設するホームページに
Flash Video を載せるにはどうしたら良いのか？ 　（2009/04/06-09）

まず、モノを作る。


＜作業メモ＞

(1)　Windows ムービーメーカー を使用し、movieを作成。
　　　　ファイルは、(.wmv) で作成される。
　　　　動画ファイルは勿論、デジカメ等で撮った画像ファイルもmovieとして編集可能。
　　　　また、mp3 等の音声ファイルも取り込み、編集可能。

(2)　(.wmv) → (.flv)　に変換。
　　　「SUPER C」エンコーダ (フリーウェア)　を使用。
　　　　(.wmv) はファイルサイズが大きい。サーバの容量を圧迫してしまう。
　　　　そこで！　ファイルサイズが小さく、ｗｅｂ上でもよく見かける (.flv) に変換する。（詳しくは、ｗｅｂで）

(3)　ｗｅｂで再生できるようにする。
　　　PEGASYS WEB FLV Player (フリーウェア)　を使用。
　　　　sample の html をもとに、再生する動画ファイル (.flv) と ｻﾑﾈｲﾙとなる画像ファイル (.jpg など) を記述したら、
　　　　動画ファイル、画像ファイル、htmlファイル、さらに同梱されている「〜.swf」と「〜.js」も一緒にアップロードする。
　　　　なるほど。javascript を使ってんですね。　ワタシハ、ヨク、ワカラナイケド。。。

試作品１

　　おー！できた、できた。
　　これぞ『ひとりようつべ』。





【その２】
では、これを ブログ等に貼り付けられるようにできるか？ 　（2009/04/09-10）

今や、web上には無数のブログが！　伴って、ブログ・パーツなるものも沢山 転がっている。
もしかして、この『ひとりようつべ』も、ブログ・パーツみたいに できるのか？



＜ｏｂｊｅｃｔ＞や＜ｅｍｂｅｄ＞を使うと、できるようだ。
＜ｏｂｊｅｃｔ＞タグの使用が推奨されているようだが、これを対応していないブラウザがあるとか。
そこで＜ｅｍｂｅｄ＞ というタグを使えば良いらしいが、ＨＴＭＬの規約外・・？
（なんとも不可思議な。。）

＜参考＞
http://www.htmq.com/html/embed.shtml
http://www.tohoho-web.com/html/embed.htm
http://homepage3.nifty.com/fs/sozai/setti2.html
http://www.marguerite.jp/Nihongo/WWW/RefHTML/embed.html

結果として、推奨されている＜ｏｂｊｅｃｔ＞タグで記述するが、非対応ブラウザの場合のために
入れ子で＜ｅｍｂｅｄ＞タグでも記述するような書き方が一般的のようだ。

ところで、＜ｏｂｊｅｃｔ＞タグに指定する「classid」とは何だろう？
↓こういうことだった。

http://www.interq.or.jp/blue/inside/reference/classid.html　から抜粋。
ActiveX ClassID
MIDPLUG clsid:B0C207A3-42EE-11D0-9DB3-00805F8A73C5
Windows Media Player clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95
Windows Media Player7以上 clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6
Flash clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
RealPlayer clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA
Microsoft NetShow clsid:2179C5D3-EBFF-11CF-B6FD-00AA00B4E220
Shockwave clsid:166B1BCA-3F9C-11CF-8075-444553540000
Preloader clsid:16E349E0-702C-11CF-A3A9-00A0C9034920
VRML
BrowserCtl		 clsid:90A7533D-88FE-11D0-9DBE-0000C0411FC3
Crescendo clsid:0FC6BF2B-E16A-11CF-AB2E-0080AD08A326


また、＜ｏｂｊｅｃｔ＞や＜ｅｍｂｅｄ＞を使って「pegasys_flvplayer.swf」を再生するのだが、
実際再生するモノは自分で作った「○○○.flv」であって、「pegasys_flvplayer.swf」が、
何かしらの指令によって、拾えるようにしてやらなければならないが、どこで、どうやれば良い？

そんなときは「ＦｌａｓｈＶａｒｓ」 を使って、ＨＴＭＬからＦｌａｓｈへパラメータ値を渡す。
正しいのかは　わかりません。


（結果、↓こういう記述になった） 

　<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
　　　　　codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
　　　　　width="320" height="262" id="mv1" align="">
　　<param name="movie" value="pegasys_flvplayer.swf">
　　<param name="FlashVars" value="clipName=○○○.flv&thumbnailFile=○○○.jpg">
　　<param name="loop" value="false">
　　<param name="quality" value="high">
　　<param name="bgcolor" value="#aaaaff">
　　<embed src="pegasys_flvplayer.swf" FlashVars="clipName=○○○.flv&thumbnailFile=○○○.jpg"
　　 　　　loop="false" quality="high" bgcolor="#aaaaff" width="320" height="262" name="mv1" align=""
　　 　　　type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
　　</embed>
　</object>


でもって、↓がそれ。
試作品２

　　見たところ、試作品１と何も違わないけど、そういうことだ。
　　違わないから良いのだ。そうだった！






　　ん？　できたのか？　完成か？

　　ま、いいか。

　　おしまい。