制作一个全功能的FLV播放器

本文选自《Flash MX Professional 2004第一步》一书 
作者 陈冰

创建一个全功能的FLV播放器

我们将制作的这个FLV播放器由这样几部分组成:
一个用于显示视频图像的视频对象,
三个分别用于播放、暂停和停止视频的按钮,
以及一个用于显示缓冲区装载进度的动态文本。

1. 创建三个按钮元件,分别命名为“播放”、“暂停”、“停止”,将其各自一个实例拖放到场景舞台中。

2. 创建一个视频元件,将其一个实例拖放到场景舞台中,并赋予其实例名myVideo。

3. 在场景舞台中放置一个动态文本,赋予其实例名myText。

4. 在根时间线的第1帧中捆绑下面的脚本:

代码如下:

//创建一个NetConnection对象。 
myFLVConnection=new NetConnection(); 
//创建一个流连接。 
myFLVConnection.connect(null); 
//创建一个NetStream对象。 
//myFLVConnection被指定给该NetStream对象。 
myFLVStream=new NetStream(myFLVConnection); 
//myFLVStream被捆绑到Video对象myVideo: 
myVideo.attachVideo(myFLVStream); 
//设置缓冲时间。 
myFLVStream.setBufferTime(10);

分析这段脚本,首先我创建了一个NetConnection对象myFLVConnection,然后我调用NetConnection对象的connect()方法打开了一个流连接,在调用connect()方法时你必须传递给它一个null值作为参数。

接下来,我利用myFLVStream=new NetStream(myFLVConnection);这行代码创建了一个NetStream对象myFLVStream,在创建时我就需要把为该“流”提供的“连接”告知它,即把myFLVConnection对象作为参数传递给NetStream类的构造函数。
之后,我把myFLVStream(“流”)捆绑到Video对象myVideo。然后,我还用NetStream类的setBufferTime()方法以秒为单位指定了一个缓冲时间,即要在缓冲区中装入可供播放多长时间的数据后才开始播放。

5. 在“播放”按钮实例上捆绑下面的脚本:

代码如下:

on(release){ 
    //装载并播放FLV文件。 
    myFLVStream.play("myFLV.flv");

//定义bufferLoad函数以供setInterval函数调用来显示缓冲进度。 
    function bufferLoad(){ 
        //在动态文本中显示缓冲区的装载进度。 
        myText.text="缓冲区已装载"+int((myFLVStream.bytesLoaded/myFLVStream.bytesTotal)*100)+"%"; 

        //设置时间间隔。 
        setInterval(bufferLoad,20); 
}

这行代码—myFLVStream.play("myFLV.flv");用来装载和播放FLV文件。如果你的FLV文件位于某个HTTP地址或本地文件系统的某处,你可以使用http://或file://这样的格式作为路径的前缀来指定FLV文件的位置。
这个表达式—myFLVStream.bytesLoaded/myFLVStream.bytesTotal用来检查缓冲区已装载的字节占缓冲区要装载的总字节的比值。bytesLoaded和bytesTotal是NetStream类的两个属性。

6. 在“暂停”按钮实例上捆绑下面的脚本:

代码如下:

on(release){ 
    //暂停FLV文件。 
    myFLVStream.pause(); 

7. 在“停止”按钮实例上捆绑下面的脚本:

on(release){ 
    //停止FLV文件并同时删除下载的FLV文件。 
    myFLVStream.close(); 
}

8. 制作完成。你应该在你的网站中测试这个FLV播放器。

(0)

相关推荐

  • flv播放器 在网页中播放flv

    复制代码 代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="40%" height="365"> <param name

  • FLV视频上传到网上不能播放的原因与解决办法

    "在本地使用Flash媒体播放器可以播放的FLV视频,传到网上就不行了." 其实原因很简单,因为国内大多都是Win2003的主机.默认是没有指定输出FLV这种格式的. 虽然FTP里面可以看见,但无法通过http访问,也就无法播放了. 两种解决办法:1,找服务器管理员,添加FLV文件类型输出支持.2,把扩展名flv改成swf来播放. 3, 解决"虚拟主机都不支持Flv格式文件"的问题:比如你的Flv文件名称是a.flv,在虚拟主机上建一个名为"a.flv&q

  • 用PHP读取flv文件的播放时间长度

    复制代码 代码如下: <?php // +----------------------------------------------------------------------+ // | PHP version 4&5 | // +----------------------------------------------------------------------+ // | Copyright (c) 2007 JackieWangjackieit@hotmail.com |

  • SWFObject Flash js调用类

    SWFObject是一个基于Javascript的Flash媒体版本检测与嵌入模块,其主要使用目的是让我们将FLASH嵌入网页中的操作更简单,加入了版本检测功能,符合XHTML的标准验证的插入,并解除了IE对FLASH点击激活的限制,对主流浏览器兼容. 首先让我们看一段SWFObject作用的代码: //载入SWFObject类库 <script type="text/javascript" src="swfobject.js" src="swfob

  • iis中flv视频无法播放的处理方法(iis或虚拟主机管理系统)

    Flv格式的视频播放,需要空间的支持.如果是独立服务器,请在MIME类型中按下图添加 如果使用了虚拟主机,请在管理平台上直接添加(如果不支持添加的,只有联系服务商处理)扩展名填写:.flvMime类型填写:flv-application/octet-stream

  • Windows 2003 iis FLV 视频不能播放的原因与解决

    其实原因很简单,因为国内大多都是Win2003的主机.默认是没有指定输出FLV这种格式的. 虽然FTP里面可以看见,但无法通过http访问,也就无法播放了. 打开IIS 管理器 选择网站属性 就是那可以可以设置主机头的那个地方 还有安全目录 http头 自定义错误 服务 的 看到这个以后呢你就选择 http 头 这样呢就看到了一个 MIME类型 然后你点类型 新建一个类型 扩展名字是 .FLV 类型是 flv-application/octet-stream 然后确定

  • 不需要视频服务器,同样可以在线播放,FLV制作方法

    Yotube.6Rooms.Google Viedo的成功,使得在线短片播放网站如雨后春爽般的冒了出来,而这些看起来超酷的Flash播放效果如何做到的呢?就是......当当,当当当.....FLV....长话短说,步入正题: 客户端编码工具(Client-Side-FLV-Encoding) 场景:拿到一个 MPG 或 AVI 文件,打算在个人电脑上转换成FLV. 1,Flash 8 Video Encoder:装了Flash 8就会有装了这个. 2,Total Video Converter

  • 在线FLV播放器实现方法

    程序代码 复制代码 代码如下: <object type="application/x-shockwave-flash" width="400" height="220"  wmode="transparent" data="flvplayer.swf"> <param name="movie" value="flvplayer.swf" />

  • 基于js与flash实现的网站flv视频播放插件代码

    本文实例讲述了基于js与flash实现的网站flv视频播放插件代码.分享给大家供大家参考. 具体实现代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1

  • flvplayer.swf flv视频播放器使用方法

    一.直接在html文件中加载: 复制代码 代码如下: <div id="FlashFile"> <object type="application/x-shockwave-flash" width="470px" height="403px" data="flvplayer.swf?file=movies/company.flv"> <param name="movi

随机推荐