360doc文章提取器

制作Flash影片播放器(播放进度条、音量调节滑块、控制按钮)的方法和代码

文章来源:文章来源 抓取时间:2019-02-01 15:47:51 浏览量:19 作者:文山揽胜 返回文章列表

制作Flash影片播放器(播放进度条、音量调节滑块、控制按钮)的方法和代码


  一、制作音量控制滑块

   1.启动FLASH软件。

   2.确立文档属性设置动画尺寸帧频背景等。

   3.首先将准备好的素材图片和歌曲导入到库中待用。

   4.创建影片剪辑元件

   选择“插入-新建元件”,建立一个名为“音量控制”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为底板、滑块 。

    A.选择底板图层第一帧,用矩形工具在舞台拖一个规格80*14的,无边线的橙色矩形(图2-1),然后,用选择工具将其左边上角向下拖至底角,成为三角形(图2-2),点击该实例,左对齐-垂直中齐。上锁。

    B.选择滑块图层第一帧,用矩形工具在舞台拖一个规格5*18的,无边线的浅绿色矩形 ,将其放置在底板的中间,垂直中齐。将其转换为影片剪辑元件。

    点击该实例,按f9,打开动作面板,在as编辑区输入,如下影片剪辑指令语句:

onClipEvent (enterFrame)

{

    mex = getProperty(this, _x);

    vol.setVolume(mex / 9.800000E-001);

}

onClipEvent (load)

{

    vol = new Sound();

}

onClipEvent (mouseDown)

{

    if (this.hitTest(_root._xmouse, _root._ymouse))

    {

        startDrag (this, false, 0, 0, 80, 0);

    } 

}

onClipEvent (mouseUp)

{

    stopDrag ();

}

锁定该图层。

二、制作播放进度条

    选择“插入-新建元件”,建立一个名为“播放进度”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为底板、滑块 。

    A.选择底板图层第一帧,用矩形工具在舞台拖一个规格220*8的,无边线的黄色矩形,点击该实例,左对齐-垂直中齐。上锁。

    B.选择滑块图层第一帧,用矩形工具在舞台拖一个规格5*15的,无边线的红色色矩形 ,点击该实例,左对齐-垂直中齐。右键该实例,将其转换为影片剪辑元件。

    点击该实例,按f9,打开动作面板,在as编辑区输入,如下影片剪辑指令语句:

onClipEvent (load)

{

    drag = new Boolean();

    drag = false;

    cang =220 / _root._totalframes;

}

onClipEvent (mouseDown)

{

    drag = true;

    if (this.hitTest(_root._xmouse, _root._ymouse))

    {

        startDrag (this, false, 0, 0, 220, 0);

    } 

}

onClipEvent (mouseUp)

{

    drag = false;

    stopDrag ();

}

onClipEvent (enterFrame)

{

    _root.all.allframe = _root._totalframes;

    _root.all.nowframe = _root._currentframe;

    if (drag == true && this.hitTest(_root._xmouse, _root._ymouse))

    {

        _root.all.kz.stop();

        xvernier = getProperty(this, _x);

        _root.gotoAndStop(int(xvernier / cang));

    }

    else if (_root._currentframe == 1)

    {

        setProperty(this, _x, 0);

    }

    else

    {

        setProperty(this, _x, _root._currentframe * cang);

    }

}

锁定该图层。

   三、编辑制作场景

    返回场景1,添加五个图层,共六个图层。自下而上命名为音乐、按钮、音量、进度、影片1、影片2。 

    (1)选择音乐图层第一帧,从库中拖出歌曲文件到舞台,位置随意。这时时间轴上出现,然后按住键盘上的F5,直到音乐播放完时松开。点击“该图层第1帧-同步(右侧小三角)-数据流”(数据流的设置可以使音乐文件大大地缩小)。上锁。

    (2)选择按钮图层第一帧,点击“窗口-公用库-按钮”,在按钮界面双击倒数第二个文件夹,然后在新界面分别依次选择flat blue back(起始)flat blue play(开始)、flat blue pause(暂停)、flat blue stop(停止)和flat blue forward(结束)五个按钮,将其拖入舞台的下边的左侧。

下面我们为按钮添加指令语句:点击起始按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release){

    gotoAndPlay(1);

}

    点击开始按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release){

    play();

}

    点击暂停按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release){

    stop();

}

    点击停止按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release){

    gotoAndStop(1);

}

    点击结束按钮,按f9,打开动作面板,在as编辑区输入,如下语句:

on (release){

    gotoAndStop(666);

}

    (3)选择音量图层第1帧,从库中拖出“音量控制”影片剪辑元件到舞台,按原规格将其水平放置在按钮的右侧,在第685帧插入帧。上锁。

    (4)选择进度图层第1帧,从库中拖出“播放进度”影片剪辑元件到舞台,按原规格将其水平放置在音量控制的右侧,在第685帧插入帧。上锁。

    (5)选择舞者1图层第1帧,从库中拖出“舞者”影片剪辑元件到舞台,按原规格将其放置在舞台的左侧适当位置。在第666帧插入关键帧,将其水平移到舞台的右侧。右键点击第1-684帧之间任何一帧,创建本区域间的动画补间。点击第1-684帧之间任何一帧,在属性面板设置其“缓动”为80。点击上图右侧的“编辑”,打开“自定义缓入/缓出”面板,分别用鼠标调整实例缓动参数,点击确定,返回场景1。

    (6)选择舞者2图层第1帧,从库中拖出“舞者”影片剪辑元件到舞台,按原规格将其放置在舞台的右侧,与舞者1平行。点击该实例,在属性面板设置其“颜色-色调”参数,操作完成后的舞台实例显示,在第685帧插入关键帧,将其水平移到舞台的左侧。右键点击第1-684帧之间任何一帧,创建本区域间的动画补间。点击第1-684帧之间任何一帧,在属性面板设置其“缓动”为80。点击上图右侧的“编辑”,打开“自定义缓入/缓出”面板,分别用鼠标调整实例缓动参数,点击确定,返回场景1。上锁。

    6.完成后测试存盘


    注:在制作中可以给播放器添加一个精美的背景及边框,影片图层可按你自己的需要插入视频,为让视频和播放器同步,动画最好在场景中完成。教程中的播放器三个要件:按钮、音量、进度均可单独使用。

    下载DOC文档