QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4763|回复: 0
打印 上一主题 下一主题

紧跟潮流:剖折QQ魔法表情实现原理

[复制链接]
字体大小: 正常 放大
韩冰        

823

主题

3

听众

4048

积分

我的地盘我做主

该用户从未签到

发帖功臣 元老勋章

跳转到指定楼层
1#
发表于 2004-11-19 10:35 |只看该作者 |倒序浏览
|招呼Ta 关注Ta

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

( @0 `0 E' h$ Y8 J- a# D) z

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

0 C/ n4 l8 G- F

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

+ c. {4 R7 X$ v

3 D- \) u5 J! T   <html>: p3 e) c9 h" x0 c+ ^. g   <head>1 H ?/ ?% v5 E4 t: r   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 1 \# F* L- O% p  </head>

+ U3 F/ y4 z3 F, d2 b' _

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

8 c1 S& H% L7 ]& Y7 w# o1 E

  <SCRIPT LANGUAGE="JavaScript">

# b: ^, M8 ] l! Q% B$ E

  function ID1_DoFSCommand(command, args) { ) Y& T: B5 i% e) E+ U) ^  0 Z3 B0 ^2 A2 f+ B7 ] D   if(command=="window" && args=="closeResult close")

5 m- z9 K. H* ^; v

  { 9 L6 p* n; U+ C. e8 S; ?& u, |: f   : z) |' ?; k+ I! k: m) G  document.getElementById('V1').innerHTML = '';) n9 w! m6 p2 t6 p+ t    & g2 T9 j6 a1 r# @3 Q& v/ w  }

- d: {. M+ ^4 E! }$ E- Y* t. M( {

  }

7 y) z. E. U+ w2 f2 G

  </SCRIPT>

( T4 I0 J6 B8 G/ ]- D

  <SCRIPT LANGUAGE="VBScript">

7 r9 ^# d4 W# i/ F& @( ^9 {

  On Error Resume Next & X( O& ]3 u9 W, m3 V; [ , J* [# f9 M- C0 u. T  Sub ID1_FSCommand(ByVal command, ByVal args) + R. l+ `8 f. p8 A. z   5 O' X. ~: ]( B2 X  Call ID1_DoFSCommand(command, args)5 K+ ]) O1 y' y   End Sub

- C% b0 T' k A4 p* _6 J* z# K

  </SCRIPT>

& y& X4 ?1 R7 j5 O6 |, `

  <DIV ID="V1">

9 _" n2 y0 Y: q7 l4 X$ t% a

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

5 K7 e3 Z3 g2 q0 q9 k, Q

  align="middle">% ^, \8 e& @( H8 r; a   <param name="movie" value="dh188.swf" /> & r( [. h; V" e  <param name="quality" value="high" /> / p P4 b4 O6 R2 x$ v  <param name="wmode" value="transparent" /> ; c2 S6 u, w( j) e# t; Q) L5 l  <param name="bgcolor" value="#ffffff" /> " ~- p$ g* f) c* ~. e* `  <param name="allowScriptAccess" value="sameDomain" /> ! {, N" h& n: e1 u' B8 b$ S, i  <param name="scale" value="showall" /> , U1 h2 x4 L7 ^4 x* x# |  </object>9 F1 Z, j/ v& i4 m! F   </DIV>- q* b0 I5 C2 g6 n) w+ ~   </body> : J; K- f* v4 k( H( k* G1 T6 d, W7 P( p/ J  </html> 8 l Y3 A& w8 v3 y5 Z

1 }& g) F0 H, L1 p1 S: G

- ?8 Q) C$ P' N0 s   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

9 W( l' Y+ y* K! |9 R0 J8 W2 t

2 F& e5 E3 Z7 Z% a0 K+ ?   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

, g' U8 q2 ~& x6 m8 v( T! V, g8 T

& b: }, O7 }# m% E! s1 H; t" e  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

$ l' f! _$ i$ B z

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

zan
转播转播0 分享淘帖0 分享分享0 收藏收藏0 支持支持0 反对反对0 微信微信
您需要登录后才可以回帖 登录 | 注册地址

qq
收缩
  • 电话咨询

  • 04714969085
fastpost

关于我们| 联系我们| 诚征英才| 对外合作| 产品服务| QQ

手机版|Archiver| |繁體中文 手机客户端  

蒙公网安备 15010502000194号

Powered by Discuz! X2.5   © 2001-2013 数学建模网-数学中国 ( 蒙ICP备14002410号-3 蒙BBS备-0002号 )     论坛法律顾问:王兆丰

GMT+8, 2026-6-10 23:24 , Processed in 0.411306 second(s), 51 queries .

回顶部