Как да покажа изображение за визуализация, докато Flash SWF се зарежда?

Без да знаете кой SWF файл на трета страна използвате, може да е трудно, но ето няколко неща, за които да помислите:

Един подход би бил да скриете swf (или div, в който е swf), докато не бъде зареден, и след това да го разкриете, след като приключи. Междувременно можете да поставите въртящо се изображение / зареждащо изображение на негово място. Въпреки това, това, от което наистина се нуждаете, е javascript функция, която се извиква, след като зареждането приключи. След като това се случи, можете да използвате jQuery, за да .show() или .hide() съответно вашия spinner и swf.

JWPlayer има някои събития, които можете да използвате. Изглежда, че onReady ще свърши работа вместо вас.

Що се отнася до другите swf файлове на трети страни, бих разгледал тяхната документация за подобни обратни извиквания на javascript. Знам, че swfobject има обратно извикване onLoad, както и няколко други решения за вграждане, като Swiff, ако приемем, че можете да ги използвате.

Късмет!

РЕДАКТИРАНЕ: Обратното извикване на swfobject може да бъде извикано, когато swf е успешно вграден, което не е задължително заредено. Най-добрият ви залог е да си поиграете с това и да видите дали работи - или да използвате функциите за обратно извикване на swf на трета страна, когато е възможно.

РЕДАКТИРАНЕ 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();

В крайна сметка решихме да използваме смесена настройка:

За потребители с ниска честотна лента задаваме флаш параметъра wmode на „прозрачен“ и задаваме gif да бъде фоново изображение (без зареждащ бутон, тези потребители с ниска честотна лента смятат, че страницата не прави нищо).

Използването на wmode = transparent обаче има отрицателен страничен ефект, тъй като Flash няма да използва хардуерно ускорение. Но за нашите потребители с ниска честотна лента битрейтът на напр. нашето видео са достатъчно ниски, така че в повечето случаи наистина не се нуждаят от хардуерно ускорение.

За потребители с висока честотна лента ние доставяме напр. видео с по-висок битрейт и така хардуерното ускорение става по-важно. За тези потребители използваме wmode = direct и се справяме без GIF за зареждане, тъй като SWF файлът така или иначе се зарежда достатъчно бързо.

С размера на нашите SWF файлове и техните XML файлове, които също трябва да бъдат заредени, ние избрахме ограничение от 1 мегабит честотна лента, където, ако потребителите имат по-висока честотна лента, ние не използваме зареждаща графика и обратното. Други хора може да намерят други нива за по-подходящи.

Бихме предпочели да можем да зададем ограничението на честотната лента много по-ниско, ако е възможно, тъй като на по-стари компютри бихме могли да направим с известно Харуерно ускорение на видео, което е 384 kbit/s, но премахване на зареждащия бутон на потребител с ниска честотна лента като това би означавало, че чакат твърде дълго без нищо да се случва на екрана, а това изглежда по-лошо от загубата на няколко кадъра по време на възпроизвеждане на видео.

Ето връзка към описанието на Adobe за различните wmodes и как различните браузъри ги обработват.

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

Надявам се това да помогне на някой друг някой ден.

Дейв