预加载器挂起/冻结并伴有“打嗝”现象

Question

我为拥有 GoDaddy 帐户并已将所有文件成功上传到托管服务器的客户开发了一个基于 Flash 的网站。该站点由一个名为“preloader.swf”的初始预加载器组成，它加载一个名为“main.swf”的外部 SWF 文件，该文件包含不同的部分，包括图像库部分。

然而，我注意到有时（并不总是发生这种情况）基于闪存的主站点的初始闪存预加载器加载速度比平时更快，但会出现“打嗝”。这导致当必须在站点的图库部分查看图像时（其中每个图像从具有自己的预加载器的服务器外部加载），所选图像以锯齿状方式加载，并带有“打嗝”（例如从22% 时暂停，然后立即跳至 31%，然后再次暂停并立即跳至 47%，依此类推）。

然后，在某个时间点，预加载器突然冻结/挂起整个站点，除了刷新站点别无选择。

只有这样，一旦图像的预加载器冻结并且刷新了站点，或者清除了缓存，整个站点才会像预想的那样完美工作 - 即初始预加载器加载得更慢、更流畅，并且当图像的预加载器加载时加载也更加平滑（百分比不会像以前那样突然跳跃；预加载器以正常增量加载）。

谁能告诉我可能的解决方案可能存在什么问题，如何使网站始终顺利加载，而不会遇到任何打嗝、冻结和挂起的情况，因为我一遍又一遍地检查我的代码，但我可以没发现有什么问题吗？

我正在做一些研究，发现原因可能是由于以下行“ProgressEvent.PROGRESS”，因为它有时可能不会在 IE 或 Firefox 中触发。是这样吗？如果是这样，我必须采取什么替代方案？

希望尽快听到答复。

谢谢&问候。

PS 下面我包含了用于加载主站点的初始预加载器的 AS 编码（不是用于加载图像的预加载器）：

import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.ProgressEvent;

//no scale;
stage.scaleMode = StageScaleMode.NO_SCALE;

//align to top left
stage.align = StageAlign.TOP_LEFT;

stage.addEventListener(Event.RESIZE, onPreloaderResize);
addEventListener(Event.ENTER_FRAME, onPreloaderEnter);

angel_pic.alpha = 0;

top_left_line.visible = false;
top_right_line.visible = false;
side_left_line.visible = false;
side_right_line.visible = false;
bottom_left_line.visible = false;
bottom_right_line.visible = false;

var req:URLRequest = new URLRequest("main.swf");
var loader:Loader = new Loader();
loader.load(req);

loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, showProgress);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);

function showProgress(event:ProgressEvent):void
{
    var percent:Number = Math.round((event.bytesLoaded / event.bytesTotal) * 100);

    if ((percent > 0) && (percent <= 34))
    {
        top_left_line.visible = true;
        top_right_line.visible = true;

        top_left_line.width = percent * ((angel_pic.width / 2) / 34);
        top_right_line.width = percent * ((angel_pic.width / 2) / 34);
    }
    else
    {
        if ((percent > 34) && (percent <= 66))
        {
            side_left_line.visible = true;
            side_right_line.visible = true;

            side_left_line.height = (percent - 34) * (angel_pic.height / 32);
            side_right_line.height = (percent - 34) * (angel_pic.height / 32);
        }
        else
        {
            if (percent > 66)
            {
                bottom_left_line.visible = true;
                bottom_right_line.visible = true;

                bottom_left_line.width = (percent - 66) * ((angel_pic.width / 2) / 34);
                bottom_right_line.width = (percent - 66) * ((angel_pic.width / 2) / 34);
            }
        }
    }
}

function loadComplete(event:Event):void
{
    var num:int = numChildren;

    while (num--)
    {
        removeChildAt(num);
    }   

    addChild(loader);
}

