【问题标题】:Removing delay or placing a listener to swfobject once its done loading加载完成后消除延迟或将侦听器放置到 swfobject
【发布时间】:2014-07-06 10:09:50
【问题描述】:

我正在尝试嵌入瑞士法郎

这是我的代码

 <script type="text/javascript">
       function initSwf(path) 
       {
         var playerso = new SWFObject(path.concat("/playerHD.swf"), "player01", "600", "450", "9");
     playerso.addParam("quality", "high");
     playerso.addParam("allowScriptAccess", "always");
     playerso.addVariable("xml", path.concat("/xml/details.xml")); // Data xml URL
     playerso.addVariable("path", path.concat("/files/")); // URL for assets (swf & jpg)

     playerso.write("dviewDiv");     
     jQuery(document).ready(function() 
     {
            setTimeout( function()
            { 
                jQuery('#mySliders').addClass('hide');
                                jQuery('#sliderloading').addClass('hide');
                                             jQuery('#dviewDiv').removeClass('hide');
            }
            , 7000 );              
     });
    }
</script>

这个 swfobject 的问题是,当它加载时,它显示一个空白屏幕或白色或我提供的任何背景。这似乎是糟糕的用户体验

我想修改库,以便在它缓冲时,我可以显示一些其他图像,当它的缓冲区完成时它会消失。

在我上面的代码中,我在删除图像时延迟了 7 秒。它有帮助,但有时加载需要超过 7 秒。是否有任何可能性或任何修改我可以做以找出它何时完成加载,以便我可以删除图像。

例子可以在

上查看
thevowapp.com/webapp/test.php

Press on 3D BUtton to load the swf file

库代码如下

我使用的 javascript 开源库有以下代码

