3。1 可行性分析 10

3。1。1经济可行性 10

3。1。2技术可行性 10

3。1。3操作可行性 10

3。2 需求分析 11

3。2。1 功能分析 11

3。2。2 性能分析 12

3。3 媒体文件数据模型与E-R图 12

3。4 播放器总体设计 13

3。4。1 系统设计 13

3。4。2 结构设计 14

3。5 数据库设计 17

3。5。1 电影文件表的设计 17

3。5。2 电视剧文件表的设计 17

3。5。3 动漫文件表的设计 18

3。5。4 音乐文件表的设计 18

3。5。5 综艺文件表的设计 18

第四章 播放器的详细设计与实现 20

4。1 Bootstrap框架的引用 20

4。2 播放界面的设计与实现 20

4。3 前台页面的设计与实现 22

4。3。1 图片轮播器的设计 23

4。3。2 导航栏的设计与实现 23

4。3。3 媒体文件布局 24

4。3。4 友情链接的设计 26

4。4 搜索引擎的设计 26

4。4。1 搜索界面 26

4。4。2 检索器 28

第五章 播放器的测试 31

5。1 测试平台与工具 31

5。2 测试方案设计 31

5。2。1 单元测试 31

5。2。2 功能测试 31

5。2。3 兼容性测试 31

5。3 测试结果 32

结 论 33

致 谢 35

参考文献 36

第一章 绪 论

自1999年发布HTML4。0到现在，这十余年间，互联网急速发展，各种应用更是多不胜数，但由于网络标准参差不齐，使得这方面的发展遇到瓶颈。解决网络标准问题迫在眉睫。于是，由WHATWG和万维网联盟（W3C）联合拟定的新标准——HTML5出世了，它引进了许多新的功能，并且能够真正改变用户与文档的交互方式，使得基于HTML5的多媒体播放器的设计与实现变得可能。

1。1研究背景及意义

HTML5是HTML的最新修订版本，用于取代1999年制定的HTML 4。01、XHTML 1。0标准。近年来，互联网应用层出不穷，然而，用于支持这些应用的浏览器种类繁多，规范不一，这就带来了兼容性问题。2014年下旬， W3C宣布，历经多年的努力，HTML5标准最终完成，并已公开发布，这将推动Web开发进入一个新的时代。HTML5指的是一套技术组合，它包括CSS、HTML以及JavaScript。它提供了一些标准集，能够有效的增强网络应用[1]。