注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

祝福朋友开心每一天

祝福

 
 
 

日志

 
 

【引用】用flash制作flv视频电视点播器的方法  

2012-03-17 13:38:45|  分类: 14【引用】梦幻代 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
用flash制作flv视频电视点播器的方法
一、作前准备

    准备12个缓冲效果较好、久远有效的flv视频歌曲绝对地址,保存到指定的文件夹待用。

http://www.lb50.cn/LIveUrl/TYUrl.Asp?1412.flv

http://www.lb50.cn/LIveUrl/TYUrl.Asp?1406.flv

http://livecdn.ahtv.cn/channels/1503/500.flv

http://www.lb50.cn/LIveUrl/TYUrl.Asp?1509.flv

http://www.lb50.cn/LIveUrl/TYUrl.Asp?1414.flv

http://livecdn.ahtv.cn/channels/1505/500.flv

http://livecdn.ahtv.cn/channels/1502/500.flv

http://livecdn.ahtv.cn/channels/1506/500.flv

http://livecdn.ahtv.cn/channels/1507/500.flv

http://livecdn.ahtv.cn/channels/1508/500.flv

http://livecdn.ahtv.cn/channels/1504/500.flv

http://www.lb50.cn/LIveUrl/TYUrl.Asp?1528.flv

*电视台名称和教程、作品排序相同。

附:查找FLV视频真实地址的方法有关电视台的flv地址收藏

二、制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,其它默认,点击确定,进入场景1。 如图1所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图1

    3.创建视频元件

    选择“窗口-库”,打开库,在库的空白处“右键-创建视频”,打开“视频属性”面板,设置其参数,如图2所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409)

图2

点击“确定”,这时会在库中多了一个“视频1”元件。如图3所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图3

    4.创建影片剪辑元件

    选择“插入-新建元件”,创建一个名为“边框”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用矩形工具在舞台画一个笔触高度为10,规格为540*390的,无边线的黑红色矩形。全居中。如图4所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图4

    5.创建按钮元件

    选择“插入-新建元件”,创建一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击),用矩形工具在舞台拖一个规格、颜色随意的,无边线的矩形,全居中。如图5所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图5

    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为视频、文本、按钮、边框、as。

    (1)选择视频图层第一帧,从库中拖出“视频1”元件到舞台,规格改为430*300,将其放置舞台的左侧,调整好位置。如图6所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图6

点击该实例,在属性面板填写其实例名称为:myVideo 。在第12帧插入帧,上锁。如图7所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409)

图7

    (2)选择文本图层第一帧,用文本工具在视频1实例的上下右输入作品的题目、提示和电视台名称,规格、颜色、字体适当。在第12帧插入帧,上锁。其式样,如图8所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图8

    (3)选择按钮图层第一帧,分别依次从库中拖出12个“隐钮”按钮元件到舞台,调整好规格,将其放置在电视台名称之上;再从库中拖出一个“隐钮”按钮元件到舞台,将其放置在视频1实例之上,调整好规格(和视频1规格相同),如图9所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图9

    为按钮添加语句语句:

    点击右侧上第一个按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

}

点击右侧上第二个按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

}

同理同种方法,分别依次完成右侧上3-12个按钮语句的添加。语句同上,只是将上边语句中的数字分别依次改为3-12。

再点击左侧视频1上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 _root.ns.pause();
}

在第12帧插入帧,上锁。

    (4)选择边框图层第一帧,从库中拖出“边框”影片剪辑元件到舞台,规格不变,全居中。点击该实例,在属性面板打开滤镜,设置其参数,如图10所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409)

图10

完成后的舞台实例变化,如图11所示:

用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409) 

图11

在第12帧插入帧,上锁。

    (5)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

stop();
var nc = new NetConnection();
nc.connect(null);
var ns = new NetStream(nc);
var myVideo;
myVideo.attachVideo(ns);
ns.play("http://www.lb50.cn/LIveUrl/TYUrl.Asp?1412.flv
");
rewind_btn.onRelease = function() {
 ns.seek(0);
};

*红色部分为你准备好的第一个电视台视频地址。

右键第1帧-复制帧,在分别依次右键第2-12帧-粘贴帧。然后依次打开第2-12帧动作面板,将语句中的视频地址换成第2-12个电视台视频地址。上锁。

    7.本作业完成后时间轴显示如图12所示:

        用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409)       

图12

  8.存盘

    *说明:

    当测试中不显示效果时,不要着急,你上传发表后就会显示其效果了。     

最终效果显示:

这里会是你的最爱        博文大全        字画走廊        声色入魂       有声世界        我的书房    探索发现       我的收藏         饱你眼福        生活点滴     视频典藏        品足天下玉     瓷器总汇         朗诵集锦     图文音画        音画欣赏         QQ空间     竹簡字畫         古玩字画     竹雕盆景         你是我心中的一首歌(我的音乐厅)        收藏集锦     乱弹琵琶         诗词朗诵       养养你的眼,开开你的心!       戏曲电影片100部总目录
用flash制作flv视频电视点播器的方法 - 老排长 - 老排长(6660409)

  评论这张
 
阅读(59)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017