分享

用flash制作flv视频音乐播放器(图文解说)

 震宇 2012-09-02

 

                                                          

 
 用flash制作flv视频音乐播放器
 
    

先打开软件

版本(flash8.0)

 

        1、  作背景。点“文件”、“新建”、“flash文档”。在场景里面点“矩形工具”,关掉“笔触颜色”,将“填充颜色”设置为黑色;


(图1
 
    点“边角半径设置”,将边角半径设为“0”,然后点“确定”。 
 (图2

 

    拖动鼠标,画出一个矩形框图,在框外点右键,再点文档属性,把背景大小设“550X400

 (图3

 

    画完背景之后,打开“对齐面板”,点“匹配宽和高”( 对齐面板里最下面一排第三个),点全齐中(水平中齐、垂直中齐),这样式就画出一个黑色矩形和场景一样大。

 (图4

 

         2、点“视图”、“缩放比例”,把矩形和场景缩小50%(不缩放也行);再点矩形工具,关掉“笔触颜色将“填充颜色”设置为红色或其它颜色(不是黑色就行),边角半径收为10,点确定,

在场景上边再画一个小点的矩形,就是制作小屏幕。不要碰着大矩形。

 (5

 

    画完之后,切换到黑箭头工具,点一下红色矩形,将宽改为350,高改为250,点“匹配宽和高”。然后把放在红色框上按信左键不放,把它拉到大矩形中来,边上要留一点,左、上都少留一点,下边多一点,右边要留得宽。 

 (图6

 

    把鼠标在空白处释放一下(点一下),再回来点一下红色块,点出白麻麻点之后再点删除键把它删除(成了白色),就抠成了一个小屏幕窗口。

 (图7

 

         3、点“矩形工具”, 填充色(不是黑色就行),边角半径设为“0”, 点确定,在黑色大矩形下边再画一个长方形,点一下黑箭头工具,再回来点长方块,改为350X70像素,匹配宽和高。然后把它拖入窗口下面的黑框中,边与窗口对齐,上下留边一样大小。在框中点鼠标右键,点“任意变形”可以对图形大小、形状、位置进行修改。最后把鼠标在空白处释放一下,再回来点一下长方块,抠出一个长方框,这个是用作开关的。 

 (图8

 

        4、在右边黑色区点右键,点“转换为元件”,点“图形”,把“元件1”换名为“背景”,点“确定”,就把做好的转换为背景元件了,可以拖到任意地方了。点全齐中(水平齐中、垂直齐中)

 (图9

 

         5、把图层1改为背景,在背景上加一层(插入图层—图层2)改名为菜单,把第一层背景层上上锁,这时可以用文件菜单栏“另存为”保存一下。

 

 (图10

 

         6、在第二层打开,点一下第一帧,(我试了一下,不点第一帧也行,点了第一帧后测试影片时老是报错,但播放还正常)。然后打开“窗口”,点组件,找到“User Interface”,点开,找到“ComboBox 

 (图11

 

        把它拉出来放到右边最上面,这是歌曲名称的下拉菜单在这里,改一下宽(150)高,边对齐。第二层叫“菜单层”。

 (图12

 

         7、在菜单层上加一层(图层3)改为屏幕,在“屏幕”层中点一下第一帧,(同上)。然后打开“窗口”,点组件,找到“MediaPlayer67”。点+号打开,把“MediPlayback”拖出来放在屏幕中,改一下宽高(360X350),点回车,刚好压住窗口和下面的长方框; 

 (图13

 

    这时把屏幕层拉到最下边,这样背景就把屏幕挡上了。 

 (图14

 

        8、加菜单语句:

on (load) {     _root.mp67.setMedia(this.value); } on (change) { _root.mp67.setMedia(this.value); }

复制上面语句(一定要复制完整的语句要包括大括号),然后点一下菜单组件,点开“动作面板”, 


(图15

 

    把语句粘贴进去,点一下集中模式,变成6 行就行了。点“动作面板”,再加加屏幕语句 

 (图16

 

         9、加屏幕语句:

on (load) { i = 0; } on (complete) { if (i>0) { i = 0; } i++; this.setMedia(_root.lisyl.data); this.play(); this.playing == false; trace(this.playing); }

复制上面的语句 点一下屏幕空白处,然后点“动作面板”, 把语句粘贴进去,点一下集中模式,变成13行了,OK 

 (图17

 

        10、输入实例名:点一下菜单,然后点一下“属性”旁边的“参数”,在“实例名称”里输入实例名“list1”; 

 (图18

 

     再点一下屏幕,在“实例名称”里填写实例名“mp67 

 (图19

 

          11、输入歌曲。输入flv地址:首先复制地址,点菜单,点属性里的参数,在第一个“data”后面点一下,后面来出一个小放大镜,点一下小放大镜,在出来的对话框里点(+)号,添加,在0后面的“defaultValue”点一下,变色后点右键,“删除”,把地址贴在里面;点一下0,再点(+)号,下面出来1,再按上法把第二个地址粘贴进来;再点1,又出来2,。。。。。。最后点确定。 

 (图20

 

          12、输入歌曲名:在第三个“labels”后面点一下,再点小放大镜如上法依次输入视频名,最后点确定。 

 (图21

 

        13、打开“控制”点“测试影片”,测试一下播放效果。返回,点菜单、组件,把下面的数字改一下,把下拉条数控制在1012个。调整位置去白边。播放按钮是隐藏的,鼠标点下边进度条的位置就会显示出来。 

 (图22

 

         14、最后就是装饰,导入图片:点“文件”、“导入”、“导入到库”。再点“插入”、“新建元件”(可以改名,也可不改名)。在这个元件里先画一个矩形,填充什么色都行,“边角半径”改为“10”,匹配宽和高“150X330”,(放在菜单下面的)。填充一下:在混色器里找到位图填充进去(不填充没有圆角);自由变换,点填充变形工具,到场景,在菜单上边加一图层,直接把图拖进来,调整大小位置, 

 (图23

 

15、用笔触颜色加边框装饰:再加一层,用矩形工具,关掉填充色,用笔触工具,边角半径设为10用放射色,笔触粗细设为5,画一个矩形框图加在屏幕上,把其它层都上锁,回到黑箭头工具,把它框选一下,改一下尺寸(350X250),用黑箭头工具使上下左右对齐,再如法做一个350X70加在按键框上这个边可以转换为元件,也可以不转换。

(图24
 
       16、发表:先用矩形工具把播放器全部框上,右键选“任意变形”,调整好播放器的大小和位置,然后选“文件”、“发布设置”,在“发布设置”里把“HTML”前在的勾去掉(也可不去掉),最后点下面的“发布”就OK了。
 (图25
       
        发布后的文件地址(路径):C:\Documents and Settings\Administrator\Local Settings\Application Data\Macromedia\Flash 8\zh_cn\Configuration\Templates\FLV音乐视频播放器(我是设的这个名)。打开看看吧,够牛的吧?!不足的是不能连续播放,不知道还要加什么语句,要请教高手,极待改进。
 
    你把它上传到网上,获得地址后就可以在图书馆发表了。 免费上传 FLASH 文件网址:http://upload./
   
    因为安装的操作系统版本不同,可能丰放地址不一样,你可以用“开始”菜单里的“搜索”工具搜索一下地址。最后祝你制作成功!有好的经验不要忘了拿出来分享啊!
 

     

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多