查看: 4735|回复: 0

紧跟潮流:剖折QQ魔法表情实现原理

字体大小: 正常放大

韩冰

823 主题	3 听众	4048 积分

我的地盘我做主

该用户从未签到

电梯直达

1^#

发表于 2004-11-19 10:35 |只看该作者 |正序浏览

|招呼Ta 关注Ta

这几天．ＱＱ刚推出了2004II beta2，新的功能挺不錯，最吸引人的就是魔法表情，在ＭＳＮ中叫ＷＩＮＫＳ，但ＱＱ实现的不同ＭＳＮ，ＱＱ用的是ＦＬＡＳＨ做为原素材，而MSN的WINKS用的是ＧＦＩ图片和声音文件合成的。

[被屏蔽广告]　　大家都知道，在ＱＱ魔法表情启动时，内存会多一个MagicFlash.exe的进程，他就是一个简单的ＦＬＡＳＨ播放器，其实也不是什么播放器，原理就是一个网页．在ＱＱ的安装目录下面可以找到这个MagicFlash.exe文件，你可以试着拖一幅ＦＬＡＳＨ文件（ＳＷＦ）到MagicFlash.exe图标上，看看这就是所谓的魔法表情，呵呵．是不是很简单呢。

　　说到实现的原理，也是非常简单的，我仔细研究过，其实MagicFlash.exe就是一个网页查看程序（ＭＦＣ写的，我也不知道是什么控件，反正就是能看网页就是了，如ＷebBrowser控件)．当运行MagicFlash.exe时，程序把当前屏幕的固定区域截取下來，做这网页的背景，然后插入一个ActiveX小插件(当然是ＦＬＡＳＨ了)，用来播放你给的Flash，同时把Flash的背景设为透明，这样就神不知鬼不觉地呈现了透明的ＦＬＡＳＨ播放在你的屏幕当中．其实并不是透明的，而是把当前的固定屏幕区域截取下来做为网页的背景，呵呵．．是不是很简单呢．你也可以用任何语言写一个和MagicFlash.exe一样的程序呢．下面贴出来播放Flash的代码:

# t) a. y( S$ T9 f* [. n( p. e 　　<html>: C6 O& o6 M) ]' t6 x- j3 a 　　<head>7 G9 h7 z/ i: V A6 _ 　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 2 d0 r) K: } X* _　　</head>

　　function ID1_DoFSCommand(command, args) {; I: F9 [5 ^, @3 E- P& ^: R 　　 1 E) [# X! f, k6 ]　　if(command=="window" && args=="closeResult close")

　　{ 3 x! H5 P, h6 x9 T1 i% o. e6 \　　! _# h n0 h* F% f3 }! m( M 　　document.getElementById('V1').innerHTML = '';: x y& i C2 | 　　# h0 W' ?6 Q8 a% j) `) H 　　}

　　}

　　</SCRIPT>

　　On Error Resume Next; d$ ~2 Y4 q% O- T, ]4 u - M9 O- c8 y: A: H　　Sub ID1_FSCommand(ByVal command, ByVal args) 2 m1 g: q- }* m( P! {0 Y　　 N- F2 C# ^4 _) m% }6 I( o4 [% r 　　Call ID1_DoFSCommand(command, args)4 s3 e8 L& u# a0 X, H) b$ K5 y) t 　　End Sub

　　</SCRIPT>

　　<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="ID1" width="400" height="400"

　　align="middle">9 r+ K- Y" R5 H4 b5 P, B* q 　　<param name="movie" value="dh188.swf" />( E. l4 X) N# N& i& O0 l' v$ w 　　<param name="quality" value="high" />8 a$ c& h# k9 [; P% M 　　<param name="wmode" value="transparent" />- _: H, I7 _4 w7 t g 　　<param name="bgcolor" value="#ffffff" />5 a0 R; t! g9 g1 o: b 　　<param name="allowScriptAccess" value="sameDomain" /> 4 R) \& H, V! L9 t5 k8 E! G/ w　　<param name="scale" value="showall" /> 7 f+ F# d; ?* Y) O9 T) O# d% \　　</object>6 z) u% J6 V5 y; b" b 　　</DIV>9 [ d& Y0 ]2 f: g' }; f 　　</body> 3 M1 x: G6 o/ h9 P* \3 g　　</html>2 ?3 z& d7 |* R# a; x X

( h( g- h6 q5 u 　　呵呵，上面的代码就是整个程序的核心，只要你的程序能查看网页，你就可以把这断代码用在你的网页上．当然条件是你必须先把當前的屏幕截取下來:

+ B6 O. t; Q7 H 　　<body background="mt4F.jpg" style="overflow:hidden" border= "0">

* v1 C7 V" j( K' L* o 　　"mt4F.jpg＂就是你截取下來的图片，用他来做背景，才能和你的屏幕一致，才能达到透明的效果，还要注意不要变动程序的位置，ＱＱ就是这样做的。

　　以上这些都是经过我证实过了．代码也是MagicFlash.exe生成的，大家有兴趣可以研究一下，做出自己的"魔法表情＂或其他更強大的程序，利用Flash的透明属性结合网页可以做到很多意想不到的效果．1 z+ W6 o P* D. N1 K5 P+ s 　　呵呵，小弟才疏学浅，看不懂的地方还请不要见怪。

zan