QQ登录

只需要一步,快速开始

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

3 x7 w5 V* f- \- F9 o) n+ r5 f) ^0 X

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

2 D% X. @8 k7 F$ k) U7 W* D

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

7 ~& d) ^9 S) o

/ d, Q) }- D# }; K: C   <html> 4 G9 K7 E# A* @5 _, ~# `9 Y6 a2 K  <head> * ~7 d% X# e( h$ R; I& P! H! g  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 9 o, F5 }: [4 `& Z- s+ ~  </head>

5 Y4 D2 f z+ k; Y# }% i1 h

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

5 @; I; ^2 G+ x' s) R7 L

  <SCRIPT LANGUAGE="JavaScript">

/ d, {) U7 e* d1 g, [. F) {

  function ID1_DoFSCommand(command, args) {% u' Y w& ]- I. p) F! J9 M1 Y    7 c8 I) k$ I7 T9 U9 p( ?: D  if(command=="window" && args=="closeResult close")

3 d5 D9 a7 r/ Q1 I" X: u, `1 ?# \, i

  { 1 |) F, K5 T, t6 [* ~) s- C, f7 ?   - l; Z# u: I! i9 r$ w8 T  document.getElementById('V1').innerHTML = ''; ' N- z& W0 H/ ?% N6 B& ^% {  , R" A4 O+ n7 D2 S   }

, o5 _5 g& ~5 x; I- j/ S. \

  }

& P, z5 T* h/ r% V7 J9 C5 C: _' i2 g

  </SCRIPT>

3 k& y) s0 g! J& z4 w4 A

  <SCRIPT LANGUAGE="VBScript">

* {) D2 H$ Q1 i, c7 W6 e/ \

  On Error Resume Next" p+ L% N* _2 z" U h$ C . u6 H3 q5 T. S4 J5 y" `  Sub ID1_FSCommand(ByVal command, ByVal args). R* M6 T0 ]% L7 H; w   $ T) y$ }; w5 n$ c   Call ID1_DoFSCommand(command, args) # s0 C; T ]+ r5 J- B4 Y  End Sub

2 i3 O5 I r3 z+ D% x+ ~& o

  </SCRIPT>

. Y& M1 W; V3 b; H; N

  <DIV ID="V1">

7 z2 S5 m6 k6 ~6 s; }' {) R: S4 W

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

4 Y& J4 M8 f. k

  align="middle"> 1 a$ y. R, j6 C  <param name="movie" value="dh188.swf" />, A) b( h4 v- G3 e- E7 o   <param name="quality" value="high" /> ' }0 x- V7 F0 o6 p  <param name="wmode" value="transparent" /> " E) k- `, i* @5 H) @& m. f0 a  <param name="bgcolor" value="#ffffff" />2 \! C7 {, g% L3 \2 ~8 a9 f   <param name="allowScriptAccess" value="sameDomain" />7 \3 u1 D6 s& ~: \& K   <param name="scale" value="showall" />& F8 o. _: H* Z* Q8 X   </object> - F u8 C+ P. `: q& c  </DIV>& Q$ f$ ?" ^* n" X t   </body> ) ?5 X( b- h+ o3 O9 e  </html>. s J+ i- j. L0 G0 k1 ]

8 ~6 O1 d) u7 H2 w$ D. X) ?

4 K# O5 i, k6 V" ^7 _/ }8 [   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

9 W. `4 c8 ^4 w; o& _& m1 b

, B8 i- b( O5 @6 t   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

# g( ]8 |9 D. i' o) d

( L' R" a% } B0 j  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

# V' W8 H B3 l4 W

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

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-16 06:26 , Processed in 0.327713 second(s), 52 queries .

回顶部