数学建模社区-数学中国

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

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

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

( k" C7 m* N7 H# ?4 H* j

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

( f& E3 [- c& E8 l! x

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

4 x, x$ g2 ?0 q: |* Y

0 x; K Z2 z7 u: { Y   <html>4 Y: t2 N, x! s7 | C+ v   <head>& i3 f# K" o- w ]   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 2 d! S ^0 y' m0 }0 @: E2 q: w  </head>

4 X+ t$ a8 ]! g: W* Y# H K9 U

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

% s! u4 o/ ?1 I5 Q& y

  <SCRIPT LANGUAGE="JavaScript">

6 K# X' O3 |: n* x6 g* Z+ a, y7 N

  function ID1_DoFSCommand(command, args) {' o) S- M- ?% y+ k& R   * R1 x( b6 E5 a& o) ]/ n   if(command=="window" && args=="closeResult close")

% D+ g* B" A! O$ P

  {/ s9 O& I3 I- M, m5 }6 x3 S& T   % z1 i! j) T' [; y9 b4 p   document.getElementById('V1').innerHTML = ''; 1 L' D: F; \& v- Z0 ^8 B   / m: R; b% T7 Q) ]: d X  }

0 O6 G2 I1 R6 B$ k, @

  }

) q8 |8 e! e6 @9 W0 n( F

  </SCRIPT>

) d; j: V; _9 L7 n, B- K

  <SCRIPT LANGUAGE="VBScript">

, ^' ~4 A ~- z8 ]

  On Error Resume Next : ]( `% H. T- F* `6 o 5 S5 n0 H( [: M" }   Sub ID1_FSCommand(ByVal command, ByVal args)2 r" L- Q: m- w) T* z0 j5 J    & a+ b& o4 O+ @3 W, l, M( T  Call ID1_DoFSCommand(command, args)" L9 h* ]% _/ H8 g1 ]   End Sub

$ y! V5 a) W% [

  </SCRIPT>

- G b# V6 J* K; e8 K/ o D

  <DIV ID="V1">

, _2 d R0 [% Y, @# l

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

7 N% u; ] e3 g

  align="middle"> 3 E2 I- E& w _" o g m  <param name="movie" value="dh188.swf" />9 C8 I' V$ g" i& S$ Z. M   <param name="quality" value="high" /> ! O+ {8 w8 i- s+ }; J/ }: g. \. r4 t; E  <param name="wmode" value="transparent" />$ J' ~2 T1 W* ?$ S   <param name="bgcolor" value="#ffffff" />5 P6 M# g/ W" `0 ?( m M) h   <param name="allowScriptAccess" value="sameDomain" />: m8 t0 p) G9 Z1 t7 V9 `7 M. q   <param name="scale" value="showall" />6 f' j1 W, X: J   </object>- v B y; z5 s7 E) D) L4 @   </DIV> 0 r! M n- b. O* P# A  </body>& R Y; |7 ^; c& G: Y, p t   </html> + B6 T% u0 c6 I

; \0 b* s* @, |6 Q

8 E2 f" h; K2 |- [% Z, L   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

2 n, m8 i0 b' M

) u) Z1 C7 Q; ?7 Z   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

; Z4 h# _ V' n+ s2 f% n( E

: S) G e$ b* x/ a) L2 M8 k. Q   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

+ l' K7 L7 N0 A: t0 X

  以上这些都是经过我证实过了.代码也是MagicFlash.exe生成的,大家有兴趣可以研究一下,做出自己的"魔法表情"或其他更強大的程序,利用Flash的透明属性结合网页可以做到很多意想不到的效果. 4 [+ v6 G+ \+ o/ Y* a+ M* k( c  呵呵,小弟才疏学浅,看不懂的地方还请不要见怪。






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