･･･とにかく、今更ながらボチボチとAS3始めてみました。と言っても実案件での対応はまだなんだけど。

AS3ではリンク設定ではgetURL()ではなくnavigateToURL()を使うことになってるけど、これで_blank指定にした際にFirefoxではポップアップブロックが掛かってしまうというのは有名な話。
で、それに対応するためには「wmode=”transparent”指定にして、通常はnavigateToURLで、IEとFirefoxのみExternalInterface経由のwindow.openを使う」ということをしなければならないのだが･･･正直面倒臭いよね。なんでリンク如きでそんな手間を掛けなくちゃならんのだと。

で、少し検索してみたら、それを簡単に対応できてしまうクラスを公開しているページを発見。

Popups Blocked in AS3 with navigateToURL() | Zorked!
http://www.zorked.com/flash/flash-and-navigatetourl-popup-blocking/

使い方は至って簡単。ダウンロードしたcomフォルダをflaファイルの直下に置いて、以下のように書くだけ。

import com.zorked.URLNavigator;

mc.addEventListener(MouseEvent.MOUSE_UP, clickBtn);

function clickBtn(e:MouseEvent):void{
    var url:URLRequest = new URLRequest(‘hoge.html’);

    URLNavigator.ChangePage(url,‘_blank’);
}

その際、navigateToURL()ではなくURLNavigator.ChangePage()でリンクを飛ばしましょう。

取り敢えず自分が試した限りではこれで上手く動作するハズだけど、何か不具合があったら教えてくれると助かります。
というか皆さんこれはどういう風に対処してるんでしょ?

ところでProgressionってここら辺はやっぱり簡単にできるようになってるのかな?

6月12日に発売が迫ってきたPS3の「METAL GEAR SOLID4 GUNS OF THE PATORIOTS」(自分はAmazonで予約済み)の公式サイト、 実は自分は開設後数日間はENTERを押しても中に入れなかった。
オープン直後なので回線が混んでいるのかな、と思いつつ、職場のSafariでENTERをポチッと押したところ、今度はあっさりと新規ウィンドウが立ち上がったのだった。

最初に試したのはFireFox。もしや、と思って、SafariでENTERをクリックしてウィンドウが立ち上がった時の挙動を確認してみたら、ああ、やっぱり。マウスのボタンが押された瞬間にウィンドウがオープンするようになっている。

要は、このことだね。

mtFlash | onPressとonRelease

