数学建模社区-数学中国

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

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

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

1 w/ [5 u( a' `) O9 t( y9 O

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

) o) T% Q8 R. |" J' H

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

+ ^3 r- d7 h% r, y8 f9 K' i1 X" u

! g4 C) i* w8 S0 x- a7 I   <html> & P5 ?( s# g0 v7 I5 V% t; n1 X  <head>( P3 A. `! R8 J8 A* s8 Z; k) U   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />( k# g+ m! T/ ^* C" m7 z* H   </head>

" P0 M/ d! w8 J) R

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

% i" h2 g. W8 y. P6 B

  <SCRIPT LANGUAGE="JavaScript">

- H, I, g& A4 n# |

  function ID1_DoFSCommand(command, args) {. C+ X& u. H2 ?8 T& O. B3 Y    & U3 x: H& R* |+ x1 s  if(command=="window" && args=="closeResult close")

5 y6 c, A9 l- G$ h* e! b

  { 4 {; O) t6 Q" ?, o' \! E0 _0 s, f   3 x* ?9 |' [8 Q6 J. ^5 w9 ~  document.getElementById('V1').innerHTML = '';1 M( y$ V2 ?6 q1 J: {( ~3 x   * T; X' A q" V   }

- ~7 L: L; l0 ]

  }

0 P C( |2 y2 a0 U& A/ n

  </SCRIPT>

Q1 }, G7 M& H$ \/ F2 O; W

  <SCRIPT LANGUAGE="VBScript">

$ v# n) L* ~7 ~/ s( K& O t# R

  On Error Resume Next" i# V3 Z# {7 C$ a5 A 1 K0 R. g$ d0 G! v& Q+ O* y   Sub ID1_FSCommand(ByVal command, ByVal args) ! p' {0 D3 G: b1 |) a  " X0 {% A+ m& {/ p+ O ~" |   Call ID1_DoFSCommand(command, args): S2 X5 `! o7 z" n+ B. O3 x9 _   End Sub

( c: }1 \2 c: H& z k# L* W3 e

  </SCRIPT>

! ]! q: i$ l- V5 q- L) [

  <DIV ID="V1">

& U" a$ P* q B+ G# B

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

4 e; N& E( V( i, M/ R

  align="middle"> : o3 d: L% m& N$ L  <param name="movie" value="dh188.swf" /> / ]7 `1 u2 E0 w+ v8 a$ X  <param name="quality" value="high" /> 1 p* S% s l9 E9 H0 q& |3 S8 j  <param name="wmode" value="transparent" /> P9 Z' \0 [: [9 ~, v+ o7 Z   <param name="bgcolor" value="#ffffff" />) h, ^! H: S( f2 ]+ q, T2 ^   <param name="allowScriptAccess" value="sameDomain" /> + Z/ u* V* }6 S/ v  <param name="scale" value="showall" />8 H/ p f/ z- s' X7 z/ f   </object> 4 E4 N- [# R+ Z( a  </DIV> 6 \9 U; }- r" O) B  </body> & a# Q6 }$ b7 U  </html>: F1 e6 \8 M3 g' [1 u9 A

7 t$ @" B, w3 x; l( j f

" t" I, m7 X. ]; v6 C  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

+ k! u, T, ~- H5 D# }) r

1 [! J' ]/ W; i# M) F   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

$ o0 V) a) [1 g

! n$ L4 ]2 H% n  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

9 o% I f, g- h: o8 k* S

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






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