/**
 * SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if (typeof deconcept == "undefined") {
    var deconcept = new Object();
}
if (typeof deconcept.util == "undefined") {
    deconcept.util = new Object();
}
if (typeof deconcept.SWFObjectUtil == "undefined") {
    deconcept.SWFObjectUtil = new Object();
}
deconcept.SWFObject = function (_1,id,w,h,_5,c,_7,_8,_9,_a,_b) {
    if(!document.createElement||!document.getElementById){
        return;
    }
    this.DETECT_KEY = _b?_b:"detectflash";
    this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
    this.params = new Object();
    this.variables = new Object();
    this.attributes = new Array();
    if (_1) {
        this.setAttribute("swf",_1);
    }
    if (id) {
        this.setAttribute("id",id);
        }
    if (w) {
        this.setAttribute("width",w);
    }
    if (h) {
        this.setAttribute("height",h);
    }
    if (_5) {
        this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));
    }
    this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
    if (c) {
        this.addParam("bgcolor",c);
    }
    this.addParam("wMode","transparent");
    var q=_8?_8:"high";
    this.addParam("quality",q);
    this.setAttribute("useExpressInstall",_7);
    this.setAttribute("doExpressInstall",false);
    var _d=(_9)?_9:window.location;
    this.setAttribute("xiRedirectUrl",_d);
    this.setAttribute("redirectUrl","");
    if (_a) {
        this.setAttribute("redirectUrl",_a);
    }
};
deconcept.SWFObject.prototype = {
    setAttribute:function(_e,_f) {
        this.attributes[_e] = _f;
    },
    getAttribute:function(_10) {
        return this.attributes[_10];
    },
    addParam:function(_11,_12) {
        this.params[_11]=_12;
    },
    getParams:function() {
        return this.params;
    },
    addVariable:function(_13,_14) {
        this.variables[_13]=_14;
    },
    getVariable:function(_15) {
        return this.variables[_15];
    },
    getVariables:function() {
        return this.variables;
    },
    getVariablePairs:function() {
        var _16=new Array();
        var key;
        var _18=this.getVariables();
        for(key in _18){
            _16.push(key+"="+_18[key]);
        }
        return _16;
    },
    getSWFHTML:function() {
        var _19="";
        if (navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length) {
            if (this.getAttribute("doExpressInstall")) {
                this.addVariable("MMplayerType","PlugIn");
            }
            _19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
            _19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
            var _1a=this.getParams();
            for (var key in _1a) {
                _19+=[key]+"=\""+_1a[key]+"\" ";
            }
            var _1c = this.getVariablePairs().join("&");
            if (_1c.length>0) {
                _19+="flashvars=\""+_1c+"\"";
            }
            _19+="/>";
        } else {
            if (this.getAttribute("doExpressInstall")) {
                this.addVariable("MMplayerType","ActiveX");
            }
            _19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
            _19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
            var _1d=this.getParams();
            for (var key in _1d) {
                _19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";
            }
            var _1f=this.getVariablePairs().join("&");
            if (_1f.length>0) {
                _19+="<param name=\"flashvars\" value=\""+_1f+"\" />";
            }
            _19+="</object>";
        }
        return _19;
    },
    write:function(_20) {
        if (this.getAttribute("useExpressInstall")) 
        {
            var _21=new deconcept.PlayerVersion([6,0,65]);
            if (this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))) 
            {
                this.setAttribute("doExpressInstall",true);
                this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
                document.title=document.title.slice(0,47)+" - Flash Player Installation";
                this.addVariable("MMdoctitle",document.title);
            }
        }
        if (this.skipDetect || this.getAttribute("doExpressInstall") || this.installedVer.versionIsValid(this.getAttribute("version"))) 
        {
            var n=(typeof _20=="string")?document.getElementById(_20):_20;
            n.innerHTML=this.getSWFHTML();      
            return true;
        }
         else 
         {
            if(this.getAttribute("redirectUrl")!="") 
            {
                document.location.replace(this.getAttribute("redirectUrl"));
            }
        }



        return false;
    }
};
deconcept.SWFObjectUtil.getPlayerVersion = function (_23,_24) {
    var _25=new deconcept.PlayerVersion([0,0,0]);
    if (navigator.plugins&&navigator.mimeTypes.length) {
        var x=navigator.plugins["Shockwave Flash"];
        if (x&&x.description) {
            _25=new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));
        }
    } else { 
        try{
            var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
            for(var i=3;axo!=null;i++) {
                axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
                _25=new deconcept.PlayerVersion([i,0,0]);
            }
        } catch(e) {}
        if(_23&&_25.major>_23.major) {
            return _25;
        }
        if (!_23||((_23.minor!=0||_23.rev!=0)&&_25.major==_23.major)||_25.major!=6||_24) {
            try {
                _25=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
            } catch(e) {}
        }
    }
    return _25;
};
deconcept.PlayerVersion = function(_29) {
    this.major=parseInt(_29[0])!= null?parseInt(_29[0]):0;
    this.minor=parseInt(_29[1])||0;
    this.rev=parseInt(_29[2])||0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv) {
    if(this.major<fv.major){return false;}
    if(this.major>fv.major){return true;}
    if(this.minor<fv.minor){return false;}
    if(this.minor>fv.minor){return true;}
    if(this.rev<fv.rev){return false;}
    return true;
};
deconcept.util = {
    getRequestParameter:function(_2b) {
        var q = document.location.search || document.location.hash;
        if (q) {
            var _2d = q.indexOf(_2b+"=");
            var _2e = (q.indexOf("&",_2d)>-1)?q.indexOf("&",_2d):q.length;
            if (q.length>1&&_2d>-1) {
                return q.substring(q.indexOf("=",_2d)+1,_2e);
            }
        }
        return "";
    }
};
if (Array.prototype.push==null) {
    Array.prototype.push=function(_2f) {
        this[this.length]=_2f;
        return this.length;
    };
}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for backwards compatibility
var SWFObject=deconcept.SWFObject;

【问题讨论】:

    标签: javascript php flash swfobject


    【解决方案1】:

    类似于this question

    Flash Player 公开了 SWF 的 PercentLoaded 属性,您可以在加载 SWF 时轮询该属性。一旦它报告 100%,您就可以按照您在问题中的描述操作您的 DOM(例如隐藏图像)。请注意,您不能完全隐藏您的 SWF(屏蔽或放置在屏幕外),因为这会阻止 SWF 在某些浏览器中加载。

    几年前我为polling PercentLoaded with SWFObject 写了一个教程。它使用 SWFObject 2.x,它的语法与 1.4 完全不同。 FWIW,SWFObject 1.4 真的很老,并且已知有错误。我建议使用SWFObject 2.3 beta

    【讨论】:

    • 我不是 html 和 web 编码方面的专家。您可以查看我用来运行 swf 的代码。一个 swf 正在运行多个 swf。查看我提供的链接。你能告诉我,如果我可以把同样的东西转换成 2.3 吗?如果可能的话,我可以尝试做一些努力
    • 我怎么做 playero.addVariable("xml", path.concat("/xml/details.xml")); // 数据 xml URL playero.addVariable("path", path.concat("/files/")); // 新 SWFOjbect 中资产 (swf & jpg) 的 URL
    • 在 swfobject 2.x 中,您将它们设为 flashvars 对象的属性: var flashvars = { path: path.concat("/files/") }
    猜你喜欢
    • 1970-01-01
    • 2021-07-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多