QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4765|回复: 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图片和声音文件合成的。

. V1 n- d/ ] l

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

0 X6 O1 M, G6 w4 ~+ _

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

8 Q \# o c3 y

~6 Q- [: N3 w- ^% `+ w! X   <html>, F' M5 U+ z2 H9 z6 s/ U( e   <head>" H. [6 d) V U3 Q+ C9 @6 R5 k   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />. M( L) a- p0 n1 R; {/ n: d   </head>

* p. @6 s3 q5 Z- C8 i8 X( d

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

! Z8 P# Y: K% K8 u; p7 F

  <SCRIPT LANGUAGE="JavaScript">

, U# U: w! `* ]

  function ID1_DoFSCommand(command, args) { % _4 P! m. C$ C" o' ~0 _  5 p. d) F! R- M) V/ u   if(command=="window" && args=="closeResult close")

\' Q V A% @, Z4 s% H3 k$ V& W

  {. S0 ^. n- u4 W    0 _$ i2 I: e( [9 o! i6 w2 q; {  document.getElementById('V1').innerHTML = ''; 0 e3 a$ [! L* L4 J7 Z5 i  * Z/ v0 _. \) ^2 N   }

0 W* ?, g# l4 a/ i

  }

5 K4 z' x0 q3 X+ Y$ q

  </SCRIPT>

- }; l& q) ]) _6 m f

  <SCRIPT LANGUAGE="VBScript">

) l+ `) j/ x; T1 o6 S. E" x

  On Error Resume Next ) ^( J9 ` m3 C! w/ O 7 k, f" w3 q, w7 G8 ?8 p7 h; Q; ~  Sub ID1_FSCommand(ByVal command, ByVal args)5 |+ ~3 ^4 K$ X    4 P9 v5 x/ l0 R3 o  Call ID1_DoFSCommand(command, args). {( |( K8 ?7 [" ^   End Sub

' a( P L' z( N2 A. b

  </SCRIPT>

5 k: _8 Z0 S% V' j) }) e$ @

  <DIV ID="V1">

% c7 ^" n+ E9 U" t& U) E, J

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

2 }5 B# |% Q7 E5 M' }* [/ E* I

  align="middle"> 4 J2 ~$ y" r7 A9 a; [# T  <param name="movie" value="dh188.swf" /> - X) X% A' ]0 c9 z( O7 u m7 b H! x  <param name="quality" value="high" /> ( _- u! F/ q1 [9 G9 q  <param name="wmode" value="transparent" /> 0 c4 v% l& p- l  <param name="bgcolor" value="#ffffff" /> 6 G( z8 H& K4 {0 s" q4 n/ h  <param name="allowScriptAccess" value="sameDomain" />/ D6 F% f+ V5 X   <param name="scale" value="showall" /> 6 @; ~. ?$ W0 h) x# D' D' G  </object> , w# w' `2 g& \+ y5 @  </DIV> ' m g: M% t) i4 K  </body> & K; S* t6 T) B0 ]" [ w. t  </html> / ^* [, H* w0 N( o0 ?6 f' s

6 V2 \# U5 }8 ~% l' t

F+ t( @+ r" ?7 }- p  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

- \; k- h5 b. J& P- y8 d

9 P9 R: w1 ]! S# _6 l; {   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

; d3 p; C* s# s# l1 s7 @# x6 h

( _, r3 N' W9 U) u! `; N   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

7 i/ P% f6 U% c

  以上这些都是经过我证实过了.代码也是MagicFlash.exe生成的,大家有兴趣可以研究一下,做出自己的"魔法表情"或其他更強大的程序,利用Flash的透明属性结合网页可以做到很多意想不到的效果.: ^% K( y+ [1 m) _' `4 N p, 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-13 08:09 , Processed in 0.399816 second(s), 52 queries .

回顶部