(HobNote)Linuxでswftoolsを使ってみる[01]

Linuxでswftoolsを使ってみる[01]

since 2009.05.02 last update 2011.04.20

TopPage > swftoolsを使ってみる > swftoolsを使ってみる[01]

動画バナーを作るには、まず、動画を作る必要がある。
ここでは、Blenderを使ってaviファイルを作成しffmpegでswfに変換した。

また、ここで動画のサイズは、バナーとしてはW:H=32(=16×2):9のアスペクト比だと
aviにしたときに右側、下側に黒い箇所がでないようだ。
それ以外の微妙なサイズだと右側、下側に黒い箇所がでてきてかっこわるい

[hoge]$ ffmpeg -i banner_test_mo.avi -r 25 -b 256k banner_test_mo.swf
....

で

....
<object  classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
    width="256" height="63">
  <param name="movie" value="banner_test_mo.swf">
  <param name="loop" value="{true/false}">
  <embed src="banner_test_mo.swf"
    width="256" height="63"
    loop="{true/false}"
    type="application/x-shockwave-flash"></embed>
</object>
....

動画のみ表示

loop="true"	loop="false"

loop="true"/"false"の確認は、動画を右クリックでflashのポップアップメニューより[再生]を選択してください

次にこの動画をクリックするとLink先に飛ぶようにするには、
swf自体にLink先の情報を入れそのLink先に飛ぶaction scriptを入れておく必要がある

[hoge]$ ffmpeg -i banner_test_LL.avi -r 25 -b 256k banner_test_LL.swf
....

で、aviをswfに変換

で、このswfを挿入してaction scriptを入れたscファイルを作り

banner_test_LL_Btn.sc

.flash filename="banner_test_LL_Btn.swf"

  .box buttonbox width=256 height=63 fill=black color=black
  .swf movie_board "banner_test_LL.swf"

   .button button
		.show buttonbox as=area
		.show buttonbox as=idle
		.show buttonbox as=hover
		.show buttonbox as=pressed
		.on_press:
			getURL("./njaLinkTest.html", "_top");
		.end
    .end
##
    .put button pin=center scale=100%
    .put movie_board pin=center scale=100%

.end

新たなswfへコンパイルする

[hoge]$ swfc banner_test_LL_Btn.sc

すると以下のようになる

Link付きの動画を表示

loop="true"	loop="false"

loop="true"/"false"の切り替えが有効になっていない。。。。

ここでわかるように、Loopのtrue/falseが効かない。。。。のと
静止画ならともかくLoopが効かないのは困る。

そこで以下のようにする。

[hoge]$ ffmpeg -i banner_test_LPO.avi -r 25 -b 256k banner_test_LPO.swf
....

で、aviをswfに変換

で、このswfを挿入してaction scriptを入れたscファイルを作り

banner_test_LPO_Btn.sc

.flash filename="banner_test_LPO_Btn.swf"

  .box buttonbox width=256 height=63 fill=black color=black
  .swf movie_board "banner_test_LPO.swf"

   .button button
		.show buttonbox as=area
		.show buttonbox as=idle
		.show buttonbox as=hover
		.show buttonbox as=pressed
		.on_press:
			getURL("./njaLinkTest.html", "_top");
		.end
    .end
##
  .frame 1
    .put button pin=center scale=100%
    .put movie_board pin=center scale=100%
    .action: 
	  movie_board.Play(); 
    .end

  .frame 200
    .action: 
	  movie_board.Stop(); 
    .end

.end

新たなswfへコンパイルする

[hoge]$ swfc banner_test_LPO_Btn.sc

すると以下のようになる

Link付きの動画を表示(Loop="false"が有効)

loop="true"	loop="false"

loop="true"/"false"の確認は、動画を右クリックでflashのポップアップメニューより[再生]を選択してください
loop="true"/"false"の切り替えが有効になっているのがわかる

これで、Loopのtrue/falseが有効になった。
(後記：このLoopの止め方は、ちょっと邪道のようだ。。。Player作っててわかった)

それから、getURLで、アンカー記述

#xxxx

が効かないようだ。。。。要調査だな、これは。後、外周に黒い部分ができてる。。。
バックグラウンドカラーを変えるか、scファイルで.flashのところにbbox記述するかして調整するか。。

▲ ▼

TopPage > swftoolsを使ってみる > swftoolsを使ってみる[01]