QQ登录

只需要一步,快速开始

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

9 C7 e! B8 q* o2 {3 \8 g

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

0 c( B W9 A/ {2 c/ g+ K0 e) b

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

+ _( N( @+ T$ w& O$ k% H

, O4 X3 i9 a; Q/ T9 X   <html> 7 o: @: u, E: z! Q- b: M  <head>/ S. i, N2 g& f# c+ X   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> + B. \5 h* b$ O! X) y1 g  </head>

/ y! q( t0 S0 W$ A5 m( e

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

: v. I- |3 I. h i6 ~8 x8 P

  <SCRIPT LANGUAGE="JavaScript">

: G5 v7 R% \8 L& @- u8 Z' a9 U* V6 H

  function ID1_DoFSCommand(command, args) { & b7 j: G$ f2 o! }' {8 p  ! z, Z- P" w0 M+ B- m   if(command=="window" && args=="closeResult close")

1 G: S' a# y! f: u

  { 6 a; i5 f) q+ F5 s, L+ I, j8 z  + k! K& X C* G+ ^3 Q5 T# _   document.getElementById('V1').innerHTML = '';' F1 ], E0 S8 q+ a$ e   1 }% k- k' n/ K8 G. b   }

5 d6 F2 R8 ~" O% `8 K7 y! p

  }

4 _3 f; _4 [) g- j

  </SCRIPT>

8 t% v2 \3 L, A5 l

  <SCRIPT LANGUAGE="VBScript">

- V% v: m; b4 j* \- V

  On Error Resume Next' u o0 E' |0 \$ ^- R 8 ~9 Y+ H! m) m   Sub ID1_FSCommand(ByVal command, ByVal args) % f H" ^" p) K: k2 |  ) H2 |7 o' K) {   Call ID1_DoFSCommand(command, args) ( l9 u7 N! P4 O2 L/ K" i' c  End Sub

7 G A5 ~9 Y! N

  </SCRIPT>

# z4 [* z. G* c& a* ~, S! T: p

  <DIV ID="V1">

0 x* w, Z, Z6 r% x, y o! s

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

# `& u; y9 ^7 g- p% s$ Z

  align="middle">/ {( T( N9 x) A; F0 [   <param name="movie" value="dh188.swf" /> 3 d; Y8 q; H: r" g; ?2 s  <param name="quality" value="high" />/ ^& h0 P7 O+ c& Q2 x$ N   <param name="wmode" value="transparent" />+ t" g/ H" t/ M, u   <param name="bgcolor" value="#ffffff" /> 2 b! u2 {% j4 V4 l. W9 C  <param name="allowScriptAccess" value="sameDomain" />9 V. H* B( x; `. \$ M z6 k   <param name="scale" value="showall" /> 3 [( b3 c3 u1 H" m {$ z% X  </object> " e1 ^; i. l2 m7 W" u  </DIV> / Y4 c. @3 X1 I; p4 x  </body>* O: E, q. D3 v+ ~; U) L   </html>! S1 I0 t9 I: S/ G7 O$ s( m

2 F# q9 E& g. A7 C6 f5 i+ u

( e$ ~& r( q5 }3 |& [. H1 b   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

+ [) n5 a& @5 K

, U$ ]3 v# t2 P" |1 T6 |   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

$ R9 `: {. F; _" I

8 p. {+ t1 I4 q+ Q) ^4 m0 ~   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

! r7 v' z$ N: G

  以上这些都是经过我证实过了.代码也是MagicFlash.exe生成的,大家有兴趣可以研究一下,做出自己的"魔法表情"或其他更強大的程序,利用Flash的透明属性结合网页可以做到很多意想不到的效果.' }- h$ ~+ o& B/ j% R8 S+ Y4 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-16 01:30 , Processed in 0.443998 second(s), 53 queries .

回顶部