查看: 4739|回复: 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的代码:

6 S3 o5 r+ B" m2 q# ] 　　<html>( I2 r; L7 r0 T5 U U- S- [& ? 　　<head> / @ E+ @$ h P+ i, j+ h　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />; o: \* B( j; v 　　</head>

　　function ID1_DoFSCommand(command, args) { ; `8 @7 X2 w* u7 V5 }2 e! p' Z9 N　　9 I- Z7 @* P0 A; y: b* P 　　if(command=="window" && args=="closeResult close")

　　{; [ K; g8 ?4 [# E3 s 　　8 I8 L5 `; ]0 T4 a# f9 T- ~& @! { 　　document.getElementById('V1').innerHTML = ''; # N7 N8 Z6 l8 ^　　8 W1 i0 ^0 K5 u0 v& d- n 　　}

　　}

　　</SCRIPT>

　　On Error Resume Next 1 ~+ [. ~0 m7 B4 e ) P; k5 c7 e+ x　　Sub ID1_FSCommand(ByVal command, ByVal args)4 S3 ]6 j: u+ O% t5 \& M 　　 2 B* R! y2 w1 x1 f0 I　　Call ID1_DoFSCommand(command, args) b0 f) N8 X- v7 D 　　End Sub

　　</SCRIPT>

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

　　align="middle"> ; [% \! T6 t: m/ _0 e, I　　<param name="movie" value="dh188.swf" /> 7 ~3 @; w) P, X& B　　<param name="quality" value="high" /> " h; ~8 C" G; q1 u, [　　<param name="wmode" value="transparent" />2 |' h2 [1 X# A, K7 S 　　<param name="bgcolor" value="#ffffff" />- @2 b+ M+ U+ @. E 　　<param name="allowScriptAccess" value="sameDomain" /> ; T* M5 r4 k& o/ D+ X5 y: X4 g# @( ?　　<param name="scale" value="showall" /> / [5 t5 ]- K+ H8 v3 O9 {& Z; F　　</object> " u: p1 X6 A7 D　　</DIV>3 n1 \% _) G, k% r 　　</body># ~8 @2 w, V3 K, L 　　</html>* K! [( C& f& i, ]

1 n3 J2 d6 X0 N2 b' C1 O　　呵呵，上面的代码就是整个程序的核心，只要你的程序能查看网页，你就可以把这断代码用在你的网页上．当然条件是你必须先把當前的屏幕截取下來:

) N6 q8 m8 g# x7 j7 |' C 　　<body background="mt4F.jpg" style="overflow:hidden" border= "0">

; H9 w4 G5 G) W5 {: c4 @8 C/ Y& J　　"mt4F.jpg＂就是你截取下來的图片，用他来做背景，才能和你的屏幕一致，才能达到透明的效果，还要注意不要变动程序的位置，ＱＱ就是这样做的。

　　以上这些都是经过我证实过了．代码也是MagicFlash.exe生成的，大家有兴趣可以研究一下，做出自己的"魔法表情＂或其他更強大的程序，利用Flash的透明属性结合网页可以做到很多意想不到的效果． ) `8 h: r( x; S J2 u5 }5 G　　呵呵，小弟才疏学浅，看不懂的地方还请不要见怪。

zan