您好!欢迎您光临视频播放器制作图文教学_邵阳都市枫林! 聊天室 I 论坛 I 免费电影 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教程>>>入门教程 >>>视频播放器制作图文教学
视频播放器制作图文教学
发表日期:2017/11/3 16:38:00 出处:未知 作者:未知 发布人:qinoglin 已被访问 79


先打开软件

版本(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:/桌面/FLV音乐视频播放器.swf(我是设的这个名)。打开看看吧,很酷的吧?!不足的是不能连续播放,不知道还要加什么语句,要请教高手,极待改进。
你把它上传到网上,获得地址后就可以在图书馆发表了。 

因为安装的操作系统版本不同,可能丰放地址不一样,你可以用“开始”菜单里的“搜索”工具搜索一下地址。最后祝你制作成功!有好的经验不要忘了拿出来分享啊!






,,,,

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:AS3.0频谱播放器

下篇文章:强大的视频播放器

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)
免责声明:本站所有链接均收集自网络免费公开资源,非本站服务器资源,相关权责不由本站负责,若有侵权,请来信告知,本站会24小时内删除! 漫步人生@版权所有 联系方式:E-mail:318516343@QQ.com QQ::38516343 谢谢合作!

邵阳都市枫林(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:本站招聘版主 有事在本站留言或加QQ群:251954845 联系人:漫步人生 QQ:318516343

琼icp备09005167