|
这几天.QQ刚推出了2004II beta2,新的功能挺不錯,最吸引人的就是魔法表情,在MSN中叫WINKS,但QQ实现的不同MSN,QQ用的是FLASH做为原素材,而MSN的WINKS用的是GFI图片和声音文件合成的。
& u7 z1 C( Z4 h9 M) O[被屏蔽广告] 大家都知道,在QQ魔法表情启动时,内存会多一个MagicFlash.exe的进程,他就是一个简单的FLASH播放器,其实也不是什么播放器,原理就是一个网页.在QQ的安装目录下面可以找到这个MagicFlash.exe文件,你可以试着拖一幅FLASH文件(SWF)到MagicFlash.exe图标上,看看这就是所谓的魔法表情,呵呵.是不是很简单呢。
6 Z; y, y) q* _/ Q0 o) P3 R 说到实现的原理,也是非常简单的,我仔细研究过,其实MagicFlash.exe就是一个网页查看程序(MFC写的,我也不知道是什么控件,反正就是能看网页就是了,如WebBrowser控件).当运行MagicFlash.exe时,程序把当前屏幕的固定区域截取下來,做这网页的背景,然后插入一个ActiveX小插件(当然是FLASH了),用来播放你给的Flash,同时把Flash的背景设为透明,这样就神不知鬼不觉地呈现了透明的FLASH播放在你的屏幕当中.其实并不是透明的,而是把当前的固定屏幕区域截取下来做为网页的背景,呵呵..是不是很简单呢.你也可以用任何语言写一个和MagicFlash.exe一样的程序呢.下面贴出来播放Flash的代码:
! C4 w/ s2 _0 T$ G! h. K5 a" h4 `6 t
<html>2 H; `- Y. ?& N- h) D
<head>; \' ~9 ]3 c4 H4 O! L! m, [
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /># R' Q, G- D. h/ U9 u. t
</head>
+ L3 e* D; {+ S/ | <body background="mt4F.jpg" style="overflow:hidden" border= "0"> 8 U5 l* s) e0 n
<SCRIPT LANGUAGE="JavaScript">
. J+ k) @4 {9 K* X# w( L0 j function ID1_DoFSCommand(command, args) {% [. l9 ]5 F5 q' s, y. y$ r" f
2 v% f8 B6 T$ d4 ]
if(command=="window" && args=="closeResult close") . y6 ^# P# p: N/ ]
{( k# m, e7 ~ T
4 Z6 i! M s; {2 l
document.getElementById('V1').innerHTML = '';7 ^2 z( Z* ?2 w u+ Q
l3 j% U0 o/ n% u% Y! D: [ } ( C6 z" H1 H; c" v }
} 7 f6 Q( h" o; j! I1 C6 p* y5 z3 w
</SCRIPT> ( |6 }- F/ M6 K& K+ i8 R( f) L
<SCRIPT LANGUAGE="VBScript"> " |& }1 M) w# \1 B
On Error Resume Next" R; S- G- C4 t4 l7 m$ E% \- h
. t7 U9 a2 `0 b; e Sub ID1_FSCommand(ByVal command, ByVal args)
, ^4 T7 H6 G( _2 Z- B
% o% [* v4 m: _; H+ Q8 e9 G5 J; p Call ID1_DoFSCommand(command, args)
% c% a+ X* W" I End Sub
! p) M* M r! t5 ] </SCRIPT>
1 W5 i" a1 S) ^1 N+ @; q; P; G' z <DIV ID="V1">
j/ b' O# B$ `. ^# w <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="ID1" width="400" height="400" 2 I3 J$ A. q6 u
align="middle">9 f2 D5 N$ }% S8 \- E* E4 h
<param name="movie" value="dh188.swf" /> B& X6 \" o9 u: H/ v7 w- p
<param name="quality" value="high" />
1 [$ W- x# ?' L+ X <param name="wmode" value="transparent" />
, }$ y% B1 \4 q/ ^( O1 T <param name="bgcolor" value="#ffffff" />3 `3 w3 |* }0 M0 p
<param name="allowScriptAccess" value="sameDomain" />
7 ]- |: P& F! |# U <param name="scale" value="showall" />
6 S7 H k! e9 b0 S6 ~+ L </object>3 P. Q' L$ X/ v& T+ k0 Y. X: J) @, g
</DIV>
5 w! N' J+ j+ Y3 U7 R </body>5 S# c5 `6 ` N6 H
</html>
8 F9 m& D. `* k! J y ! f* R+ B8 n7 B e1 W% F g( F1 W' _
- y" R' E8 I, Q1 v9 A
呵呵,上面的代码就是整个程序的核心,只要你的程序能查看网页,你就可以把这断代码用在你的网页上.当然条件是你必须先把當前的屏幕截取下來: 3 E# @& M( @) E
+ k$ B1 S5 \9 w2 b1 k* m8 k- I <body background="mt4F.jpg" style="overflow:hidden" border= "0"> O5 Y) h/ B7 Z
3 u: {/ y: w& f( i+ i
"mt4F.jpg"就是你截取下來的图片,用他来做背景,才能和你的屏幕一致,才能达到透明的效果,还要注意不要变动程序的位置,QQ就是这样做的。
% i6 a' {( F% V, g1 S3 x 以上这些都是经过我证实过了.代码也是MagicFlash.exe生成的,大家有兴趣可以研究一下,做出自己的"魔法表情"或其他更強大的程序,利用Flash的透明属性结合网页可以做到很多意想不到的效果.
! z8 H( C, a( j; z 呵呵,小弟才疏学浅,看不懂的地方还请不要见怪。 |