QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 4810|回复: 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 t+ r @6 l( ?

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

( @- h, i/ I g) F9 K

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

7 ?5 o f/ j% b5 A1 W2 |

, w' c/ ^. e, d   <html> , {7 x6 [7 a; i `8 N) |3 b  <head>( p# u$ a8 x2 y5 o- a1 m- e   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> " @+ a x0 u- U: C5 m  </head>

0 M) w0 F7 u7 B' ^4 P# o5 M2 s- i( Z

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

" s3 {5 y9 w8 u' @' C# [$ E

  <SCRIPT LANGUAGE="JavaScript">

6 ]/ N6 G8 I/ p

  function ID1_DoFSCommand(command, args) {& m' u5 e+ H- c   3 t4 O }: c/ r, g' ]. q; R+ Y   if(command=="window" && args=="closeResult close")

, Y+ \: Q6 f8 W: ~6 f% r/ O

  {0 n" o& B. J6 X   * T; m1 p* x7 M% n" E   document.getElementById('V1').innerHTML = '';$ {/ I2 {( |* `* \$ F2 F6 J$ W    8 x0 n/ V% S& m, ?  }

( c i! s0 S [

  }

+ i, |% ^6 i' m

  </SCRIPT>

5 R- \5 M- D8 |- |# k

  <SCRIPT LANGUAGE="VBScript">

( T8 K3 g9 }$ ]4 a* z

  On Error Resume Next/ q! Y6 {1 T2 n+ ^2 R2 T " r7 }5 u8 d; ^* A: {' S- ]   Sub ID1_FSCommand(ByVal command, ByVal args) 4 F* V9 E6 X$ h, a- l6 t   4 ~$ {: M* R6 ]& l6 Y( q- F  Call ID1_DoFSCommand(command, args)9 q7 M# G. B9 u6 W- T+ m! X9 m   End Sub

: F: p4 a' N+ K: {

  </SCRIPT>

& S2 g2 j$ S5 a. p! K# i

  <DIV ID="V1">

0 e- [9 R/ H9 T0 p, _

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

& s9 L4 T9 U9 U% I1 f0 B$ t9 G

  align="middle"> 3 m. d6 y V/ l G: Y7 ?  <param name="movie" value="dh188.swf" /> . U p# s& k* S. W% @3 z  <param name="quality" value="high" />6 f6 R# c1 ]! T1 v   <param name="wmode" value="transparent" /> $ F4 P) ^0 g. B" g3 y/ G4 d  <param name="bgcolor" value="#ffffff" />3 t8 P7 a7 z* D# v/ a+ V$ v   <param name="allowScriptAccess" value="sameDomain" />7 o$ q- Y2 \ H/ U# T   <param name="scale" value="showall" /> . s+ G% Z" X" ]4 ^# m0 j  </object> " G; J( |% o) C- ~  </DIV>. S$ \: u: k- x" ~   </body>3 I$ `: \9 V. m   </html>4 ~2 ?6 h% ^0 D7 l, J# q

; E; `" \8 k$ X" ]* E6 F# R

) G$ Z. R# Q$ W; i: B* q4 A   呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來:

/ K4 k5 E" n" x* F

0 W# Y% e6 m: {4 V" ^8 n   <body background="mt4F.jpg" style="overflow:hidden" border= "0">

$ h" z7 Y/ t( u: x

! g! f2 E+ p% q% J6 K   "mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。

2 F" s3 P7 |' |0 S1 D- q

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

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 01:22 , Processed in 0.419124 second(s), 52 queries .

回顶部