ExternalInterfaceを使ってみた。

shin2 — Wed, 28 Oct 2009 03:53:25 +0000

Flashでマウスの位置を参照して、画像を無限ループスクロールさせた時に、ブラウザウィンドウからフォーカスを外すと、凄いスピードで動くのでこれを何とかしたいと思った。

JavaScriptでブラウザウィンドウからフォーカスがアウトされた時と、フォーカスされた時を検出して、ExternalInterface.addCallbackを使ってFlash側の関数を操作すれば何とかできそうだ。

ExternalInterfaceはFlashからJavaScriptの関数・JavaScriptからFlash内の関数をコントロール出来るクラスみたい。
まずはフォーカスが切り変わるごとに、Flash上のテキストフィールドの文字を切り替えることを試してみる。

■HTML
swf表示の部分のallowscriptaccessは:”always”にする。（HTML上のJavaScriptを呼び出せるようにするかどうか）
swf読み込み部分のobjectのid、param・embedのnameはblur_testとする。




onfocus onblur test
<script language="javascript">AC_FL_RunContent = 0;script>

<script type="text/javascript">
	//フォーカス切り替えごとに実行される関数
	function xChangeText(bFocusMode) {
		getMovieName("blur_test").callChangeText(bFocusMode);
	}
	function getMovieName(movieName) {
		if (navigator.appName.indexOf("Microsoft") != -1) {
			return window[movieName]
		} else {
			return document[movieName]
		}
	}
script>

■Flash
ステージにインスタンス名 test_tf のテキストフィールドの文字を切り替える。

import flash.external.ExternalInterface;
//フォーカス切り替えごとにJavaScript側から呼ばれる
function xChangeText(bFocusMode:Boolean):Void {
	var str:String;
	if (bFocusMode) {
		str = "フォーカスされています。";
	} else {
		str = "フォーカスアウトされました。";
	}
    test_tf.text = str;
}
//JavaScriptから呼べるように登録する
ExternalInterface.addCallback("callChangeText", null, xChangeText);

これでFlash上の文字を切り替えることができたので、この要領でフォーカスが外れた時にスクロールが止まるようにすれば、今回の問題は解決しそうだ（未確認）。

※はじめbodyタグにonloadでテストの実行をしようとしたが動作しなくてハマッた。理由はswfファイル読み込みよりも前の段階にonloadを記述していたからみたいだ。読み込んでないswfにアクセスはできねーってことかい。（そりゃそうだ）

flashでxmlを読み込む。

shin2 — Thu, 02 Apr 2009 10:07:47 +0000

FLASH上でXML内に記述したHTMLを表示した時の注意点。
まず、XML側のノード内を<[[CDATA ]]>で囲ってやる。しかし、内容がすべて実態表現で表示されてしまった。原因は、ターゲットノードの内容をnodeValueで、しっかり指定してやること。

MujuuLog » Flash

ExternalInterfaceを使ってみた。

flashでxmlを読み込む。