QQ登录

只需要一步,快速开始

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

, [7 b4 N+ r$ X2 B/ N1 d

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

3 S8 z0 u5 u4 U$ x0 o

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

6 q. L! C* C) A+ _# F6 I

* n( y. H3 a1 E; F) N ]6 d$ ~* s   <html>7 k; p+ o5 x8 m   <head>$ p( w& V' ~/ g3 M   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />$ l, e) F7 L, F2 V   </head>

% r% _. C. g: {! t3 F7 B) a, [

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

z5 l: ~9 U% q% h2 H

  <SCRIPT LANGUAGE="JavaScript">

/ n! x9 ^: a: B& v

  function ID1_DoFSCommand(command, args) {0 i d* `0 A' S9 E3 x! ^7 H1 i2 j    J1 a4 Y9 u4 g; z+ @   if(command=="window" && args=="closeResult close")

; _9 I% F2 A4 C' a4 w+ n( i

  { & L6 _4 a: U b" R" \   X& t! o: J" y6 j) u  document.getElementById('V1').innerHTML = '';2 Z* v' m3 {2 U$ H' n: y0 r2 Q    * L0 t5 D q+ G2 D( z  }

a. H' R5 b9 o- D

  }

9 R! H& C8 t6 G; ]: R/ F+ N

  </SCRIPT>

9 i8 p) G3 Z" _7 }3 |9 z

  <SCRIPT LANGUAGE="VBScript">

: }0 J* K i; B

  On Error Resume Next / |/ Y: h, K6 M1 A5 c* V3 ]1 l 5 K4 o/ L2 T0 B% M   Sub ID1_FSCommand(ByVal command, ByVal args)8 _. ?( \. _; @9 [: |   4 X% L5 t& k# s, {   Call ID1_DoFSCommand(command, args)7 S2 X) v- f! ~8 T   End Sub

. O* {: L& v; \* ~4 o

  </SCRIPT>

% \: R4 p2 p$ |. T) J f' g9 W+ Y

  <DIV ID="V1">

2 g$ c8 u3 T9 ~2 P$ _# |9 l h

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

" c0 x' ~+ ?3 j! K6 D5 a( z9 E* {

  align="middle"> 8 B. R/ m* v. o) I7 P  <param name="movie" value="dh188.swf" />$ ~7 u f% V1 j- f/ J   <param name="quality" value="high" />) b- F$ i6 L# r0 h   <param name="wmode" value="transparent" /> 8 O2 s% t5 n( a  <param name="bgcolor" value="#ffffff" /> ( W1 ^1 A. ^. g4 {3 J  <param name="allowScriptAccess" value="sameDomain" />! O7 a) C6 N- [- W( S, ~   <param name="scale" value="showall" />: N H, L' y* Z }! ?5 M- J: u! l% t   </object> ' [' k5 E3 R% d9 d  </DIV>3 j$ V$ X5 r" d t   </body>1 y2 `; U9 W h* o/ L# I4 ?   </html>7 f! d5 k! M; L6 M( J

+ C4 {, \2 ?4 h8 L, D

7 u0 L M6 E2 h! A; k   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

' Q5 Q+ v+ T" Y \/ N+ l0 O# T8 R

! f8 N; m, i8 B4 S   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

1 M6 B, Z/ P; W; m8 u' T3 i; a9 G

- b' n9 H3 Z) z; T  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

! J4 c* I& d1 }( o+ E: [: M

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

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 07:33 , Processed in 0.555654 second(s), 53 queries .

回顶部