数学建模社区-数学中国

标题: 紧跟潮流:剖折QQ魔法表情实现原理 [打印本页]

作者: 韩冰    时间: 2004-11-19 10:35
标题: 紧跟潮流:剖折QQ魔法表情实现原理

这几天.QQ刚推出了2004II beta2,新的功能挺不錯,最吸引人的就是魔法表情,在MSN中叫WINKS,但QQ实现的不同MSN,QQ用的是FLASH做为原素材,而MSN的WINKS用的是GFI图片和声音文件合成的。

8 D4 h3 |4 }5 K. j

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

0 }0 H! A* r+ d& `, h- v. m

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

. V5 q9 }4 W* y8 E" L' v2 Z

4 r4 |3 U9 W8 E; E   <html>2 b- B: A% J2 I( ~1 p( d   <head> 4 N# `5 g# P) y) `. t5 Z  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />) |7 \4 k |3 p% Y! E% D; v( e# Y   </head>

) C0 w( ?8 m: m! m. Z

  <body background="mt4F.jpg" style="overflow:hidden" border= "0">

" C( a8 p u' N& t

  <SCRIPT LANGUAGE="JavaScript">

* @4 u, O6 g2 _, [( C- D1 C& v

  function ID1_DoFSCommand(command, args) {4 i2 N; z4 c+ `6 c% N, J) r    ! m/ r* ]7 H7 q3 ?) z7 r  if(command=="window" && args=="closeResult close")

/ j" |- e4 k2 a8 t7 v

  { 4 N# k; o2 U+ h- w  0 `; W$ w5 s3 n2 U2 a   document.getElementById('V1').innerHTML = '';7 q3 ?# `$ N/ ]1 x# B, G* x Y# I    / \: }4 C4 y, L2 u1 O+ _/ N  }

. J& {, Q. u1 s" q# K6 b

  }

' m2 x; ?& h$ Y7 [7 E% t- F

  </SCRIPT>

2 |: s O1 v$ v

  <SCRIPT LANGUAGE="VBScript">

$ ?6 T2 p* q; b' k9 G2 p$ O

  On Error Resume Next+ @* y% D6 _! }7 p8 z d5 M ( n7 H( `6 M: J: H  Sub ID1_FSCommand(ByVal command, ByVal args) ' {8 A; k' o3 K+ v$ a! P   " E6 u* W8 `0 w# _9 D5 p  Call ID1_DoFSCommand(command, args) 2 f0 @ C* u8 I. U9 e1 J8 z  End Sub

4 \5 g. B a* X6 F5 a/ i, U

  </SCRIPT>

2 R, j* e9 w# a+ y1 \

  <DIV ID="V1">

0 {" g4 ~0 o) R6 T4 Y _

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

5 o6 b$ ]! [! B2 w) \9 @1 _

  align="middle">2 @9 b+ s8 \' f5 w9 G   <param name="movie" value="dh188.swf" /> 1 R/ V' I" L; N4 f8 Z  <param name="quality" value="high" /> $ Y. X& _7 Y4 w& ~, k  <param name="wmode" value="transparent" /> ( k' Y1 d4 ?; Y$ a" O  <param name="bgcolor" value="#ffffff" /> 7 Z, {5 j5 o, G! v6 Y. ]  <param name="allowScriptAccess" value="sameDomain" /> ( c) G. ~, z. V, P$ `" o  <param name="scale" value="showall" />5 c7 _( ?# X6 C7 \. R4 h* v   </object>$ y' u1 W5 F' r' {/ \   </DIV>7 O: x! Z* T( f/ o   </body>) |8 @7 y- U7 Z8 B   </html> ) @7 P) E( B" J9 c; _) V# k( Q

0 O A- N; b1 V5 n

' @* e1 R0 [$ Q5 W G" u/ i5 e   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

# }, l1 R h( R( E/ A* B" s" \

3 c6 E! @$ O; Y9 V) o( O   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

" h3 Y, Y) r- ^

& p+ }+ e5 ` S* Q1 U9 h8 I7 @   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

) v5 _9 T9 O$ G" o# p( G

  以上这些都是经过我证实过了.代码也是MagicFlash.exe生成的,大家有兴趣可以研究一下,做出自己的"魔法表情"或其他更強大的程序,利用Flash的透明属性结合网页可以做到很多意想不到的效果.& J1 G8 F* Q; q9 H   呵呵,小弟才疏学浅,看不懂的地方还请不要见怪。






欢迎光临 数学建模社区-数学中国 (http://www.madio.net/) Powered by Discuz! X2.5