SWFObject

いまさら感が漂いますがSWFObjectのメモ。

本家: blog.deconcept.com/swfobject/

Flashの埋め込みをJavaScriptで、という話。
Adobeのhtmlテンプレートを使ってもいいですが、
１コンポーネントとして埋め込む場合にはこちらのほうが楽です。
すっきりするので単純にラッパーとしても優秀。
Express Installも使えたりと色々便利です。
そしてライセンスはMIT。

以下サンプル的な、

<div id="flashcontent"> swfを読み込む領域 </div>
<script type="text/javascript">

    // 引数は、URL,id(name),高さ,幅,要求バージョン,背景色
    var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");

    // パラメータの追加はこんな感じ
    so.addParam("wmode", "transparent");

    // フラッシュに変数を渡す場合はこう
    so.addVariable("variable1", "value1");

    // ページのクエリから取得してみたり(http://.../this.html?variable2=xxxとか)
    so.addVariable("variable2", getQueryParamValue("variable2"));

    // Express Install
    so.useExpressInstall('expressinstall.swf');

    // 最後に書き出し先idを指定
    so.write("flashcontent");

</script>

wmodeは鬼門

swfをhtmlに埋め込むときのwmode。

• 指定なし,window
  • HTMLとの連携でレイヤ分けがうまく機能しない(常に最前面表示？)
• opaque(背景透過なし),transparent(背景透過あり)
  • レイヤ分けは機能する
  • マウスホイールに反応しなくなる
  • 日本語入力がうまくいかなくなる

八方塞。
指定なしのレイヤ分けはがんばればどうにかなるかも知れない。
実験中。

追記
どうにもなりませんでした。

そもそも何がしたかったのかというと、
Google系MapsとかAjaxSearchほかHTMLなview付きのサービスを
Flexで作ったアプリケーションにうまいこと組み込みたいという話。
放置しっぱなしのHotPlannerではwmode=opaqueで重ね合わせてましたが
実は日本語入力がブラウザによってうまく機能していない模様。
同様にマウスホイールでの操作もできませんでした。
これを改善、あるいは別な方法に変更したかった。で、玉砕。

対応策案

1. 重ね合わせ的なHTMLとFlashの連携はあきらめる
   • 素直な方法その１
   • 視覚効果低減
     • 意味的な位置のずれ(なぜか地図だけ端っこに、とか)
   • Flash部とHTML部それぞれの拡張・変更は容易
2. 日本語入力,マウスホイールはHTML側から取得
   • ちょっとがんばった方法
   • FlashとJavaScriptのviewの連携(というか同期)がややこしい
     • そしてできればJavaScriptはFlashから吐かせたい
   • 視覚効果はある程度維持
     • もちろん単純な重ねあわせなので細かいところは無理
   • ある程度まとまったものを作れれば色々使えそう
3. Apollo/Airにする(内部でHTMLが使える)
   • 微妙にずれてる方法
   • そもそも目的が違うので意味なし
   • Apollo/AirのJavaApplet的なものがこの先出ればあるいは？
   • というかmx:HTMLだけ欲しい今日この頃
4. HTMLを自力でFlash内に描画
   • かなりがんばった方法
   • 本気で作ろうとするのは夢見がち
   • ある程度ならまだ射程圏内？
     • 多分かなり限定された使い方になりそう
     • そして労力に見合ったものにはなりにくそう
   • GoogleMapsとかだと規約に引っかかりそう(改変に当たるかも)
5. 色々待ってみる
   • 素直な方法その２
   • 日本語入力・マウスホイールが改善されるのを待つ
     • 単純な重ねあわせならOKに
   • Flash内でHTMLが描画できるようになるのを待つ
     • ない気がする
   • 誰かがいい感じの何かを作ってくれるのを待つ
     • 他力本願です
     • が、一番現実的な解な気も
6. さようならFlash/Flex
   • 前提をすべてなかったことに
   • これを採用できるぐらいならそもそも悩みませんし調べません

とりあえず2の方向で。