ボタンの設定で僕はよくonPressを使うんですが、onPressだとgetURL(”http://sample.com”,”_blank”);でページを開く時に、WinのFirefoxでポップアップウィンドウブロックの警告が出るようです。

MGS4サイトのENTERは、onPressでウィンドウが立ち上がるようになっているから、ポップアップブロックが働いてしまっているのだろう。

ちなみにWinだけではなくてMacのFireFoxでもポップアップブロックは出る模様。で、どういう訳か職場のFireFoxではポップアップブロックの警告が出ないようになっていたので、Enterを押してもウンともスンとも言わない状態になっていたという話。

ところで、この公式サイトは動画もふんだんに使っているのに関わらず、凄くスムーズに動くんだよなぁ･･･。どう作ってるんだろう?

元々自分は映像畑からFlashに入ってきて、映像の編集やAfter Effectsでの加工やFLVへのエンコードなどは散々やってきたので、今回のように”映像初心者”を対象にしたセミナーはもしかしたら喰い足りないかなー、とか思ってたが、その通りだった(笑)。
まあ、でも、一番最初のセッションでちょっと面白い話を聞けたので、これだけでも行った意味はあるのかな･･･と思う。

以下、超簡単に内容についてまとめてみます。

1.「+ Video」で何が変わる？
スピーカーはバスキュールの人と、ピクルスのタナカミノル氏。
バスキュールのお題は先日公開されたAXE WAKE-UP SERVICE INC.。
電話番号の認証システムや動画の多さなどでエラく複雑な作りになっている。でもそれを賞味3ヶ月でやってのけるバスキュールという会社はやっぱり凄い。
映像に関しては先日ウチのブログでも触れた、H.264エンコードを使っているとのこと。

ちなみに、自分はこのセミナーの何日か前に、実際にこのモーニングコールを試してあった。
･･･ぎ、技術的な部分に興味があったんだからね!!別に決してスケベな興味で試したんじゃないからね!!

･･･えーと、自分が凄いと思ったのは、自分の番号の確認のために、こっちから指定の電話番号に掛けなければならないのだが、そうすると画面の中の女の子が電話に出て、話している映像はそのままだけど、その声だけは携帯電話から聞こえてくるという仕組み。まさにディスプレイと現実の垣根を超えたインタラクション。一体どうやってるんだろうね。

･･･とまあ、”はじめの一歩”の最初にしてはエラくプロフェッショナルな仕事なのに対し、タナカミノル氏は逆に、「映像ってそんなに難しくないんだよ」という話。タナカ氏が実際にやった数々の案件を元に、どんな風にやったかをザッと説明していく感じ。

2.「+ Video」のためのツールとは？
DVテープからPCへの取り込み→編集→FLVへエンコード、とかテロップの入れ方とか。
取り込み、編集、エンコード、テロップはPremiereを使っての説明。テロップについてはもう一つ、Flash上に動画を読み込んでその上に文字を載せるやり方の説明も。

その中でセーフティーエリアやインターレースについての説明と、FLVに変換する際に使用するビットレート計算ツールについての紹介もあった。
でも、そこまでやるんだったらピクセル縦横比の話もしておいた方がいいんじゃないかな、と思ったが、時間がなかったからねぇ･･･。

あとはAfter Effectsでのモーションの作り方や、keylightというプラグインを使って、ブルーバック撮影素材からカラーキーを抜く手順など。

･･･まあ、ここら辺は基本知識なので、自分的には復習ということで。

3.損しない動画コンテンツのために。
第1セッションの時点で時間が押していたので、このパートはほぼ駆け足でFlash Media Server 3とAdobe Media Playerについてサラッと触れただけ。本当にサラッと。

以上、こんな感じ。今回が”Web Videoセミナー第1回”らしいけど、第2回は･･･うーん、内容次第だな。

Adobe AIRプログラミングガイド 布留川 英一 毎日コミュニケーションズ 2007-12-22 売り上げランキング : 4667 Amazonで詳しく見る by G-Tools

ま、まあ、今の自分には敷居が高いのは分かってるんですよ。
でも「やってみたい」という興味を持っているということは確実で、そういう気持ちは大切だと思うんだ。
買った時点で満足しちゃう可能性も無きにしもあらずだけど。

で、後日その本屋に再び行ってみたら、たった一冊しかなかったこの本、売れちゃってました。
こんなニッチな(失礼!!)本を買う人が地元にいるなんて、ちょっと意外。

しかし、去年末にFlash Playerのアップデートが行われ、FLVだけではなく、H.264ファイルも扱えるようになった。H.264についての詳しいことはAdobeのこのページを読んでもらうとして、今回のアップデートは極簡単に言うと「画質が格段に向上し、720p以上のハイビジョン映像もFlashで配信できるようになった」ということ。

百聞は一見にしかず、ということで、最新版のFlash Playerにアップデートしてから、Flash HD Galleryでデモ映像を見てみてください。

ただ、製作側からすると、この高画質なFlash映像を実現するためにはAction Script 3.0で作らなきゃならないんですね。今はAS2でも四苦八苦している自分にとってはかなり敷居が高いっす。
でも、逆に考えればAS3に手を付ける理由が出来た、とも言える訳で。

[追記]
別にAS3じゃなくても良い模様。というかFLVを読み込む要領でH.264ファイルを指定すればいいだけの話。
ただし、Flash Playerは当然ながら9対応で。