1. 研究目的与意义（文献综述）

随着21世纪互联网的飞速发展和人民生活水平的提高以及对物质文化方面的需求，人们开始喜欢上在网络上观看视频这种娱乐方式，同样市场上对网页上的各种高校便捷的视频播放器有了强烈的开发需求。目前主流的视频传输技术是流媒体技术，对flash或者silverlight插件依赖性较强。而不少用户在使用flash player和silverlight播放视频文件时需要用户在浏览器上安装插件，而不是浏览器直接提供支持，这就在一定程度上让用户付出了使用成本，甚至有时候插件安装失败或者插件的更新都为用户带来一定的麻烦，大大降低了用户体验。同时关于flash的可靠性和安全性也同样被大家所诟病，由于性能和可靠性问题而造成mac死机的状况屡见不鲜。在市场上，由于adobe公司对flash有100%的技术专利，只有adobe有权利对flash进行改进，众多互联网巨头绝不允许自家利益被掌握在另一家公司手上。在这众多因素中html5应运而生。html5标准下的lt;videogt;标签以及为video对象提供的方法和事件，都提供了一个嵌入视频而不需要有任何插件的方法。html5是w3c组织制定的web新标准，让跨浏览器跨平台的兼容性问题得到了解决，并且支持网页端的audio、video等多媒体功能，更加清晰规范的语义让开发效率和产品质量都大大提高。目前的绝大部分浏览器均都支持html5标准，利用html5可以让用户享受到更好的视频播放体验。

从html5的提出发布到现今的这么多年，html5已经逐渐完善，并且在不同平台被范围推广和应用。在pc端上，html5已经被广泛应用在网页编码、视频播放等方面；在国内，新浪微博、淘宝网、优酷、腾讯、等诸多产品均已使用到html5技术；在国外，youtube、gmail、twitter、facebook等均都在尝试推广或已使用html5技术播放视频。移动端应该是html5最热门使用的平台，由于ios并不直接支持flash使得html5在ios应用开发中更受青睐；由于移动设备使用规模较大，为满足需求，作为移动端的安卓和ios上的html5发展或将比pc平台发展更快。

在这个信息化的网络时代，人们闲暇之时的兴趣爱好更侧重于网络方面，比如看视频听音乐。视频和音乐已经成为人们生活中的一部分，更重要的是成为了当下人们寄托和释放情感的关键之处。中国现在有近6亿的网络视频用户，这意味着视频播放网站在网络市场上有着庞大的用户群体。然而国内的诸如爱奇艺、优酷等视频播放网站在性能上、体验上有诸多不足之处。类比国外同类网站，比如youtube，在视频播放和ui设计上做得十分细致，被全球网民所喜爱。国内视频网站要想有进一步的发展，在播放技术上下功夫是很值得的。

2. 研究的基本内容与方案

基本内容和目标：运用HTML5技术设计一个视频播放器，视频播放器应可以很好的兼容浏览器，具有较为美观的UI界面，并具备离线存储、播放/暂停、拖动进度条、调节声音、步进/后退、调节播放速度和弹幕等功能。

拟采用的技术方案和措施：视频播放器主要通过lt;videogt;标签实现，并通过HTML5其他丰富的元素添加功能及界面设计。视频传输架构采用B/S模式，web浏览器向web服务器发出请求，web服务器做出相应相应传输视频流给浏览器，浏览器通过HTML5lt;videogt;标签解码播放视频。

3. 研究计划与安排

第1-4周：查阅课题相关中、英文文献资料，确定设计方案，完成开题报告及文献翻译任务；

第5-6周：完成论文开题工作；

第7-10周：完成基于html5的视频播放器设计与调试，并撰写部分论文初稿；

4. 参考文献（12篇以上）

[1]陈乐天. 基于html5视频控制技术的在线学习平台视频模块设计与实现[d].天津师范大学,2017.

[2]tzoce,millard j. for video streaming/delivery: is html5 the real fix [j]. code4libjournal, 2013, 265(22):285-286.

[3]王莹. html5下的流媒体内容保护系统的设计与实现[d].北京交通大学,2017.