QQ登录

只需要一步,快速开始

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

5 _0 X# N' a" } p) j

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

) p: F7 a8 y" I) n: Z" M

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

0 v5 F: C& V% Q7 Q. F. Z

) ~' U. A: ~5 M( E# o. f, G   <html>$ E) D, O( ^- f; d: ~; N   <head>% H. v7 T4 b) B4 s) r# a   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> ' @. L' X* g5 Z- C0 N  </head>

& D2 F% K5 n; u' t6 f" l

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

4 W9 z# e" j7 A8 M9 r. X0 r. I/ p+ S

  <SCRIPT LANGUAGE="JavaScript">

% N. @ I& a9 o5 r {* D

  function ID1_DoFSCommand(command, args) {; }- t [+ F% G7 b; P4 x% [   * e* K3 Y8 C+ G   if(command=="window" && args=="closeResult close")

b2 e, M; v! B9 b" n

  {0 t$ M; L p! Y; R% N% X   # {1 l0 z' x D, g2 n   document.getElementById('V1').innerHTML = '';+ ~ k% I; s/ s- W    ; ?" K6 J( ^7 m" d# b! h! l \: \4 M  }

$ z- A; d% p) j- \

  }

9 W$ D+ q7 X5 {# t! Q- I( f0 d

  </SCRIPT>

; u$ T; d. g! ?. p

  <SCRIPT LANGUAGE="VBScript">

# a! X3 a& ^8 T% Z$ q( d; K

  On Error Resume Next6 L+ c8 p/ i) M+ S5 ~; D' I3 E # `3 ?8 Y2 S3 Q/ e1 j  Sub ID1_FSCommand(ByVal command, ByVal args) % X% C6 @+ y$ ?2 ?* a   / Y6 S3 Z. c9 b- D) N" F: o4 N% D- J! @  Call ID1_DoFSCommand(command, args) 2 G6 G; c% O5 ]1 m  End Sub

V% K; Q, X5 l7 d/ V! A

  </SCRIPT>

1 f5 L r) ]% p+ e9 _

  <DIV ID="V1">

9 o) j3 {$ ~* ~5 ?) z0 R

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

: @; [4 t. \% M) x

  align="middle"> * j3 I0 Y- A2 q/ E  <param name="movie" value="dh188.swf" />% f7 j- R w! m   <param name="quality" value="high" /> 4 g/ f0 Z. C4 y1 l  <param name="wmode" value="transparent" /> $ i/ u% H9 x5 f5 Q3 d  <param name="bgcolor" value="#ffffff" />5 ]/ e9 C3 j' X# z' \9 j/ v   <param name="allowScriptAccess" value="sameDomain" /> $ o' A/ ]- B1 T8 V  <param name="scale" value="showall" />0 y/ ?0 G. }, T$ h Y7 L7 c8 z   </object> : h4 j* Z: e* [, y: g  </DIV>* c% y4 w/ ~. t& X   </body> & d$ f5 ]. q1 s* _$ j* U8 _8 e  </html> ! w" c) h* X; u( n! }. |# B' n

7 _) B$ m! ]* N; b5 Z; V

, A0 [8 d& R1 O5 f1 [  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

# f4 `7 h; ?3 f1 b# ^& F0 j P

5 G$ b6 M. A( a8 Y( B1 ?) a- I   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

# I: C7 }0 s# h. t$ }- J' [! w$ b

4 u6 J. T* E4 L  "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

& L7 G. s+ J4 O" Q( h

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

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-4-18 17:47 , Processed in 0.296361 second(s), 52 queries .

回顶部