QQ登录

只需要一步,快速开始

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

% w! R! l! x3 v9 o6 ?/ ]

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

: |% t5 f4 c/ H% A$ y

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

2 q9 m) {8 C# V+ g: S

. [$ n& F% ~/ a. y; Y$ o3 a   <html>5 c2 r" [2 x- }8 [: u0 {3 ~/ d9 [   <head>! s2 }) Z7 x6 N2 o5 ?% P$ t; q   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> . w! M; `; i4 K& u+ C, R  </head>

7 {4 p/ Q% F7 \% j Q9 ?2 M

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

0 t! |+ W* }9 J) y, T

  <SCRIPT LANGUAGE="JavaScript">

Y$ ?+ y$ `# e/ M: Y, |

  function ID1_DoFSCommand(command, args) {5 b& r* W7 [/ Y    & e$ K; Q: [# A  if(command=="window" && args=="closeResult close")

2 H ]) w) ~7 C) k% b

  { . p/ G" N4 _$ S2 h7 y8 S  2 m- U& G) {4 ~0 q! ~   document.getElementById('V1').innerHTML = ''; 6 ?. D0 _5 `( U2 [5 V! }  5 h$ {) b) w6 L7 e) w) u( D2 f   }

D3 x7 H. Q3 Y H

  }

3 V# }5 b& u( `5 v6 [ C' D8 G

  </SCRIPT>

; z7 p4 k# H* w/ s- c

  <SCRIPT LANGUAGE="VBScript">

3 _# E* ~/ S& d7 A. l

  On Error Resume Next 2 I8 x& P$ ^- I 4 X4 s7 i$ l8 }) j  Sub ID1_FSCommand(ByVal command, ByVal args) , r7 H0 }! D4 u5 k4 b* |  % d& S1 \0 M+ T0 O7 S   Call ID1_DoFSCommand(command, args) * t) P4 r5 Z: H% c0 B8 Q6 G  End Sub

0 ^" A9 K! u( A6 N6 g' S

  </SCRIPT>

# F$ o: ?: C( ]* N7 i. t* ]& o

  <DIV ID="V1">

0 `+ r8 ~" R( M: l2 E7 K- r

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

9 M7 n$ k4 W6 l7 @2 f7 r. U

  align="middle"> 2 s; B1 F# ^) f, x! n2 \4 w  <param name="movie" value="dh188.swf" /> 7 W& d" v/ F& r5 N8 [! M2 M  <param name="quality" value="high" /> : m. _$ V1 r( e  <param name="wmode" value="transparent" />* \ }8 z8 `. _2 C" v& c   <param name="bgcolor" value="#ffffff" /> 2 ?3 t5 Z6 ?1 h" \! _  <param name="allowScriptAccess" value="sameDomain" />* E) {' t" f3 G' t" `8 T   <param name="scale" value="showall" />1 C% L, ~+ N$ v4 X   </object>/ A# g6 P+ `- T   </DIV>+ I6 |$ S$ c, \& d* q, S   </body> - ]( W9 [$ H* p& n3 f8 n, x* W  </html># v1 G# T/ `$ `1 X* b

6 M8 s; |/ J4 P/ x

6 e: x0 p, h- _& W& f1 i   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

6 Q! z+ H( T) Z+ d& {1 J% s

6 f1 m/ g2 c3 @/ ]% }5 F   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

! H; K2 n2 f0 u% [" p; }0 z

" a: X$ y4 Y0 [  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

# W1 c4 G- H# x1 Z: ~

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

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 08:39 , Processed in 0.423194 second(s), 51 queries .

回顶部