广东技术师范学院学报（自然科学） ２０１４年第１ｌ期 Ｊｏｕｒｎａｌ ｏｆ Ｇｕａｎｇｄｏｎｇ Ｐｏｌｙｔｅｃｈｎｉｃ Ｎｏｒｍａｌ Ｕｎｉｖｅｒｓｉｔｙ Ｎｏ．１ １，２０１４ 基于ＨＴＭＬ５的视频传输技术研究 黄雄 广州 ５１０６６５） （广东技术师范学院计算机科学学院，广东摘 要：目前主流的视频传输技术是流媒体技术．但是视频传输过程中都需要依赖Ｆ］ａＳｈ插件，视频传 输过程更需要选择流媒体格式，或者安装播放器的客户端．ＨＴＭＬ５的Ｖ１ ｄｅｏ标签能够支持ＷＥＢ浏览器摆脱 Ｆ１ ａＳｈ插件的使用，并丰富浏览器端的网页应用．基于流媒体技术中的ＲＴＰ，ＲＴＳＰ传输协议，本文构造了支 持ＨＴＭＬ５的视频播放器．该播放器具有视频的传输、控制、离线存储和播放等功能． 关键词：ＨＴＭＬ５；Ｖ１ ｄｅＯ标签；ＲＴＳＰ；ＲＴＰ［０］；视频播放器 中图分类号：ＴＰ ３９ 文献标识码：Ｂ 文章编号：１６７２—４０２Ｘ（２０１４）１１—００２０—０６ １前言 广义上讲ＨＴＭＬ５时，实际指的是ＨＴＭＬ，ＣＳＳ３ 和Ｊａｖａｓｃｆｉｐｔ三个技术的组合应用．它最初的目的是 为了减少浏览器对Ａｄｏｂｅ Ｆｌａｓｈ、Ｍｉｃｒｏｓｏｆｔ Ｓｉｌｖｅｒｌｉｇｈｔ 格式被支持以流媒体视频来传输，并且传输容量小， 但是视频的传输的质量不高，视频的清晰度也因此 不佳．ＨＴＭＬ５没有统一视频编码解码的技术，但随着 ＨＴＭＬ５的发展．ＨＴＭＬ５的视频编码解码技术能够支 持的视频格式均具备高压缩容量、图像质量高的特 性．对于网络传输带宽的要求也不高．将ＨＴＭＬ５技术 等插件的应用。同时为了丰富浏览器端的网页应用． ＨＴＭＬ５允许开发人员能够在ＷＥＢ浏览器上开 作为基础来传输视频。摆脱Ｆｌａｓｈ插件的使用将是未 来的发展趋势．本文将从ＨＴＭＬ５的Ｖｉｄｅｏ标签的特 性。研究和探讨利用ＨＴＭＬ５技术在移动端、ＰＣ端实 发应用程序．让过去在ＰＣ端或者移动端才能运行的 程序能够在浏览器端运行，更重要的是，ＨＴＭＬ５能 够统一不同平台、不同机器之间的应用开发标准，从 现视频的传输，从而替代传统流媒体的传输模式，改 善网络视频传输的状况． 而让开发的应用能够在不同的平台之间切换，能够 做到真正意义上的“Ｗｒｉｔｅ ｏｎｃｅ，ｌ＇ｕｎ ａｎｙｗｈｅｒｅ”． 目前尽管ＨＴＭＬ５已经形成大致的框架和体系， 但是ＨＴＭＬ５在一些关键领域——视频编码解码技 术方面还没有量化统一的标准．由于ＨＴＭＬ５的跨平 ２ ＨＴＭＬ５视频编码解码技术 ２．１ ＨＴＭＬ５视频编码解码技术之争 尽管ＨＴＭＬ５的标准因为各个浏览器开发商之 间的对立而没有制定统一的视频编码解码的技术标 准，从而使ＨＴＭＬ５视频播放技术依然停滞不前，但 是未来在手机浏览器和ＰＣ端浏览器统一标准之后， ＨＴＭＬ５将改变过去互联网中浏览器端视频流的播放 技术． 台的功能，支持不同平台之间的任意切换，视频流可 以跨平台地由ＷＥＢ服务器端向ＰＣ端和移动端传 输．但是在传输的过程，传统的流媒体在ＷＥＢ服务 器端向ＰＣ端和移动端传输的过程中，都需要解决以 下几个问题：视频格式选择问题。传输协议的选择， 视频流缓冲池的设计．以及前端视频播放器的设计 与实现．但是由于ＨＴＭＬ５的Ｖｉｄｅｏ、Ａｕｄｉｏ标签的引 入．视频的传输和播放有望得到解决． 传统的流媒体在传输视频的过程中，选择视频 的格式必须是像ＦＩ 这样的流媒体格式，尽管ＦＬＶ 无论是ＰＣ机还是移动设备的浏览器，不管引入 任何视频都需要安装Ｆｌａｓｈ插件，并结合＜ｏｂｊｅｃｔ＞和＜ ｅｍｂｅｄ＞标签的使用．从而导致大多数用户都安装了 Ａｄｏｂｅ公司Ｆｌａｓｈ插件．事实上，ＨＴＭＬ５的支持者正 在推动一个开放的，不需要任何插件的视频标准，这 收稿日期：２０１４—０６—２０ 作者简介：黄雄（１９８８一），男，湖北人，广东技术师范学院硕士研究生．专业方向：信息系统工程 第１１期 黄雄：基于ＨＴＭＬ５的视频传输技术研究 ．２１． 就是ＨＴＭＬ５的新标签＜Ｖｉｄｅｏ＞，它提供了一个嵌入视 频而不需要插件的私有方法． 但是解决视频播放远没有那么简单，不仅浏览 器需要理解Ｖｉｄｅｏ标签，更需要一个编码译码器来播 放视频，所以最好的方法就是在缔造ＨＴＭＬ５标准的 同时再开发一款支持编码解码的视频编码解码器． 并且让每一个浏览器厂商去执行． 由于目前各种各样的视频编码解码技术的存 在，各个浏览器制造商还没有统一编码解码的标准。 导致ＨＴＭＬ５在各个浏览器上的执行标准也不一致． ＨＴＭＬ５如果能够使用Ｖｉｄｅｏ标签，就得在浏览器中 支持编码解码器．但是由于目前各大浏览器制造商支 持的编码解码技术要不就是不一致．要不就是没有 使用编码解码技术。导致ＨＴＭＬ５的Ｖｉｄｅｏ标签在引 用的过程中也没有指定某一款视频编码解码标准， 从而带来了ＨＴＭＬ５的巨大的漏洞． 由于ＨＴＭＬ５的标准缔造者们建议使用Ｏｇｇ Ｔｈｅｏｒａ编码译码器．但是Ｏｐｅｒａ和Ｍｏｚｉｌｌａ目前使用 的Ｈ．２６４编码译码器．而且也为Ｈ．２６４编码解码器 的专利权付费了．Ｇｏｏｇｌｅ同时支持Ｏｇｇ Ｔｈｅｏｒａ编码解 码器和Ｈ．２６４编码解码器．微软ＩＥ６，ＩＥ７等编码解码 器均不支持．只有在ＩＥ９才支持Ｈ．２６４编码解码器． Ｇｏｏｇｌｅ在Ｉ／Ｏ大会上发布了开源的视频封装格式 ＷｅｂＭ和视频编码格式ＶＰ８．于是Ｏｐｅｒａ、Ｍｏｚｉｌｌａ、 Ｃｈｒｏｍｅ表示将完全支持ＶＰ８视频编码格式，ＩＥ宣布 部分支持． ２．２ ＨＴＭＬ５中Ｖｉｄｅｏ标签视频格式浏览器支持 当前，Ｖｉｄｅｏ、Ａｕｄｉｏ标签支持三种视频格式： Ｏｇｇ＝带有Ｔｈｅｏｒａ视频编码和Ｖｏｒｂｉｓ音频编码 的Ｏｇｇ文件 ＭＰＥＧ４＝带有Ｈ．２６４视频编码和ＡＡＣ音频编 码的ＭＰＥＧ ４文件 ＷｅｂＭ＝带有ＶＰ８视频编码和Ｖｏｒｂｉｓ音频编码 的ＷＥＢＭ文件 表１支持ＨＴＭＬ５的浏览器的最低版本 表１表示对于ＨＴＭＬ５视频和音频格式的支持 的各种浏览器最低版本号．３．５＋表示Ｆｉｒｅｆｏｘ ３．５以上 版本的浏览器支持ｏｇｇ视频音频格式．Ｎｏ表示该版 本的浏览器不支持该视频格式． ２．３ ＨＴＭＬ５视频格式选择 要将服务器上的视频通过服务器端传输到 ＨＴＭＬ５的浏览器端，必须将传输的视频文件选择合 适的传输格式，尽管已经有流媒体的传输技术作为 基础，但是现在视频文件存储的容量比较大，同时目 前的宽带传输速度仍有上限。支持视频从服务器端 传输到移动端或者ＰＣ端的ＨＴＭＬ５端的浏览器，要 浪费大量的传输时间，如果遇到网络拥堵情况，视频 的传输甚至还会中断。另外，通常格式的视频文件还 不能按照我们设置好的传输协议进行传输，因此，对 于我们选择的视频文件的格式就很重要，想要在 ＨＴＭＬ５的浏览器端能够解码服务器端传输过来的视 频格式，服务器需要选择合适的视频编码格式，并且 用合适的压缩算法进行编码、总的来说，让压缩的文 件满足两个要求：压缩的文件容量较小和压缩的文件 能够适应ＨＴＭＬ５浏览器端解码播放． 由于ＨＴＭＬ５在不同的浏览器端能够解码的标 准不一样．同时根据目前的编码压缩技术的实现程 度和难易程度，我们选择Ｈ．２６４．Ｈ．２６４最大的优势是 具有很高的数据压缩比率，所以在选择视频格式的 时候，一般选择带有Ｈ．２６４编码的ＭＰＥＧ＿４视频文 件．Ｈ．２６４编码的ＭＰＥＧ一４技术在国内比较普及．同 时ＭＰＥＧ一４技术有以下几个优点： １．存储空间得到节省． ２．图像质量高 ３．对网络传输带宽要求不高 ２．４ ＨＴＭＬ５视频传输协议的选择 要将视频等流媒体通过服务器端传输到ＨＴＭＬ５ 服务器端．Ｉｎｔｅｒｎｅｔ上传输文件一般通用ＴＣＰ协议，也 有一些视频是通过ＦｖｒＰ协议来传输，但是这些协议 的传输都不能实现实时的传输．在流媒体技术的发展 基础上。比较成熟的流媒体传输一般是使用在ＵＤＰ 协议的基础上用ＲＴＰ／ＲＴＳＰ协议实时传输． 尽管ＴＣＰ协议在传送数据的过程中会通过数据 校验，ＴＣＰ协议首先允许信息从发送方发出发送请 求到接受方．然后由接收方再向发送方发出信息确认 是否可以接收数据。发送方接受到了接收方的确认信 息之后再决定发送数据，可是如果遇到网络意外情况 如网络中断或者接收方无回应，那么数据校验将一直 处于等待状态．而ＵＤＰ协议则完全不同，ＵＤＰ协议不 需要任何数据校验，发送方不管接受方是否接收，直 接向接收方发送数据．可以看到．ＴＣＰ协议侧重于传 ．２２． 黄雄：基于ＨＴＭＬ５的视频传输技术研究 表２ Ｖｉｄｅｏ标签的属性 属性 值 描 述 第１１期 输的数据质量，而ＵＤＰ协议则更侧重于传输的速 度，因此要求传输速度较高，但传输数据质量不是要 求很高的视频传输更倾向选择ＵＤＰ协议．而在这里 我们选择用目前成熟ＵＤＰ协议基础上ＲＴＳＰ协议． ２．５ ＨＴＭＬ５离线存储 ａｕｔｏｐｌａｙ ａｕｔｏｐｌａｙ 如果出现该属性，则视频在就绪后马上播放。 ｃｏｎｔｒｏｌｓ ｃｏｎｔｒｏｌｓ ｈｅｉｇｈｔ ｐｉｘｅｌｓ 如果出现该属性，则向用户显示控件，比如播放按钮。 设置视频播放器的高度。 如 出瑚谚属性，则当媒介文件完成播放后再次开 皤放。 如果出现该属性，则视频在页面加载时进行加载， 并预备播放。如果使用“ａｕｔｏｐｌａｙ”，则忽略该属性。 要播放的视频的ＵＲＬ。 当经过编码的视频文件通过网络传输到ＨＴＭＬ５ 浏览器端，一般采用异步传输，同步传输就是服务器 端传到哪一步，那么ＨＴＭＬ５播放器端就得播放到哪 ｌｏｏｐ ｌｏｏｐ ｐｒｅｌｏａｄ ｐｒｅｌｏａｄ ｓｒ℃ ｕｒｌ 一步，可是对于网络传输，不稳定的网络或网络中断 都会影响播放器端播放，所以使用传输只能使用异 步传输，那就是播放的视频可能前一步传输过来的． 视频的播放与传输不是同步的，而是异步发生的． 通常情况下，编码的视频文件在ＵＤＰ协议下以 数据包为单位进行异步传输．因此我们的视频文件 在传输的过程中要被分解成很多数据包．由于网络传 输的不稳定性，同时各个数据包选择的路由不同，每 个包发送的时间也不相同．所以到达浏览器端的时 间也一致，在传输的过程中，可能还会发生数据包丢 失的情况．为此，我们要采用缓存技术来校正数据包 因为传输混乱而让数据包顺序发生改变的情况．并利 用缓存技术对到达浏览器端的数据包重新进行正确 排序，从而保证视频数据能够按照正确的顺序依次 有序地播放． 由于ＨＴＭＬ５支持离线存储。所以ＨＴＭＬ５支持 Ｃａｃｈｅ．传统流媒体在开发流媒体播放器的时候还必 须为播放器设置一个缓存的临时文件夹．利用 ＨＴＭＬ５的Ｖｉｄｅｏ标签，以及Ｊａｖａｓｃｒｉｐｔ设置缓存路径 等就可以支持离线存储和播放． 缓存存放的数据包也必须是动态地不断地更 新，不然缓存容量就会越来越大，从而占用大量的 ＰＣ端或移动端大量的空间容量，所以缓存中的数据 包在播放完毕后需要及时被清理掉，才能让新的数 据再次存放在缓存中，这就像把数据包不断地入栈 出栈一样．保证栈的可用性．从而保证从服务器端传 来的数据文件不必占用太大的缓存空间和容量．但是 利用ＨＴＭＩ＿５的离线存储功能，就不必去考虑清除缓 存，减少播放器的占用的内存和存储容量． ３ ＨＴＭＬ５视频播放器的设计与实现 ３．１ Ｖｉｄｅｏ标签 Ｖｉｄｅｏ标签含有ｓｒｃ、ｐｏｓｔｅｒ、ｐｒｅｌｏａｄ、ａｕｔｏｐｌａｙ、 ｌｏｏｐ、ｃｏｎｔｒｏｌｓ、ｗｉｄｔｈ、ｈｅｉｇｈｔ等几个属性，以及一个内 部使用的标签＜ｓｏｕｒｃｅ＞． ｗｉｄｔｈ ｐｉｘｅｌｓ 设置视频播放器的宽度。 Ｖｉｄｅｏ标签内除了可以包含＜ｓｏｕｒｃｅ＞标签外，还 可以包含当指定的视频都不能播放时。返回的内容． ＜Ｖｉｄｅｏ＞标签的属性如表２所示． ３．２ ＨＴＭＬ５视频播放器的分析 该视频传输系统的架构应该满足以下几个条件： １．Ｂ／Ｓ的架构模式．该视频传输过程是通过ＷＥＢ 浏览器向ＷＥＢ视频服务器发出请求之后，ＷＥＢ视 频服务器向ＷＥＢ浏览器传输视频．并依靠浏览器内 部的ＨＴＭＬ５视频编码解码器并通过Ｖｉｄｅｏ标签提供 的视频播放器解码播放．浏览器内部的视频播放器 不属于客户端。所以必须采用Ｂ／Ｓ的架构模式． ２．ＨＴＭＬ５视频播放器的前端界面的分析．视频播 放器的前端界面设计需要播放按钮，播放进度控制 条．音量大小控件，同时该播放器还必须具备系统的 拓展和延伸。以及系统的开放性． ３．支持ＨＴＭＬ５播放器的ＷＥＢ浏览器选择哪款 浏览器，制定统一的标准，在这里，由于系统采用的 Ｈ．２６４标准．所以必须要求浏览器能够支持播放ＭＰ４ 格式视频文件．所以系统采用ＩＥ９作为标准，一方面 因为目前主流操作系统均为ｍｉｃｒｏｓｏｆｔ的ＸＰ，ＷＩＮ７， ＷＩＮ８系统．这些系统都默认安装了ＩＥ．另外一方面 是因为ＩＥ９就能够支持ＨＴＭＬ５，ＩＥ９有支持Ｈ．２６４标 准的视频编码解码器．所以选择ＩＥ９就ＨＴＭＬ５作为 视频播放器的载体和平台． ３．３ ＨＴＭＬ５视频播放器及视频传输设计 ＨＴＭＬ５传输过程的设计满足以下两个方面： １．传输视频流资源的设计．ＨＴＭＬ５视频播放器需 要能够实现对视频的传输，离线存储和缓存功能，能 够对视频流实现快进，后退暂停的功能．离线存储是 ＨＴＭＬ５播放器中基于ＵＤＰ协议基础之上最重要的 功能．要实现视频的传输，视频的传输协议选择ＵＤＰ 协议。视频的传输格式选择ＭＰ４格式，传输的视频 利用ＵＤＰ协议传输时，需要对传输的视频通过ＲＴＰ ．２４． 黄 雄：基于ＨＴＭＬ５的视频传输技术研究 第１１期 媒体传输服务后，ＷＥＢ浏览器与ＷＥＢ服务器之间 使用ＨＴＦＰ／ＴＣＰ交换控制信息．确定需要视频传输的 数据信息，然后通过ＰＣ端或者移动端，启动ＨＴＭＬ５ 内部的Ｖｉｄｅｏ、Ａｕｄｉｏ标签。然后通过Ｈ１ＴｒＰ从ＷＥＢ 服务器上检索相关信息，然后对浏览器端Ｖｉｄｅｏ标签 初始化．这些相关信息可能包含目录信息。传输的视 频编码的类型．以及传输视频的服务器地址．然后收 到请求信息的服务器作出响应，运行实时流控制协 议ＲＴＳＰ，ＲＴＳＰ协议提供了ＨＴＭＬ５中Ｖｉｄｅｏ标签里 对于流的操纵播放、快进、快倒、暂停及录制等命令 的方法．ＷＥＢ服务器采用ＲＴＰ／ＵＤＰ协议将视频数据 传输给浏览器端，一旦视频数据抵达浏览器端的 ＨＴＭＬ５的播放器，ＨＴＭＬ５播放器就能解码播放． 图２ ＨＴＭＬ５数据传输流程图 ①首先客户端向服务器发出ＨＴＦＰ／ＴＣＰ协议请 求，请求加载视频流．服务器上并将多媒体数据进行 数据编码，压缩． ②将服务器上存储的视频通过ＲＴＰ协议打包． ③运行ＲＴＰ／ＵＤＰ协议，将打包好的数据发送出去． ④ＲＴＳＰ协议调整数据传输的暂停，快进，后退 功能．并将本地接收和存储的多媒体数据重新组装． ⑤将组装好的视频通过ＨＴＭＬ５播放器解码播放． ⑥通过ＲＴＣＰ协议反馈回来的网络信息，调整比 特率的编码． 总之，ＨＴＭＬ５视频传输技术，就是将我们要播放 的视频放在视频服务器上．然后通过ＲＴＰ／ＵＤＰ协议 将要传输的视频数据打包成为数据流，而ＲＴＳＰ协议 则是控制数据流快进、暂停、后退、前进功能的协议， 调整数据的传输进度．但是ＨＴＭＬ５播放器的Ｖｉｄｅｏ 标签也提供对视频播放的快进、暂停、后退、前进． ＲＴＳＰ协议提供的则是对数据流传输的控制，而 Ｖｉｄｅｏ标签则是对视频的离线存储之后播放的控制． ＲＴＳＰ协议强调的是数据流的传输过程，支持对数据 的传输控制，从而调整编码视频的比特率的大小．而 Ｖｉｄｅｏ标签则是已经传输到本地视频进行快进，暂 停，后退等方面播放的控制，主要是通过播放控制条 来控制． ５结论 尽管目前的主流视频传输技术主要是流媒体技 术，但是随着ＨＴＭＬ５的发展．各个浏览器的厂商将 会升级出新的ＷＥＢ浏览器来支持ＨＴＭＬ５的标准， 同时随着移动平台的发展。移动平台对ＨＴＭＬ５的支 持度也将得到提升．在建构以ＩＥ９为平台ＨＴＭＬ５为 基础的视频传输过程中。尽管ＨＴＭＩ＿５传输的视频只 有ＭＰ４、ＯＧＧ格式，同时Ｖｉｄｅｏ标签设置的浏览器也 不能设置全屏功能．但是这不影响ＨＴＭＬ５构造视频 播放器替代流媒体传输视频的趋势． 在ＷＥＢ浏览器端诸如ＩＥ９等利用ＨＴＭＬ５的 Ｖｉｄｅｏ标签可以实现ＷＥＢ浏览器端嵌入视频播放 器，同时支持ＨＴＭＬ５的ＩＥ９也有自己的视频编码解 码器．能够支持对ＭＰ４等媒体的播放．而视频的传输 则以ＲＴＳＰ协议和ＲＴＰ协议来引导传输过程． 在本文中．基于ＨＴＭＩ＿５的Ｖｉｄｅｏ标签实现的 ＨＴＭＬ５视频播放器。并基于ＲＴＰ协议、ＲＴＳＰ协议访 问ＷＥＢ视频服务器上的指定的单个ＭＰ４资源的视 频文件。实现传输播放，传输的图像质量比普通流媒 体格式图像质量要更高，验证了ＨＴＭＬ５播放器能够 以流媒体技术中ＲＴＰ协议、Ｒ Ｐ协议为基础实现视 频的传输播放．在传输的过程中，ＷＥＢ浏览器端不需 要安装现有的Ｆｌａｓｈ等辅助插件．减少了ＷＥＢ浏览 器端对于插件的依赖性，并摆脱了传统的播放器的 Ｃ／Ｓ的架构模式．ＨＴＭＬ５技术还能够在现有流媒体技 术之上Ｒ１Ｐ协议，ＲＴＳＰ协议基础之上改善网络传输 状况．提高视频在网络中的传输质量和传输效率．在 不远的将来，ＨＴＭＬ５在视频传输领域将有更大的发 展和前途． 参考文献： 『１］Ａｍｏ Ｂａｋｋｅｒ，Ｒｉｃｃａｒｄｏ Ｐｅｔｒｏｅｃｏ，Ｍｉｃｈａｅ１ Ｄａｌｅｔ，Ｊａｎ Ｇｅｔ－ ｂｅｒ，Ｖｉｃｔｏｒ Ｇｒｉｓｈｃｈｅｎｋｏ，Ｄｉｅｇｏ Ｒａｂａｉｏｌｉ，Ｊｏｈａｎ Ｐｏｕｗｅｌｓｅ． Ｏｎｌｉｎｅ Ｖｉｄｅｏ ｕｓｉｎｇ ＢｉｔＴｏｔｒｅｎｔ ａｎｄ ＨＴＭＬ５ ａｐｐｌｉｅｄ ｔｏ Ｗｉｋｉｐｅｄｉａ．［Ｊ］．ＩＥＥＥ，２０１０：１５１—１５２． 『２ １Ａｎｔｅｒｏ ＴａｉｖａＬｓａａｒｉ，Ｋａｒｌ Ｓｙｓｔａ．Ａｎ ＨＴＭＬ５ Ｃｌｏｕｄ Ｐｈｏｎｅ Ｐｌａｆｔｏｒｍ ｆｏｒ Ｍｏｂｉｌｅ Ｄｅｖｉｃｅｓ．『Ｊ］．２０１２．ＩＥＥＥ ＳＯ ＷＡＲＥ： 第１１期 ４０－４５． 黄 雄：基于ＨＴＭＬ５的视频传输技术研究 （１２）：１－７． ・２５・ ［３］Ｂｒｕｃｅ Ｌａｗｓｏｎ．ｇａｌｌｅｒｙ ＨＴＭＬ５．［Ｊ］．．ｎｅｔ，ａｕｇｕｓｔ ２０１２，Ｐ ６７ ［１２］郭欣．基于ＨＴＭＬ５的通用ＷｅｂＩＭ组件的前端设计与 ［４］Ｇｒａｅｍｅ Ｂｌａｃｋｗｏｏｄ．Ｅｍａｉｌ Ａｎｄ ＨＴＭＬ５ Ｖｉｄｅｏ．［Ｊ］．．ｎｅｔ． Ｍａｒｃｈ ２０１１：１１７． 实现．［Ｄ］．武汉：华中科技大学，２０１１． ［１３］李烨民．基于ＨＴＭＬ５的前端本地化存储技术．［Ｊ］．成 都大学学报．２０１２，ｆ３）：６７—６９． ［５］Ｇａｒｙ Ａｎｔｈｅｓ．ＨＴＭＬ５ Ｌｅａｄｓ ａ Ｗｅｂ Ｒｅｖｏｌｕｔｉｏｎ．［Ｊ］． ＣＯＭＭＵＮＩＣＡＴＩＯＮ ＯＦ ＴＨＥ ＡＣＭ，ｊｕｌｙ ２０１２，Ｐ １６—１７． ［６］Ｊｏｈｎ Ｄｙｅｒ．Ｐｒａｃｔｉａｃｌ Ｃｒｏｓｓ—Ｂｒｏｗｓｅｒ ＨＴＭＬ５ Ａｕｄｉｏ Ａｎｄ Ｖｉｄｅｏ．［Ｊ］．ｍｓｄｎ ｍａｇａｚｉｎｅ．２０１２：４６－５２． ［１４］李瑞霖，曾玉珠．基于Ａｎｄｒｏ ｉｄ的Ｐ２Ｐ手机高清视频 在线点播系统．［Ｊ］．电脑编程技巧与维护，２０１０：３２—３７． ［１５］孙丹鹤，王振．基于ＨＴＭＬ５的视频网站播控系统．［Ｊ］． 电脑知识与技术，２０１１（１０）：９５１７—９５１８． 『１６１张志明，柯卫．基于ＨＴＭＬ５的视频通信云服务应用 ［７］陈靖隆．基于Ｈｔｔｐ Ｌｉｖｅ Ｓｔｒｅａｍｉｎｇ Ｐｒｏｔｏｃｏｌ的移动流媒 体系统设计与实现［Ｊ］．２０１１，（６）． ［８］陈锋锋．基于ＲＴＳＰ的流媒体传输系统的应用开发［ｊ］． 南京：南京邮电大学，２０１３． 技术研究．［Ｊ］．专题：融合通信技术与应用，２０１２，（９）： ３１－３７． ［１０］崔玉梅．ＨＴＭＬ５与移动平台．［Ｊ］．电脑编程技巧与维 护．２０１２：６６—６７． 『１７１张玉晴．ＨＴＭＬ ５中的音频及视频元素对互联网的影 响［Ｊ］．河北省科学院学报，２０１１，（９）：１０６—１０８． ［责任编辑：刘向红］ ［１１］董雾，杨丁宁，史德年．基于ＨＴＭＬ５技术的移动智能 终端应用及安全问题研究．［ｊ］．现代电信科技，２０１２ Ｒｅｓｅａｒｃｈ ｏｎ Ｖｉｄｅｏ Ｔｒａｎｓｍｉｓｓｉｏｎ Ｂａｓｅｄ ｏｎ ＨＴＭＬ５ ＨＵＡＮＧ Ｘｉｏｎｇ （Ｓｃｈｏｏｌ ｏｆ Ｃｏｍｐｕｔｅｒ Ｓｃｉｅｎｃｅ，Ｇｕａｎｇｄｏｎｇ Ｐｏｌｙｔｅｃｈｎｉｃ Ｎｏｒｍａｌ Ｕｎｉｖｅｒｓｉｔｙ，Ｇｕａｎｇｚｈｏｕ ５ １ ０６６５） Ａｂｓｔｒａｃｔ：Ｃｕｒｒｅｎｔ ｍａｉｎｓｔｒｅａｍ ｖｉｄｅｏ ｔｒａｎｓｍｉｓｓｉｏｎ ｔｅｃｈｎｏｌｏｇｙ ｗａｓ ｓｔｒｅａｍｉｎｇ ｍｅｄｉａ ｔｅｃｈｎｏｌｏｇｙ，ｂｕｔ ｔｈｅ ｖｉｄｅｏ ｔｒａｎｓｆｅｒ ｐｒｏｃｅｓｓ ｒｅｑｕｉｒｅｄ Ｆｌａｓｈ ｐｌｕｇ ｉｎ，ａｎｄ ｓｔｒｅａｍｉｎｇ ｍｅｄｉａ ｆｏｒｍａｔ ｗａｓ ｓｅｌｅｃｔｅｄ ｔｈｒｏｕｇｈｏｕｔ ｔｈｅ ｖｉｄｅｏ ｔｒａｎｓｍｉｓｓｉｏｎ ｐｒｏｃｅｓｓ，ａｎｄ ｔｈｅ ｐｌａｙｅｒ ｃｌｉｅｎｔ ｎｅｅｄｅｄ ｔｏ ｂｅ ｓｅｔｕｐ．Ｔｈｅ ｖｉｄｅｏ ｔａｇｓ ｏｆ ＨＴＭＬ５ ｃｏｕｌｄ ｓｕｐｐｏｒｔ ｔｈｅ ｕｓｉｎｇ ｏｆ ＷＥＢ ｂｒｏｗｓｅｒ ｗｉｔｈｏｕｔ ｔｈｅ Ｆｌａｓｈ ｐｌｕｇｉｎ，ａｎｄ ｅｎｒｉｃｈｅｄ ＷＥＢ ｂｒｏｗｓｅｒ ａｐｐｌｉｃａｔｉｏｎｓ．Ｉｎ ｔｈｉｓ ｐａｐｅｒ，ｗｅ ｃｏｎｓｔｒｕｃｔｅｄ ａ ＨＴＭＬ５ ｖｉｄｅｏ ｐｌａｙｅｒ ｂａｓｅｄ ｏｎ ＲＴＰ，ＲＴＳＰ ｔｒａｎｓｐｏｒｔ ｐｒｏｔｏｃｏｌ，ｗｈｉｃｈ ｈａｄ ｆｕｎｃｔｉｏｎｓ ｓｕｃｈ ａｓ ｖｉｄｅｏ ｔｒａｎｓｍｉｓｓｉｏｎ、ｃｏｎｔｒｏｌ、ｏｆｌｆｉｎｅ ｓｔｏｒａｇｅ ａｎｄ ｐｌａｙｂａｃｋ． Ｋｅｙ ｗｏｒｄｓ：ＨＴＭＬ５；ｖｉｄｅｏ ｌａｂｅｌ；ＲＴＳＰ；ＲＴＰ；ｖｉｄｅｏ ｐｌａｙｅｒ
