QQ登录

只需要一步,快速开始

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

! B1 N3 E+ @, Y: N

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

( j4 N9 @+ }. ]3 {7 F

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

) o( i8 b6 \& y: I

3 b( `3 V! T2 W* J0 N   <html>& P0 H: `$ d) c$ d1 t" \   <head> - U# O7 ~% q$ N5 S9 h; ^4 ~. t  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> + F- Y4 U, r1 {! D  </head>

2 n3 i* R/ r0 t) Z

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

9 N, ]6 C+ i; F1 o4 q

  <SCRIPT LANGUAGE="JavaScript">

8 T7 ^3 ?/ g; a

  function ID1_DoFSCommand(command, args) { # O3 R# d' n, ?' |, `  / D' b+ D* j' q. z   if(command=="window" && args=="closeResult close")

/ ], W2 ]8 M5 s9 h

  { 1 z7 V p& V( ^1 m" m. \  # U6 [. I1 g+ `# \7 p   document.getElementById('V1').innerHTML = ''; % j; f- T- q7 ^5 r   1 I; A3 W7 w. i: q' L  }

}0 m1 v/ s. c

  }

0 \4 q- ^, Y! h% }9 `

  </SCRIPT>

3 |/ k9 H, O: _1 W

  <SCRIPT LANGUAGE="VBScript">

& O5 b: d2 t! u1 F

  On Error Resume Next + Y: N( ?- v3 A, m+ c- I2 Z $ p8 w% A6 k! k* Z j" v7 u   Sub ID1_FSCommand(ByVal command, ByVal args) 9 h7 I3 A* g9 m4 [- `' x; i2 s   0 H/ Z$ N: F2 }5 _1 A& e  Call ID1_DoFSCommand(command, args) ( y9 @' p8 u+ R2 ?2 w  End Sub

( ?) h/ `7 [% v5 x

  </SCRIPT>

9 B* J( b3 V3 b4 ]

  <DIV ID="V1">

% h9 P( b: N) T4 W- J/ V z$ v

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

0 H" {) Z* ^/ C4 |1 w" |' x3 D

  align="middle"> 6 v( [( e% V* g# {3 D- v  <param name="movie" value="dh188.swf" /> ' P& w7 {; S0 T# i( {  <param name="quality" value="high" /> + V% r) Z, v3 k+ ~$ T9 f+ L  <param name="wmode" value="transparent" />" z- N7 Y# D' J4 i   <param name="bgcolor" value="#ffffff" /> ! F' q' |1 }2 ~* Z/ E7 n2 d4 U4 d1 e- k  <param name="allowScriptAccess" value="sameDomain" /> 9 ^0 T- Q6 S6 [/ @( y6 C  <param name="scale" value="showall" /> 8 U2 y7 l; S" X T  </object>: y6 e% \. ^2 R   </DIV>& L2 h' H* R# C" f: q$ C   </body>( L2 i' r# ~/ C) p5 X( i' J2 X( X+ ~   </html> 1 \0 Q. B' j5 z, }9 ?# \

7 N: ^& x5 x: a6 ^6 E( O

0 p$ g F- \6 A$ I   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

, N8 Z( ~; \- o& S

1 J& r9 x$ a3 c7 X4 z/ N   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

0 J' O4 k$ E* T( y- r# B

2 d; A2 e0 ~- {8 \, @   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

6 e% l0 F9 j! G' z6 C" X

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

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 17:32 , Processed in 2.134473 second(s), 52 queries .

回顶部