QQ登录

只需要一步,快速开始

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

# `( {# |1 I' I8 s3 C

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

$ m$ q" C8 i5 h

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

" L3 x2 o7 n# ^ d% D$ A* T

& _3 e" K# P2 l9 s2 g" O; h. n( b [2 I   <html> ! z$ u) p0 b1 r+ R) B$ z  <head>% ^5 K( I% W4 s   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />* [7 J9 |* h& p1 D   </head>

. m6 f0 L. u2 P

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

! V* @7 x5 U/ ?, X: F

  <SCRIPT LANGUAGE="JavaScript">

) q* r+ Z T* \7 Z B; }

  function ID1_DoFSCommand(command, args) { 0 f! u$ j: y; ~) M: `# e$ o% d' d   / y8 X1 [" C) {7 o9 @  if(command=="window" && args=="closeResult close")

1 A9 J! D0 y# \, k) o: E

  { 2 F0 {' S. `( a  3 ~9 Q* @1 V5 @   document.getElementById('V1').innerHTML = ''; ; Y/ q! ^) t# A8 ~2 _) u) A( e; A   ) C9 t( s ]: `. C+ f0 a8 p1 q  }

/ M( C" H; B+ x7 H0 i, @

  }

: G0 y/ @) r( D4 {; l

  </SCRIPT>

& j# w; r6 v- S& q8 [' s# f

  <SCRIPT LANGUAGE="VBScript">

9 V r: X' y2 }; i% Y

  On Error Resume Next" ]! R# l1 v! H: ]# D . E: d* q" ^& A7 X9 _; H   Sub ID1_FSCommand(ByVal command, ByVal args) - Q! ^5 k& e; B   * f$ R. M4 x4 h) s' [' p0 n+ L  Call ID1_DoFSCommand(command, args) 9 B, L2 |7 u( y; H1 g, P1 H3 Z  End Sub

8 k! L3 @( E6 } x

  </SCRIPT>

0 @, m& [+ w! r( Q1 }4 f

  <DIV ID="V1">

8 L. X, I Z. G) P. d4 @; e u

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

: z H# N/ j7 V7 V( V: \( J

  align="middle">- O. V0 r+ C& a4 v   <param name="movie" value="dh188.swf" /> 4 e8 A( n. N9 A$ y" y; N5 T, \- f  <param name="quality" value="high" /> $ {; F3 ^& ]- s  <param name="wmode" value="transparent" /> ) k0 A" k7 r! G- g6 Y" E  <param name="bgcolor" value="#ffffff" /> o9 E: g) h& l( j2 l F9 G  <param name="allowScriptAccess" value="sameDomain" />9 U, x# b1 O$ a1 T( H   <param name="scale" value="showall" /> ! s6 h& `2 C! x' Q+ }& O- N: P i2 b  </object>: |# Q0 p: C4 G9 C. O' u" `   </DIV>3 m: r. P* N; r6 O   </body> 8 @8 e/ B. f. E. |  </html>7 F4 F- k/ \ Y2 L6 @5 v; u& }

) L8 C' z( a7 f: j

; O* D1 a0 ^7 v" E% S   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

9 c" ?# q5 E/ Y! Q

6 R" h3 S4 r. ]) _" g: Z) j   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

7 z* O9 _8 i/ [4 o) O

* \! K* Z6 h8 c, ^) p. c/ }( w/ `, X; K   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

( n5 e3 S2 P7 V, c. d$ Y+ w9 m

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

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-19 13:12 , Processed in 0.425543 second(s), 51 queries .

回顶部