Detect if Flash application loaded correctly using Javascript?

Question

My product opens a web browser and points it at an HTML file containing a local Flash application. How do I detect programmatically whether this file loaded successfully and if not what exception was thrown? Is there a way to do this using Javascript?

Checking externally whether the file exists on disk is not enough because I've seen other failures occur (race conditions might be involved).

Answer 1

Answering my own question: https://sourceforge.net/forum/message.php?msg_id=5929756

1. Define a Javascript function that should be invoked if Flash loaded.
2. Invoke this method from the top of your Flash file.
3. Use a timer to detect if the callback is never invoked.
4. Prefer invoking Javascript functions from Flash rather than invoking Flash functions from Javascript. Either way you cannot invoke a function that has not been loaded yet. It is far easier to guarantee that the browser has finished loading your Javascript function before invoking it from Flash, than guaranteeing that Flash finished loading your Flash function before invoking it from Javascript.

Here is an example:

• I am using swfobject to embed Flash.
• I use FlashVars to tell Flash which Javascript function to invoke. This is useful if there are multiple Flash objects on the page.

Flash

var params:Object = LoaderInfo(this.root.loaderInfo).parameters;
if (ExternalInterface.available)
{
    var onLoaded:String = params["onLoaded"];
    if (onLoaded != null)
        ExternalInterface.call(onLoaded, true);
}

Javascript

var flashLoaded = false;
var flashTimer;

function onFlashLoaded()
{
    flashLoaded = true;
    clearTimeout(flashTimer);
}

function onFlashTimeout()
{
    if (!isFlashLoaded)
    {
        // Remove the Flash object in case it is partially loaded
        $("#videoFeed").empty();
        $("#videoFeed").append('<div id="flashObject"></div>');
        alert("Failed to load video player");
    }
    clearTimeout(flashTimer);
}

function connectToVideo()
{
    var flashvars = {};
    flashvars.onLoaded = "onFlashLoaded";

    var params = {};
    params.menu = false;

    var attributes = {};

    isFlashLoaded = false;
    flashTimer = setTimeout("onFlashTimeout()", 5000);

    swfobject.embedSWF("flash/VideoFeed.swf", "flashObject", "800", "600", "11", "expressInstall.swf", flashvars, params, attributes);
}

Answer 2

In cases where you cannot modify the swf and adding an ExternalInterface is not an option, you can still use Javascript to get the status of the swf. For example, you can call document.getElementById(swf_id).PercentLoaded() from Javascript, and wait for it to be 100.

That won't tell you what exception was thrown if the swf failed to load, but at least you will know for sure whether it loaded. Other useful calls are found here: http://www.adobe.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03.html