网页播放技术的实战解析 ----网页播放器进阶学习之制作篇（3） - 达人(咖啡虫)

2005/06/16 | 网页播放技术的实战解析 ----网页播放器进阶学习之制作篇（3）
类别(网页设计) | 评论(0) | 阅读(177) | 发表于 14:24: 网页播放技术的实战解析

网页播放器进阶学习之制作篇（3）
[ 来源：中国站长学院 | 作者：aboutplayer
谱乐在“若干特效”专题中曾经提及片头广告，其实她还有另外一种表现形式，由于使用非常多，技术思路富有启迪性，谱乐在这里把她单独作为一个专题予以讲解，同时这也是一个 WMP 6.4 以下版本的实例。本例是以一个 Flash 文件作为片头广告，如此的方法思路同样适用于 Real 。

代码如下：

＜html＞
＜head＞
＜title＞aboutplayer.com◆谱乐视听◆＜/title＞
＜style type="text/css"＞
.player {
line-height: 20px;
color: #000000;
font-size: 12px;}
.realplayer {
color: #89A4FF;
font-size: 12px;
background-color: #000000;
border: none;
height: 18px;
background-position: bottom;}
＜/style＞
＜/head＞
＜body bgcolor="#F7F7F7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false"＞
＜DIV id="PreloadImage" style="POSITION: absolute; Z-INDEX: 99; top: 0px; left: 0px; width: 400; height: 325; background-color: black;"＞
＜object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width=400 height=325＞
＜param name="movie" value="http://music.52mv.com/mtv/5.swf"＞
＜param name="quality" value="high"＞
＜embed src="http://music.52mv.com/mtv/5.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width=400 height=325＞＜/embed＞＜/object＞＜/td＞
＜/DIV＞
＜table width="400" height="350" border="0" cellpadding="0" cellspacing="0" class="player"＞
＜tr＞
＜td width=400 rowspan="5" align="left" valign="top" bgcolor="#000000"＞
＜DIV id="MediaPlayer" style="POSITION: absolute;Z-INDEX: 9;VISIBILITY: visible;"＞
＜script language="javascript"＞
document.write('＜object id=Player classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=400 height=350＞');
document.write('＜param name=filename value=http://www.xdydm.com/newsite/music1/musics/india/AVSEQ09.wmv＞');
document.write('＜param name=URL value=http://www.xdydm.com/newsite/music1/musics/india/AVSEQ09.wmv＞');
document.write('＜param name=UIMode value=none＞');
document.write('＜param name=AutoStart value=0＞');
document.write('＜param name=Enabled value=true＞');
document.write('＜param name=ShowControls value=1＞');
document.write('＜param name=ShowGotoBar value=0＞');
document.write('＜param name=ShowStatusBar value=1＞');
document.write('＜param name=EnableFullScreenControls value=0＞');
document.write('＜param name=EnablePositionControls value=0＞');
document.write('＜param name=Volume value=-60＞');
document.write('＜param name=DisplaySize value=0＞');
document.write('＜param name=SendErrorEvents value=0＞');
document.write('＜param name=enableContextMenu value=0＞');
document.write('＜param name=EnableStretchToFit value=1＞');
document.write('＜param name=EnableTracker value=0＞');
document.write('＜embed width=352 height=359 uimode=none autostart=1 enabled=true showcontrols=1 showgotobar=0 showstatusbar=1 enablefullscreencontrols=0 enablepositioncontrols=0 volume=-60 displaysize=0 senderrorevents=0 enablecontextmenu=0 enablestretchtofit=1 enabletracker=1＞');
document.write('＜/embed＞＜/object＞');
＜/script＞
＜/DIV＞
＜div style="position:absolute; left:40px; top:330px; width:270px; height:14px; z-index:100; background-color: #000000; layer-background-color: #000000; border: 0px none #000000; overflow: hidden;"＞
＜input name=myText type=text size=43 class=realplayer value="正在连接媒体，请等待……" readonly＞＜/div＞
＜script language="javascript"＞
abplay = true;
i=0;
function plarco(){
if(Player.playState==0 && abplay){
i=i+1;
Player.play();
}
if(i＜38){
startcon=setTimeout("plarco()",500);
myText.value ="正在载入媒体，请等待……";
}else{
myText.value ="连接超时！";
alert("在线人数过多！请按F5刷新本页面。")
}
if(Player.playState==2){
myText.value ="版权所有：谱乐视听";
clearTimeout(startcon);
abplay = false;
}
if(Player.playState==1){
myText.value ="暂停中……";
}
}
setTimeout('plarco()',1000);
＜/script＞
＜SCRIPT FOR = "Player" EVENT = "buffering(Start)"＞
if (!Start) {
PreloadImage.style.visibility = "hidden";
MediaPlayer.style.visibility = "visible";
} else {
PreloadImage.style.visibility = "visible";
MediaPlayer.style.visibility = "hidden";
}
＜/SCRIPT＞＜/td＞
＜/tr＞
＜/table＞
＜/body＞
＜/html＞

赶紧自己去尝试一下吧，真的很有效哟。

有问题请到谱乐论坛发表或随时随地在线咨询谱乐。; 0

http://kafeichong.5d.cn/

评论Comments