FC2ブログ

遮蔽空間

モバイル系のサイトやコンテンツ制作のお仕事をしてます。最近は自分用メモになってたり(・ω・)

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FLASH動画プレイヤー作成その1

お仕事でFlashの動画プレイヤーを作ることになりました。

初めはコンポーネント使って作れば・・・と軽く考えていたのですが
ヒアリングしてみると色々な仕様があって結構大掛かりに・・・

 1.呼び出すFLVはHTMLで指定したい
 2.最初の再生はど真ん中の再生ボタンで(YouTubeとかのアレ)
 3.再生時間付きのシークバーを設置したい
 4.HTML側でプレイヤーのサイズを可変させたい
 5.フルスクリーン表示をしたい

などなど

スキンのカスタマイズも検討したのですが、シークバーの仕様を満たす
変更が行えなかった(実力不足)ので、フルスクラッチで作ることにしました。


とりあえず順番に解決していきます

【1.呼び出すFLVはHTMLで指定したい】
これは呼び出すHTML側に以下の1行を追加することで簡単に実現できます

<script language="javascript">
  AC_FL_RunContent(
    'FlashVars','flvfile=testmove.flv'

FlashVars = htmlからswfの変数にパラメータとして値を渡せます
赤字の部分は「flvfile」という変数に「testmovie.flv」というファイル名(値)を渡してます

あとはFlash側のビデオを読み込む部分で以下のようにflvfileを指定してあげればokです。

ライブラリ右クリック → 新規ビデオ → 配置 → 名前を「video」にした場合

nc:NetConnection = new NetConnection();
nc.connect(null);
ns:NetStream = new NetStream(nc);
video.attachVideo(ns);
ns.play(flvfile);

これでHTML側でファイル名を指定して再生することが出来るようになりました。

次の【2.最初の再生はど真ん中の再生ボタンで(YouTubeとかのアレ)】は
フレーム移動だけで簡単に実現できます。

つづく(・ω・)

スポンサーサイト

FC2Ad

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。