QQ登录

只需要一步,快速开始

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

( @! Z- Z1 ~2 w8 J+ ^, t1 A

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

% _" c& c, U( N. @' n" d

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

% q7 h2 d; k% A6 x# x) u/ G, l

* F( O2 P' x# C( Q- ?$ G   <html>. j! X, h# K# I( ?   <head> , H9 F1 v/ M0 f# u0 o% x, C  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> & l4 b Y: [) J4 u( x9 S/ `  </head>

9 M# |' _) o0 T7 s( P9 O' X8 p5 E- z

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

' f! W! [0 c8 d. t

  <SCRIPT LANGUAGE="JavaScript">

4 q4 O8 O7 a6 w; [5 e

  function ID1_DoFSCommand(command, args) { ; f5 y! V* a, \+ X  2 G& Y' V) f% j3 n   if(command=="window" && args=="closeResult close")

& t$ I% ]0 m7 z; u; C1 B; s8 R- |

  { + ^6 X% N3 A5 b: I- [+ A  / d, W% Y' A# a' a   document.getElementById('V1').innerHTML = '';8 w; I, l% G- e- m: e! K/ m   : H6 l/ o* S7 E3 J; k8 n" {9 v7 f   }

- O# Q3 c$ _* l& ]4 D, e1 @

  }

9 [0 c) d" k0 v& Z8 C

  </SCRIPT>

( A# [ o; e% b# H7 d

  <SCRIPT LANGUAGE="VBScript">

& j4 }9 p4 A/ B% p2 K4 i

  On Error Resume Next5 ` ]6 V- O- ]% Q8 o: _8 j 1 V+ R( H4 [8 K" T5 `; S' n4 N   Sub ID1_FSCommand(ByVal command, ByVal args) " E' f$ d" G" t$ _2 [  * C4 X s/ N }! L   Call ID1_DoFSCommand(command, args) 6 a( {$ o# ^- _, d( J: {) P* J  End Sub

9 {; `0 r. s% q* f; O z; w* m! z

  </SCRIPT>

' o& {. M. D( B; L

  <DIV ID="V1">

8 }. F7 W! X5 T; y1 t( T) f

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

1 N2 b: K i5 t2 P8 `1 U

  align="middle">* K# ^9 Y0 ~' c5 C8 Y   <param name="movie" value="dh188.swf" /> ; K6 i! v5 Y& I6 ]* v1 M  <param name="quality" value="high" /> : V+ @0 o& W% P8 C3 O  <param name="wmode" value="transparent" />& I3 C+ J/ h. i; G0 {* {   <param name="bgcolor" value="#ffffff" /> 1 s/ w% i/ k2 _8 Y2 T* x  <param name="allowScriptAccess" value="sameDomain" />7 _$ N" K, P" {- W- E, I% J! J   <param name="scale" value="showall" /> 4 S( d4 W/ J; d1 G/ y, {: y& \  </object> : D% P, K% ?5 B- |  </DIV> . d; f. }! ]0 E  </body>" |$ t0 u" Y2 W* b) b6 V) s   </html> - {1 i0 Q1 e/ b* P* D0 |5 ~

9 m2 \0 R8 l6 k* ]) r

) n0 I/ ~5 F9 L/ N3 C. Z   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

4 C2 N6 U. g9 Y, l/ Z- W/ l

9 S7 p, `# x$ I1 L, c$ m   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

3 F# T; S1 D9 [" m& A

' j* x$ D4 l& n [3 k3 c/ i   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

2 J5 k9 _ k" e/ ^

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

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-14 00:26 , Processed in 0.421596 second(s), 52 queries .

回顶部