QQ登录

只需要一步,快速开始

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

) E% p) [8 l) s% p" a

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

* [( |: y$ N4 }7 z, \ l

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

4 Q, _- b' [1 n9 {% u- Q' t

- {2 g* h0 [4 Y9 E3 o   <html>7 b- \3 F4 l4 H( y) L8 H' q% ^- h. _   <head>0 u- u( w! J$ g" h) ]   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />1 ~7 ?9 u6 g1 t$ g   </head>

' Z# Q7 z0 M2 w9 U7 t9 y* x3 h

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

* X/ }- u* t5 w0 a! o3 b& T

  <SCRIPT LANGUAGE="JavaScript">

/ }+ l+ A7 G6 A

  function ID1_DoFSCommand(command, args) { ; R5 w. @9 _$ r- v0 X' v   $ X0 g0 i* @% s8 t# t& ^  if(command=="window" && args=="closeResult close")

7 p$ C1 I( q. W. V# F

  { # @" S) G- y: I2 [9 j; [) D7 b& r6 ^  : J% M5 P; i' i2 M1 K- J   document.getElementById('V1').innerHTML = ''; 2 \# h9 q4 m! j8 U/ e$ j  % B' E/ T [1 G* b7 j( K   }

/ X0 g8 G y3 V+ j$ }4 m

  }

% A% x8 B$ G t$ {

  </SCRIPT>

3 r# }3 e* V& s9 \# C3 D

  <SCRIPT LANGUAGE="VBScript">

: w7 I* R5 Y/ ~# ^

  On Error Resume Next % O8 A/ i+ t* k* M: n4 A 4 D. V8 w3 ^, _+ O8 J, O  Sub ID1_FSCommand(ByVal command, ByVal args). S4 s% G7 G. Z7 a* R6 y+ v    , o+ ?" M. |2 f/ T4 L2 L  Call ID1_DoFSCommand(command, args) 6 J1 W0 u C( J' t5 V: n6 x; t. e  End Sub

8 S8 ?: A# w! l6 Q( d, Y

  </SCRIPT>

2 E5 h9 a4 L% D

  <DIV ID="V1">

% l( L! q/ m6 H. i

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

) X% O$ }' B2 w# K

  align="middle"> : L% C2 @& _( n. k  <param name="movie" value="dh188.swf" />3 R. F8 A% j+ x, T' J4 V& @   <param name="quality" value="high" /> 9 q i' m- A+ u2 z/ O* f  <param name="wmode" value="transparent" /> ; o4 ]$ l5 N' u/ b/ J+ \  <param name="bgcolor" value="#ffffff" /> % Y$ w- Y& X1 O& y6 Y  <param name="allowScriptAccess" value="sameDomain" />6 a* o& w+ V" \- x1 q   <param name="scale" value="showall" /> 3 u. j: b" ]5 ~9 }+ U  </object> + y, O+ x9 G* V9 Y% v- T  </DIV>- F7 n+ u% J7 D   </body>. J c3 P/ w5 U' e9 q   </html> 5 Z# ?8 M$ _! |" i4 d9 _

" A% `6 |/ _: z' X; @8 M. K

/ U' [' r ?) F9 Q1 ]/ i) O  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

! E O9 c/ C. z+ F2 o" |, z

^0 A) ^4 {2 {0 G: u   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

8 c( J' R* M0 s4 Z

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

5 ^$ Q+ Q1 m9 V5 |! I( R

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

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-13 10:04 , Processed in 0.602633 second(s), 51 queries .

回顶部