Skip to content

Instantly share code, notes, and snippets.

@dexteryy

dexteryy/TUI.swfobject.js

Created December 22, 2011 05:28
Show Gist options
  • Save dexteryy/1509061 to your computer and use it in GitHub Desktop.
Save dexteryy/1509061 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
TUI.swfobject.js
TUI.swfobject = (function(TUI){
var uuid = 0;
var isie = !(navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length);
var webkit = TUI.browser.webkit;
var flashMC = TUI.getFlashMC;
var template = {
'object': '<object id="<%=id%>" <%=classid%> width="<%=width%>" height="<%=height%>" name="<%=name%>" <%=data%> style="<%=style%>" <%=mimetype%> >',
'embed': '<embed id="<%=id%>" width="<%=width%>" height="<%=height%>" flashvars="<%=flashvars%>" quality="high" name="<%=name%>" src="<%=src%>" style="<%=style%>" <%=mimetype%> ',
'pluginspage': '<a id=<%=id%> class="tui_noflash" href="#" style="width:<%=width%>;height:<%=height%>;display:block;overflow:hidden;cursor:pointer;<%=style%>" onclick="<%=fn%>()">需要flashplayer插件，点击安装</a>'
};
var FLASH_MIME_TYPE = "application/x-shockwave-flash";
/**
* @public
*/
var SwfObj = TUI.swfClass = TUI.newClass({
/**
* @constructor
*/
initialize: function(opt){
var self = this;
uuid++;
TUI.mix(this, opt);
// 默认属性
var attrs = opt.attrs;
var flashId = attrs.id;
if (!flashId)
flashId = attrs.id = 'TUI_flashObj_' + uuid;
/**
* @public flashId
*/
this.flashId = flashId;
if (!attrs.name)
attrs.name = attrs.id;
this.pluginspage = opt.pluginspage || pluginspage;
this.pluginspageTpl = opt.pluginspageTpl || pluginspageTpl;
var ver = getVersion();
this.isSupport = ver && ver[0] > 0;
// 给flash提供通用交互接口
/**
* @public jsapiName
*/
var jsapiName = this.jsapiName = opt.flashvars.jsapi = '_TUI_flashObj_' + uuid;
/**
* flash调用的js方法
* @public jsapi
*/
var jsapi = this.jsapi = window[jsapiName] = {};
var allowscript = opt.params.allowscriptaccess || opt.params.allowScriptAccess;
if (allowscript && allowscript != 'never') {
this.event = new TUI.eventClass();
TUI.mix(jsapi, {
// flash接口初始化之后触发这个方法
flashReady: function(args){
self.event.enable('load', args);
},
// 取值
getValue: function(fullname){
return TUI.ns(fullname);
},
// 供flash调用任意js方法，获取返回值
callFunc: function(fullname, args){try{
return TUI.ns(fullname).apply(TUI.ns(fullname.replace(/\.[^\.]+$/, '')), args);
}catch(ex){return false;}},
// 用来处理所有flash事件
notify: function(eventName, args){
self.event.fire(eventName, args);
}
});
}
},
/**
* public 嵌入flash标签
* @param {String} * objid是用来替换的页面元素的id，在没有id的时候使用document.write
*/
load: function(objid){
var box = objid ? $('#' + objid)[0] : false;
if (box) { //用flash标签替换指定id的页面元素
if (box.outerHTML && !TUI.browser.opera) { // for ie
box.outerHTML = this.getHTML();
} else {
var self = this, f = TUI.addElm(this.getHTML(), function(){
box.parentNode.replaceChild(this, box);
//this.setAttribute("data", self.attrs.src); //防止重复加载 @TODO 此方法无效
});
}
} else { //在没有提供替换的页面元素时，在load方法执行的地方直接写入flash标签
document.write(this.getHTML());
}
},
/**
* 针对ie或其他浏览器生成相应的flash标签的html代码
*/
getHTML: function() {
var n, k, self = this, html = [], vars = [],
attrs = this.attrs, flashvars = this.flashvars, params = this.params;
if (this.isSupport) {
if (webkit && webkit < 312 || !isie && this.type === "embed") {
for (n in flashvars)
vars.push(n + "=" + flashvars[n]);
attrs.flashvars = vars.join("&");
attrs.mimetype = 'type="' + FLASH_MIME_TYPE + '"';
html.push(TUI.renderTpl(template['embed'], attrs));
for (k in params)
html.push(k + '="' + params[k] + '" ');
html.push(' ></embed>');
} else {
if (isie) {
attrs.classid = 'classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"';
} else {
attrs.data = 'data="' + attrs.src + '"';
attrs.mimetype = 'type="' + FLASH_MIME_TYPE + '"';
}
html.push(TUI.renderTpl(template['object'], attrs));
if(isie)
params["movie"] = attrs.src;
params["quality"] = "high";
for (k in params)
html.push('<param name="', k, '" value="', params[k], '" />');
for (n in flashvars)
vars.push(n + "=" + flashvars[n]);
if (vars.length > 0)
html.push('<param name="flashvars" value="', vars.join("&"), '" />');
html.push("</object>");
}
} else { // 没安装flash插件
var w = attrs.width, h = attrs.height;
html.push(TUI.renderTpl(this.pluginspageTpl(), TUI.mix(attrs, {
width: !w && 'auto' || /%$/.test(w) && w || w + "px",
height: !h && 'auto' || /%$/.test(h) && h || h + "px",
fn: this.jsapiName + ".pluginspage" // 点击事件
})));
this.jsapi.pluginspage = function(){
return self.pluginspage.call(self);
};
}
return html.join("");
},
// 以下是调用flash接口的方法
/**
* onload之后
*/
ready: function(fn){
this.event.bind('load', fn);
},
/**
* 申请监听flash的事件，必须等onload后执行
*/
bind: function(eventName, handler){
this.event.bind(eventName, handler);
flashMC(this.flashId)._addEventListener(eventName, this.jsapiName + '.notify');
},
/**
* 直接调用flash内部的方法，有返回值，必须等onload后执行
*/
callMethod: function(methodName, args){
return flashMC(this.flashId)._call(methodName, args);
}
});
/**
* @factory 初始化flash对象
* @param {Object} url是swf地址
* @param {Object} w是flash宽度
* @param {Object} h是flash高度
* @param {Object} vars是flashvars属性
* @param {Object} params是flash元素里的param标签
* @param {Object} attrs是flash标签本身的属性
*/
function swfobject(url,w,h,vars,params,attrs){
attrs = TUI.mix(attrs || {}, {
src: url,
width: w,
height: h
});
var tagType = attrs.tagType;
delete attrs.tagType;
return new SwfObj({
type: tagType,
attrs: attrs,
params: params,
flashvars: vars,
pluginspage: pluginspage,
pluginspageTpl: pluginspageTpl
});
}
TUI.mix(swfobject, {
getVersion: getVersion,
setPluginspage: function(fn){
var oldfn = pluginspage;
pluginspage = function(){
return fn.call(this, oldfn);
};
},
setPluginspageTpl: function(fn){
var oldfn = pluginspageTpl;
pluginspageTpl = function(){
return fn.call(this, oldfn);
};
}
});
return swfobject;
/**
* @static 获取flashplayer的版本
* @return {Array}
*/
function getVersion() {
var ver = [0,0,0];
if (navigator.plugins && navigator.mimeTypes.length) {
var x = navigator.plugins["Shockwave Flash"];
if (x && x.description) //"10.0 r115", "10.0 d51", "10.0 b51"
ver = x.description.replace(/^\D+/, '').replace(/\s*r/, '.').replace(/\s*[a-z]+\d*/, '.0').split('.');
} else {
if (navigator.userAgent && navigator.userAgent.indexOf("Windows CE") >= 0) {
var axo = 1;
var n = 3;
while (axo) {
try {
n++;
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash." + n);
ver = [n, 0, 0];
} catch(e) {
axo = null;
}
}
} else {
try {
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
} catch(e) {
try {
var axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
ver = [6, 0, 21];
axo.AllowScriptAccess = "always";
} catch(e) {
if (ver.major == 6)
return ver;
}
try {
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
} catch(e) {}
}
if (axo != null) {
ver = axo.GetVariable("$version").split(" ")[1].split(",");
}
}
}
return ver;
}
function pluginspage(){
TUI.panel('安装完flashplayer之后，要记得先重新启动浏览器，再访问土豆喔', function(){
TUI.openURL('http://get.adobe.com/flashplayer/', '_blank');
});
return false;
}
function pluginspageTpl(){
return template['pluginspage'];
}
})(TUI);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment