Flash SWFの読み込み中にプレビューイメージを表示する方法は？

Question

サイトにサードパーティのFlash SWFがあり、最大サイズは100KBです。例えばFlashビデオプレーヤー "JWPlayer" SWFは98KBです。

ブロードバンドを使用するユーザーには適していますが、低速ダイヤルアップには適していません。例えば40kbits/sで、ダウンロードするのに20秒間話している。

遅い接続では、すべての訪問者が静的な白い画面で表示されるため、ページが閉じてしまって死んでいると思われる可能性があります。 SWFを書き込む領域を右クリックすると、Adobe Flash Playerオブジェクトがその領域を占有していますが、サードパーティのSWFはまだロードされていません。

ウェブサイトの訪問者にローディングスピナーGIFなどが表示されます。

残念ながら、第三者SWFには「プリローダー」要素はありません。そして、彼らはオープンソースではないので、プリローダーを追加することはできません。

だから、私の質問は...

は、SWFのロード中に、ロード画像、prefereably GIFアニメーションを表示する方法はありますか？

たとえば、Adobe Flash PlayerでSWFに読み込み中に画像が表示されるようにする方法はありますか？

私はFlashコーディングスキルを持っていないので、SWF内に余分なSWFやSWFを作成することを含まないソリューションは、おそらく私には最適ではありませんが、投稿に追加する価値があります他の人が同様の問題を抱えている場合に備えて。

私はSWFを埋め込むためにswfobject 2.2を使用しています。そのため、それを考慮に入れるか、少なくともそれが壊れない解決策が役立ちます。

あなたのお手伝いができなくても、私の投稿を読む時間を取ってくれてありがとう。

あなたはそれは厳しいかもしれない使用していたサードパーティのSWFは知らずデイブ

Answer 1

：

を低帯域幅を持つユーザーのために、我々は（「透明」にフラッシュパラメータのwmodeを設定して、背景画像とGIFを設定しますローディングスピナーなしでは、これらの低帯域幅のユーザーはページが何もしていないと思う）。

ただし、wmode = transparentを使用すると、Flashがハードウェアアクセラレーションを使用しないという負の副作用があります。しかし、低帯域幅のユーザにとっては、例えば、私たちのビデオは、ほとんどの場合ハードウェアアクセラレーションが本当に必要ないほど十分に低いです。

高帯域幅のユーザー向けに、より高いビットレートのビデオ、そしてハードウェアアクセラレーションがますます重要になります。これらのユーザーのためには、wmode = directを使用し、ローディングスピナーGIFを使用せずに、SWFの読み込み速度が十分速くなるようにします。

SWFファイルのサイズとそのXMLファイルもロードする必要がありますが、1メガビットの帯域幅に制限されています。ユーザーがより高い帯域幅を使用する場合は、ローディンググラフィックを使用せず、ビザその逆。他の人が他のレベルに適しているかもしれません。

可能な限り帯域幅の制限をもっと小さくすることができます。ビデオのHarware Acceleration（384 kbit/s）を使用する古いPCの場合と同じように、ユーザーの読み込みスピナーを削除することができますそのような低い帯域幅では、スクリーン上で何も起こらずに彼らがあまりにも長く待つことを意味し、これはビデオ再生中に数フレームを失うことよりも悪いと思われる。

ここには、さまざまなwmodeについてのAdobeの説明へのリンクと、さまざまなブラウザがそれらをどのように扱うかが記載されています。

http://kb2.adobe.com/cps/127/tn_12701.html#main_BrowserSupportForWmodes

これは他の誰かいつかに役立ちます願っています。

デイブ

Answer 2

が、ここで考えるべきいくつかの事柄があります：

一つのアプローチは、swfファイル（またはdivの非表示にするだろうswfがロードされるまでswfが内側にあります）、終了したら表示されます。あなたはスピナー/ローディングイメージをその場所に置くことができます。つまり、本当に必要なのは、ロードが完了したら呼び出されるjavascript関数です。これが起こると、jQueryを.show()または.hide()のスピナーとswfにそれぞれ使用できます。

JWPlayerには、events that you can make use ofがあります。 onReadyのように見えます。

他のサードパーティのswfsに関しては、私は同様のjavascriptコールバックのドキュメントを見ていきたいと思います。 Swiffのようないくつかの埋め込みソリューションがそうであるように、私はswfobject has an onLoad callbackを知っています。

幸運を祈る！

はEDIT：swfobjectのコールバックはswfファイルが正常にがを埋め込まれたときに呼ばれるかもしれないが、必ずしもはをロードされていません。あなたの最善の策は、これと一緒に遊んで、それが動作するかどうかを見る - または可能な限り、サードパーティのswfのコールバック関数を使用することです。

EDIT 2：これはフラッシュローダーの例です。我々が混在セットアップのために行くことにしました最後に

import flash.net.URLRequest; 
import flash.display.Loader; 
import flash.events.Event; 

function startLoad() { 
    var mLoader:Loader = new Loader(); 
    var mRequest:URLRequest = new URLRequest("url-to-your-swf.swf"); 
    mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleteHandler); 
    mLoader.load(mRequest); 
} 

function onCompleteHandler(loadEvent:Event){ 
    addChild(loadEvent.currentTarget.content); 
    //Here's where you specify your js function 
    ExternalInterface.call("flashLoaded"); // <-- where 'flashloaded' is a js function 

} 

startLoad();