·您当前的位置:首页 > 技术教程 > 播放器教程 >

一步一步教你制作FLV网页视频播放器

时间:2011-06-11 10:51CuPlayer.com
一步一步教你制作FLV网页视频播放器,制作步骤:1.新建一个FLASH文档,设置舞台大小:300*260。2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除。这样做的目的是将这两个组件载入库中,为接下来用attachMovie()方法将MediaController和MediaD

制作步骤:
1.新建一个FLASH文档,设置舞台大小:300*260。
2.将组件MediaController和MediaDisplay拖入舞台,然后从舞台上删除。这样做的目的是将这两个组件载入库中,为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。
3.新建一层,命名为function。在该层的第一帧上输入如下AS代码:

  1. function init(){  
  2. flagNum = 1;  
  3. //播放影片的标示  
  4. flvNum = 0;  
  5. attachController();  
  6. };  
  7. //将MediaController和MediaDisplay组件载入舞台并初始化  
  8. function attachController(){  
  9. //将MediaDisplay组件载入舞台并给定义实例名 "flvContainer" + flagNum  
  10. _root.attachMovie("MediaDisplay","flvContainer" + flagNum,2);  
  11. //设置组件初始参数  
  12. with(_root["flvContainer" + flagNum]){  
  13. _x = 0;  
  14. _y = 0;  
  15. setMedia(myArray[flvNum],"FLV");//设置播放格式可以mp3等  
  16. }  
  17. //将MediaController组件载入舞台并给定义实例名 "flvController" + flagNum  
  18. _root.attachMovie("MediaController","flvController" + flagNum,1);  
  19. //设置组件初始参数  
  20. with(_root["flvController" + flagNum]){  
  21. _x = 0;  
  22. _y = 190;  
  23. activePlayControl = false;  
  24. controllerPolicy = "on";  
  25. //将MediaController和MediaDisplay组件相关联  
  26. associateDisplay(_root["flvContainer" + flagNum]);  
  27. };  
  28. };  
  29. function playNext(){  
  30. //将MediaController和MediaDisplay组件从舞台上删除  
  31. _root["flvController" + flagNum].removeMovieClip();  
  32. _root["flvContainer" + flagNum].removeMovieClip();  
  33. flagNum += 1;  
  34. flvNum += 1;  
  35. //如果播放到影片的最后一首,将flvNum = 0,意为将从头开始播放  
  36. if(flvNum == flvTotal) flvNum = 0;  
  37. //重新载入MediaController和MediaDisplay组件,并给一新的实例名  
  38. attachController();  
  39. //因为每播放完一个影片后MediaController和MediaDisplay组件从舞台上被卸载  
  40. //然后又重新载入MediaController和MediaDisplay组件并给了另外一个实例名  
  41. _root["flvContainer" + flagNum].addEventListener("complete", myListener);  
  42. };  

4.新建一层,命名为action,在该层第一帧输入一下AS代码:

  1. stop();  
  2. //数组myArray用来存储 载入的XML文档中的影片名称  
  3. var myArray = new Array();  
  4. //影片的总数  
  5. var flvTotal:Number;  
  6. var myXml = new XML();  
  7. myXml.ignoreWhite = true;  
  8. myXml.load("list.xml");  
  9. myXml.onLoad = function() {  
  10. var e = myXml.firstChild.childNodes;  
  11. flvTotal = e.length;  
  12. for (var i = 0; i<flvTotal; i++) {  
  13. myArray.push(e[i].attributes["title"]);  
  14. }  
  15. init();  
  16. _root["flvContainer"+flagNum].addEventListener("complete", myListener);  
  17. };  
  18. var myListener = new Object();  
  19. myListener.complete = function(eventObject) {  
  20. playNext();  
  21. };  

用记事本写入下面内容作为播放列表,保存为list.xml:

  1. <?xml version="1.0" encoding="utf-8" ?>   
  2. <flvLists> 
  3. <item title="file1.flv" />   
  4. <item title="file2.flv" />   
  5. <item title="file3.flv" />   
  6. </flvLists> 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器