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

用flash制作flv视频电视点播器的方法 一、作前准备     准备12个缓冲效果较好、久远有效的flv视频歌曲绝对地址，保存到指定的文件夹待用。 http://www./LIveUrl/TYUrl.Asp?1412.flv http://www./LIveUrl/TYUrl.Asp?1406.flv http://livecdn./channels/1503/500.flv http://www./LIveUrl/TYUrl.Asp?1509.flv http://www./LIveUrl/TYUrl.Asp?1414.flv http://livecdn./channels/1505/500.flv http://livecdn./channels/1502/500.flv http://livecdn./channels/1506/500.flv http://livecdn./channels/1507/500.flv http://livecdn./channels/1508/500.flv http://livecdn./channels/1504/500.flv http://www./LIveUrl/TYUrl.Asp?1528.flv *电视台名称和教程、作品排序相同。 附：查找FLV视频真实地址的方法 ；有关电视台的flv地址收藏 二、制作步骤     1.启动FLASH8 软件。     2.确立文档属性 设置动画尺寸为550*400，背景颜色深绿，其它默认,点击确定，进入场景1。 如图1所示：   图1     3.创建视频元件     选择“窗口－库”，打开库，在库的空白处“右键－创建视频”，打开“视频属性”面板，设置其参数，如图2所示： 图2 点击“确定”，这时会在库中多了一个“视频1”元件。如图3所示：   图3     4.创建影片剪辑元件     选择“插入－新建元件”，创建一个名为“边框”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。     选择图层1第1帧，用矩形工具在舞台画一个笔触高度为10，规格为540*390的，无边线的黑红色矩形。全居中。如图4所示：   图4     5.创建按钮元件     选择“插入－新建元件”，创建一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。     选择图层1第4帧（点击），用矩形工具在舞台拖一个规格、颜色随意的，无边线的矩形，全居中。如图5所示：   图5     6.编辑制作场景     返回场景1，添加四个图层，共五个图层。自下而上命名为视频、文本、按钮、边框、as。     （1）选择视频图层第一帧，从库中拖出“视频1”元件到舞台，规格改为430*300，将其放置舞台的左侧，调整好位置。如图6所示：   图6 点击该实例，在属性面板填写其实例名称为：myVideo 。在第12帧插入帧，上锁。如图7所示： 图7     （2）选择文本图层第一帧，用文本工具在视频1实例的上下右输入作品的题目、提示和电视台名称，规格、颜色、字体适当。在第12帧插入帧，上锁。其式样，如图8所示：   图8     （3）选择按钮图层第一帧，分别依次从库中拖出12个“隐钮”按钮元件到舞台，调整好规格，将其放置在电视台名称之上；再从库中拖出一个“隐钮”按钮元件到舞台，将其放置在视频1实例之上，调整好规格（和视频1规格相同），如图9所示：   图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所示： 图10 完成后的舞台实例变化，如图11所示：   图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./LIveUrl/TYUrl.Asp?1412.flv"); rewind_btn.onRelease = function() {  ns.seek(0); }; *红色部分为你准备好的第一个电视台视频地址。 右键第1帧－复制帧，在分别依次右键第2－12帧－粘贴帧。然后依次打开第2－12帧动作面板，将语句中的视频地址换成第2－12个电视台视频地址。上锁。     7.本作业完成后时间轴显示如图12所示：                 图12 　　8.存盘     *说明：     当测试中不显示效果时，不要着急，你上传发表后就会显示其效果了。      最终效果显示：