数学建模社区-数学中国

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

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

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

3 e4 l, ]& Z1 V; G5 o

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

. g4 H; D+ \9 @6 p! ~3 y9 p# F3 {

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

. K7 S9 l$ E9 e5 {8 ~' F

& l7 J+ J4 _2 U% N   <html> 0 b& c) O3 e& C. V8 y8 z {* h  <head>3 D7 o7 [! O$ p' b   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> : E' e4 \9 r' `% b7 D  </head>

4 _2 V% I) U! r* ^* `) W. c6 E

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

5 P- H1 g8 \# S3 Q! E7 K5 o j

  <SCRIPT LANGUAGE="JavaScript">

6 n$ O7 T& M: C+ v5 ^& J- E e/ ?

  function ID1_DoFSCommand(command, args) { 2 w# l$ N1 |+ r, g   1 e% r) P1 S. C* G  if(command=="window" && args=="closeResult close")

: S7 `' r, z$ j% b

  { + X6 z: `# H3 w  0 v4 J8 c. z# ?   document.getElementById('V1').innerHTML = '';) D `2 W0 w2 l2 n1 ~    " ?) k& m0 `4 [) H9 ?) h( t; @  }

, g) O2 \' L. f

  }

$ ?9 G9 c, h% Z+ M/ _2 g

  </SCRIPT>

+ `( j. f" @$ _/ E3 U! M- L

  <SCRIPT LANGUAGE="VBScript">

- p/ w* P3 C' u- t) Z7 I

  On Error Resume Next9 k" T/ s6 z; k# j4 }2 c + F) U9 h0 @2 I& X* I1 ^  Sub ID1_FSCommand(ByVal command, ByVal args) - O1 {7 H& T y- u* |0 w  ' u0 q, Q/ l6 Q/ N' J! R   Call ID1_DoFSCommand(command, args)# C" J7 n' I( S   End Sub

) g/ U j: G! W5 @

  </SCRIPT>

, A2 ?' W X9 D

  <DIV ID="V1">

8 e+ u% \0 N2 t7 }7 ~+ G" ?2 j

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

+ L3 q& }- _ C9 t, i) v; D1 n* {

  align="middle"> # l) {4 D) t- g  <param name="movie" value="dh188.swf" />7 L3 s) Z b5 ?! B6 `   <param name="quality" value="high" />! c0 _/ N3 k# c; _, C6 G) l' a   <param name="wmode" value="transparent" />4 a V: I* x8 |% `: F* }% Q   <param name="bgcolor" value="#ffffff" />: U( H# m4 L7 R: k& U; I   <param name="allowScriptAccess" value="sameDomain" /> & M& | n/ U: t# P# e  <param name="scale" value="showall" /> & Y8 i) r6 m$ C" H( h4 h  </object> : v4 _4 B2 r" X4 |9 r( F2 b% \  </DIV> 4 H' G+ I& L* ~2 o& Z& J: v  </body> 3 c t4 T/ g6 j1 g+ Q }4 o  </html># }8 o% W( U6 V2 k5 g" F- r

5 _4 o- |; ~! n, h- J* p$ O' y

/ A$ M4 n: h' c. R   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

2 V! k9 k% a( U* f

! C& {) L% e- ~) j9 J. c2 P+ {6 `   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

/ W0 y' K5 F# b; A+ i0 Q

( ~' e$ p6 Q' }; k% q5 I   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

' h3 j% Z& P& X2 K6 k h w4 r& J

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






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