首页 > > 网页制作 > Flash >

flash影片web播放控制器制作祥解

2008-04-02 11:00:11来源：互联网阅读 ()

首先我们看看flash播放控制器的界面（很简单的html代码，但是不是自己源创的）定义样式：

　　

引用驱动程式：

　　

以下是flash影片播放和控制界面代码：

运行播放器的驱动程式：

　　下面看看我写的驱动程式代码，保存为play.js：

　　

var total;//定义flash影片总桢数

　　var frame_number;//定义flash影片当前桢数

　　//以下是滚动条图片拖动程式

　　var dragapproved=false;

　　var z,x,y

　　//移动函数

　　function move(){

　　if (event.button==1&&dragapproved){

　　y=temp1 event.clientX-x;

　　//以下是控制移动的范围

　　if(y<0)

　　y=0;

　　if(y>420)

　　y=420;

　　z.style.pixelLeft=y

　　movie.GotoFrame(y/420*total);//移动到某一位置，flash影片播放到某个位置

　　return false

　　}

　　}

　　//获得拖动前初始数据的函数

　　function drags(){

　　if (!document.all)

　　return

　　if (event.srcElement.className=="drag"){

　　dragapproved=true

　　z=event.srcElement

　　temp1=z.style.pixelLeft

　　x=event.clientX

　　document.onmousemove=move

　　}

　　}

　　//动态显示播放影片的当前桢/总桢数

　　function showcount(){

　　frame_number=movie.CurrentFrame();

　　frame_number ;

　　frameCount.innerText=frame_number "/" movie.TotalFrames;

　　element.style.pixelLeft=420*(frame_number/movie.TotalFrames);//滚动条图片随之到相应的位置

　　if(frame_number==movie.TotalFrames)

　　clearTimeout(tn_ID);

　　else

　　var tn_ID=setTimeout(''''''''showcount();'''''''',1000);

　　}

　　//使影片返回第一帧

　　function Rewind(){

　　if(movie.IsPlaying()){

　　Pause();

　　}

　　movie.Rewind();

　　element.style.pixelLeft=0;

　　frameCount.innerText="1/" total;

　　}

　　//播放影片

　　function Play(){

　　movie.Play();

　　showcount();

　　}

　　//暂停播放

　　function Pause(){

　　movie.StopPlay();

　　}

　　//跳至最末帧

　　function GoToEnd(){

　　if(movie.IsPlaying())

　　Pause();

　　movie.GotoFrame(total);

　　element.style.pixelLeft=420;

　　frameCount.innerText=total "/" total;

　　}

　　//快退影片

　　function Back()

　　{

　　if(movie.IsPlaying())

　　Pause();

　　frame_number=frame_number-50;

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有