QQ登录

只需要一步,快速开始

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

/ u6 N- K' G6 P9 G) ~

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

3 ^" N" Z; [% c) W6 U2 }! ^

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

/ z& M% F- ~, I4 ^4 M8 U

% l2 h# s3 G0 G! w! S   <html>/ |) H8 q' z+ M- e   <head>( p& l4 z, a* y   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 G% R) p; S. D4 q% N0 Z, V$ Z0 P  </head>

2 b4 x" B+ _ Y2 ]1 ^# r6 k

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

# A( K# W" r; c- m

  <SCRIPT LANGUAGE="JavaScript">

; B4 P( G2 H* Z% }2 O. k9 _! o

  function ID1_DoFSCommand(command, args) { E: O- C7 X* b7 i, F   1 R3 z/ V/ V7 n) ?   if(command=="window" && args=="closeResult close")

; G+ I4 o4 o8 x# C) M1 w: P" R

  { % H5 u; I, _# Y$ c6 g, ?8 Z   + T1 k& c) P; d( n1 a6 f: w, i  document.getElementById('V1').innerHTML = ''; $ F1 i3 M) {. @   $ ^& E0 c* d7 U0 y4 S  }

, v) V' ?- U; P7 z* @9 P J0 Z

  }

% ?) ^: x0 y- c, f

  </SCRIPT>

2 |. ?- l; W0 z* l* |; z$ C; r

  <SCRIPT LANGUAGE="VBScript">

" P# _1 f3 s/ Q- t

  On Error Resume Next ! f: J5 B: K v) G: ?% t " D0 y3 [2 [% y' a6 z6 y# \; G8 C  Sub ID1_FSCommand(ByVal command, ByVal args); ~6 K' N9 v- z$ G% n9 u0 B8 J   / F! h3 y- D+ `1 K& T   Call ID1_DoFSCommand(command, args) ; f1 F& p* y7 i5 d  End Sub

7 }1 [/ p1 R0 r2 k7 w! _, M

  </SCRIPT>

7 o3 T. {7 i% W0 J

  <DIV ID="V1">

~, m L8 y6 n5 s

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

; i8 {5 ^9 f& M1 I0 n& g

  align="middle">$ w5 N1 U) S" X D   <param name="movie" value="dh188.swf" /> - d: `" X S/ ]+ G$ a0 v4 s  <param name="quality" value="high" /> : U8 U6 y# T1 h, A  <param name="wmode" value="transparent" /> & [: c% P! C- {  <param name="bgcolor" value="#ffffff" /># {! g# a8 g& p   <param name="allowScriptAccess" value="sameDomain" /> , J( _. S! a" E  <param name="scale" value="showall" />2 E; s- f$ N. q0 O5 }   </object>4 w! E$ [; Z, p7 {   </DIV> 3 h# u4 ~' C; b! {  </body>, A# V! s. U- E) M- i6 O! R' T   </html> 4 I$ G3 B% c0 l# p4 ]$ s

$ j2 h- {) A3 J4 k3 e

* g+ w! t0 k9 `0 ?# g  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

& g' Q4 W2 C+ `& ]

) \. ^0 o' @) C. }! R/ ?& W* `   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

1 d1 |# f: Y, k$ e( k

! G( f. Z2 V8 w  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

& c, n3 i6 q9 ]4 x

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

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:41 , Processed in 0.454111 second(s), 51 queries .

回顶部