function onPreloaderResize(event:Event):void
{
    var preloaderPadding:Number = (stage.stageWidth / 1000) * 35;

    angel_pic.x = (stage.stageWidth / 2) - (angel_pic.width / 2);
    angel_pic.y = (stage.stageHeight / 2) - (angel_pic.height / 2);

    angel_pic.width = stage.stageWidth - (preloaderPadding * 2);
    angel_pic.height = angel_pic.width / 4.9;

    top_left_line.x = stage.stageWidth / 2;
    top_left_line.y = angel_pic.y;

    top_right_line.x = stage.stageWidth / 2;
    top_right_line.y = angel_pic.y;

    side_left_line.x = preloaderPadding + side_left_line.width;
    side_left_line.y = angel_pic.y;

    side_right_line.x = preloaderPadding + angel_pic.width;
    side_right_line.y = angel_pic.y;

    bottom_left_line.x = preloaderPadding + bottom_left_line.height;
    bottom_left_line.y = angel_pic.y + angel_pic.height;

    bottom_right_line.x = preloaderPadding + angel_pic.width;
    bottom_right_line.y = angel_pic.y + angel_pic.height;
}

function onPreloaderEnter(event:Event):void
{
    var preloaderPadding:Number = (stage.stageWidth / 1000) * 35;

    angel_pic.x = (stage.stageWidth / 2) - (angel_pic.width / 2);
    angel_pic.y = (stage.stageHeight / 2) - (angel_pic.height / 2);

    angel_pic.width = stage.stageWidth - (preloaderPadding * 2);
    angel_pic.height = angel_pic.width / 4.9;

    top_left_line.x = stage.stageWidth / 2;
    top_left_line.y = angel_pic.y;

    top_right_line.x = stage.stageWidth / 2;
    top_right_line.y = angel_pic.y;

    side_left_line.x = preloaderPadding + side_left_line.width;
    side_left_line.y = angel_pic.y;

    side_right_line.x = preloaderPadding + angel_pic.width;
    side_right_line.y = angel_pic.y;

    bottom_left_line.x = preloaderPadding + bottom_left_line.height;
    bottom_left_line.y = angel_pic.y + angel_pic.height;

    bottom_right_line.x = preloaderPadding + angel_pic.width;
    bottom_right_line.y = angel_pic.y + angel_pic.height;
}

Answer 1

我以前也遇到过预加载器问题。

尽管您的代码中仍然可能存在问题，但您可能希望排除另一个已知问题作为问题根源。

如果您仅在生产服务器上遇到问题，而不是在本地电脑上遇到问题，则很有可能您的服务器设置可能是罪魁祸首。

查看我的博文，了解压缩二进制文件的服务器 gzip 压缩。
虽然这是一篇关于 Flex 的文章，但原理是相同的，也应该适用于 Flash。

干杯

Answer 2

在将网站上传到 GoDaddy 服务器之前，我曾经使用 Flash 自己的“模拟下载”选项对其进行测试，但从未遇到过任何问题。

直到我上传网站后，我才开始遇到这个问题。

我无法理解和解决的奇怪的事情是，只有当预加载器冻结/挂起并且刷新站点或清除缓存时，整个站点才会像预期的那样完美工作，没有任何故障或锁定- UPS！

我什至上传了一个更简单版本的预加载器（如下面的代码所示），该预加载器加载了一个包含单张图片的 3Mb SWF 文件，但仍然再次出现相同的问题。但我不认为代码有问题，对吗？

var req:URLRequest = new URLRequest("main-mini.swf");
var loader:Loader = new Loader();
loader.load(req);

loader.contentLoaderInfo.addEventListener(Event.OPEN, showPreloader);
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, showProgress);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, showContent);

var preloader:Preloader = new Preloader();

function showPreloader(event:Event):void {
    addChild(preloader);
    preloader.x = (stage.stageWidth / 2) - (preloader.width / 2);
    preloader.y = (stage.stageHeight / 2) - (preloader.height / 2);
}

function showProgress(event:ProgressEvent):void {
    var percent:Number = event.bytesLoaded / event.bytesTotal;
    preloader.percentage.text = Math.round(percent * 100) + "%";
    preloader.bar.width = 300 * percent;
}

function showContent(event:Event):void {
    removeChild(preloader);
    addChild(loader);
}

我还尝试在 HTML 和 Flash 中使用缓存清除技术，并将其帧速率从 31fps 降低到 21fps，但一切都是徒劳。

我可能会问一些愚蠢的问题，但这可能是来自 GoDaddy 服务器的问题吗？我是否应该调整一些设置才能使其正常工作，或者我可能“错误”地上传了它？我使用 FTP 方法通过 Dreamweaver 上传该网站。我不知道此时该想到什么...

如果有人能够启发我如何解决我的这个问题，我将非常感激，因为一切都在本地正常工作 - 一旦上传，问题就解决了呈现自己。

谢谢。