QQ登录

只需要一步,快速开始

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

: a) X8 m, t7 u' }+ U

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

; y3 A. G6 W Y r4 D

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

7 {- d, b' j4 W% e- g+ c

5 v6 W, Q6 g" I: r& o# u   <html> 3 J# ^1 @$ V9 s5 r  <head> e7 D1 R# E$ ^' X   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />* L0 B) Q9 e& D   </head>

p, x/ r( y6 ^( d3 o( j

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

7 E8 |1 R( E. L6 S$ R5 L; ]* t

  <SCRIPT LANGUAGE="JavaScript">

3 a4 @( v$ Z7 I( [. s

  function ID1_DoFSCommand(command, args) {. }; m E: Q r j& F    + d# l4 Z; m+ @6 A  if(command=="window" && args=="closeResult close")

9 t" e' Q( Z3 y

  {# L/ [! }4 G" B+ I+ `    1 |- h, `, b5 v2 ^& [/ j; c0 u  document.getElementById('V1').innerHTML = '';) q' ? x( f0 U- c7 ^$ Y2 [) N   3 u6 @! ?# \' C9 a& J0 y8 _. x   }

2 N( x0 @" l! i( m. R: q4 l

  }

/ u& K7 s8 ^; v; g

  </SCRIPT>

& I! D6 }; u" v- w, h

  <SCRIPT LANGUAGE="VBScript">

! F- }! k5 X: d1 s

  On Error Resume Next 8 T9 E u2 e" o7 F% G6 a! t! j8 V 5 N3 d& a3 w) S) s  Sub ID1_FSCommand(ByVal command, ByVal args) J, X8 {; o! g1 S   % G# H; t& @. B/ Y' L   Call ID1_DoFSCommand(command, args) " r; D: r6 ^" s  End Sub

' e- j' ^, ]1 ~/ ~) U/ K

  </SCRIPT>

7 Y) E' a4 L$ ]

  <DIV ID="V1">

$ Y% y8 f+ d4 U" t& H$ g

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

* a- L4 O# v5 J# }2 a- _6 u

  align="middle">$ [- n# b- v$ z& |2 h$ Q   <param name="movie" value="dh188.swf" /> / u1 d4 K, ^3 j ~! c$ y A  <param name="quality" value="high" /> z, R% V# R+ i, b# N: x+ I   <param name="wmode" value="transparent" /> " i; E2 a: i9 o2 H; G! }  <param name="bgcolor" value="#ffffff" />) X3 p! }; } G* b3 u1 T) h$ K   <param name="allowScriptAccess" value="sameDomain" /> ! X& B' e' n3 E/ j( P  <param name="scale" value="showall" />/ [% I8 g, {( w6 j9 C$ c8 I   </object>3 U3 c* m3 L9 @ Y; Z. ~9 B9 \   </DIV>2 ]' J% c2 Z+ N0 P' [* M   </body> ! J3 b9 l1 p6 B9 S/ B+ b# T- _" H  </html>0 l* K/ k. S0 e

s4 y9 H, w; P' _8 ~- x

" x' R% c/ R; T: k6 y" |   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

! S/ O' M) o, Z

; i, v% n7 x* l% t) }0 I/ i   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

, y- A4 I5 x8 F

/ Z% ?4 M% V8 O3 V/ O   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

8 \1 q& B2 I$ l* d% W5 C9 N, ?' @

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

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-25 00:54 , Processed in 0.313034 second(s), 52 queries .

回顶部