QQ登录

只需要一步,快速开始

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

* M) P: N8 ?3 g( l

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

1 d0 s& j. b. t1 O# D; e- u

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

* M1 X; N- A% L# s1 l5 H( O

* e* V7 P5 Y$ I5 h. l. i   <html>) _; a% O6 R4 ^3 d q5 J! s   <head>4 w( V3 Y# w- u( I% S! R   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />6 p4 k q2 q7 v* u   </head>

/ k6 x/ C9 L V% N, f6 n. i

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

- z( }- Z- W8 z( [: P

  <SCRIPT LANGUAGE="JavaScript">

. } H+ j; p) x8 _/ y* N

  function ID1_DoFSCommand(command, args) {' S2 K& P B* H    # S$ M; T6 d- i- E' O! I  if(command=="window" && args=="closeResult close")

- V( B" ~% B5 G. ?3 K2 O8 d- A

  {9 T/ N. ^# z: ?& Q    2 \. K9 G0 D* ]5 {  document.getElementById('V1').innerHTML = ''; 0 B5 ~% ]8 P. k! _& [: W  6 A5 l, y* [6 t) m- e4 Y5 y+ [+ k   }

2 V; ?6 U9 H6 @1 M! D% b

  }

# e; f _& I: B: d$ {3 u

  </SCRIPT>

# E% b0 E p+ `" n2 ?

  <SCRIPT LANGUAGE="VBScript">

% l0 G- P* h; g5 [2 _3 \1 k& T

  On Error Resume Next: o! @( s4 q% t% Z 4 r' Q4 u. L! s8 x% |  Sub ID1_FSCommand(ByVal command, ByVal args) 0 Q" O6 O* L. v' W9 W: K& ^/ G  ; _' d0 `9 k' [# c' G9 N9 N/ p6 V2 ~   Call ID1_DoFSCommand(command, args) R+ b' k' a3 u+ [  End Sub

- ~; K$ }- h$ a2 _% D' H9 n9 p

  </SCRIPT>

7 f' G" a, l' h9 G1 `- ^$ N$ Z7 k

  <DIV ID="V1">

! j4 L, G( m6 c3 ]

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

* c0 U0 p4 A+ J) c. r0 Y6 w

  align="middle">) A" k* H! C2 d& n( e0 M" ?   <param name="movie" value="dh188.swf" /> 2 M( P- k( E4 u7 b! O  <param name="quality" value="high" />1 I3 ]6 I8 u% Y   <param name="wmode" value="transparent" />' @( q3 \1 Y9 ?- u2 F3 u   <param name="bgcolor" value="#ffffff" /> 2 v4 \4 \# s, ?4 x) I8 |) ~+ E  <param name="allowScriptAccess" value="sameDomain" /> 2 U% p7 b5 p1 H# Y! L: ]& i  <param name="scale" value="showall" /> @. d$ C T. L, G: S  </object>; S* p2 f* y* f6 b( g! \   </DIV> ! H# ^4 t) F# k! Z0 H- Z  </body> / Q% F r, }2 u; T% | G- I" B  </html>( F" Z0 \6 C$ k0 m

& D; A7 | y$ m( W/ n

& z, _5 R! B ?- p   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

5 f$ p3 G, |* h9 t* m

: }% }% S; j7 v   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

* a4 Y8 D, |! K' o6 H. Y0 h

! l- j& o( Z1 S( t   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

( A8 c$ N3 R3 q% W9 A! t" }

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

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-8-19 06:36 , Processed in 0.281651 second(s), 51 queries .

回顶部