QQ登录

只需要一步,快速开始

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

- s& R( a0 H x7 P& M

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

1 V; n: J% O: y

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

) ~ _0 I4 J/ u9 W: `0 o

4 b L- ^: m/ u( `( Y9 @   <html> 8 Y. p& S+ b' C  <head>! `6 e& k" _1 q" g6 J" \* i   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 6 c6 C9 a$ V' D/ n% o  </head>

7 K4 s) x/ T9 G4 G

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

9 P% M* u" M) g

  <SCRIPT LANGUAGE="JavaScript">

: S4 G, z' H, o3 A

  function ID1_DoFSCommand(command, args) { 7 q5 J3 d; o, H% {+ h" q   1 K2 K/ {" b6 ^: a6 S2 h1 u, _3 G* N; v  if(command=="window" && args=="closeResult close")

% z6 X1 y( o2 k" q

  { 6 P7 \! D0 X* e6 M( V  + m( y5 Y, j a6 x4 v9 y   document.getElementById('V1').innerHTML = '';* F k4 q" x4 W1 w8 y+ w6 r" S    $ b3 x1 L0 C* s7 K' r  }

6 x/ X/ X4 R9 _9 I* U

  }

0 X+ j q5 H2 B! D

  </SCRIPT>

6 U5 B6 {, E8 l9 I, {0 p

  <SCRIPT LANGUAGE="VBScript">

! Y8 q3 p4 |: ]+ D* l0 j

  On Error Resume Next # z1 L% H* G6 I & t9 `# R0 z' U4 C  Sub ID1_FSCommand(ByVal command, ByVal args) 9 ~( C z. n2 ]5 A' j% B   9 B. k0 l/ X2 a/ ~1 ?: {6 @2 u& q  Call ID1_DoFSCommand(command, args) : e1 Z1 |& P, ]  End Sub

+ H4 u8 m! i( l1 I) H+ a V

  </SCRIPT>

3 C0 X+ p; m. E- P/ a

  <DIV ID="V1">

# v4 b. u v2 n) a$ g

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

j$ r- S0 C3 M( W- g

  align="middle">9 W+ K6 X! Q. I' c2 L   <param name="movie" value="dh188.swf" />9 `" D) K& O! `. L5 p   <param name="quality" value="high" />' a e- A8 N( B! L" Z' e. @& _   <param name="wmode" value="transparent" /> , @6 K+ V5 I5 Z5 B& n! {' J  <param name="bgcolor" value="#ffffff" />4 I0 u( Y) p$ ]1 n   <param name="allowScriptAccess" value="sameDomain" /># p7 U1 {# R# u9 a1 s9 X   <param name="scale" value="showall" />& H" _1 G5 x! {* K5 @& D+ J: X   </object> 2 _- T3 K. ^7 \/ ^5 p  </DIV> " G. g% }' C0 R* t% O. z: N' K7 a3 e  </body> ; s4 N! ?7 _ }  </html>; _" @) V, `$ i" C

' [8 v8 i& U& \

9 g, v2 J8 B( x# z  呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

6 `8 p @( G0 K+ n: V

' Y# j9 b5 Q. w- h; L9 U   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

/ e1 z, A! J1 \0 B, M1 u. z2 [. C

" |* e5 J5 G' Q% U- _8 n   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

% c! c9 i; K1 `2 h4 ^. y0 @3 T5 U- C

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

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 09:36 , Processed in 0.394900 second(s), 51 queries .

回顶部