基于HTML5的跨平台体育视频网站开发

发布时间：2017-05-04 13:10

  本文关键词：基于HTML5的跨平台体育视频网站开发，由笔耕文化传播整理发布。

【摘要】：在以前，人们想要观看体育赛事，只能通过电视直播。现在随着互联网的发展和人们对体育比赛愈加关注，全球各大体育赛事的联盟推出了自己的体育网站,人们可以通过这些视频网站去观看体育比赛直播或者体育视频。起初，这些视频网站一般采用Flash播放器来播放视频，但是在移动设备上Flash视频播放器会出现难以安装和更新的问题。为了能够适应移动设备，网站开发人员不得不选择其他可以代替Flash的视频播放器。HTML5的出现很好的解决了这一难题。本文在PC端会采用传统的视频模式，利用Flex组件集成工具集实现视频播放器，在移动端将会采用HTML5实现视频播放器。 移动设备的普及也促进了响应式设计的发展，响应式设计方法可以让一套网页设计支持各种主流的设备，，让网站的内容在各种浏览设备上，以适合自身的布局、结构、元素规格样式显示，使得各种设备的用户都有良好的用户体验。 本文将针对美国常春藤高校联盟，开发联盟体育赛事的官方视频网站。考虑到用户会通过不同的终端设备访问网站，为了能让不同设备的用户都有很好的体验，同时减少开发成本，网站将会采用响应式的设计方法，适应众多终端设备。 论文首先针对课题的研究背景和国内外发展情况做了一些调查与分析。在此基础上，对课题中的所用到的相关技术进行了介绍，然后对项目网站进行全面的需求分析。接着对项目网站进行概要设计，详细设计，系统实现与测试。开发的系统达到了实际可用的效果。
【关键词】：HTML5 视频网站 响应式设计 跨平台
【学位授予单位】：东华大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP393.092
【目录】：

• 摘要2-3
• ABSTRACT3-6
• 第一章 绪论6-9
• 1.1 研究背景6
• 1.2 国内外发展状况6-7
• 1.3 研究内容以及目标7-8
• 1.4 论文的组织结构8-9
• 第二章 相关技术介绍9-22
• 2.1 HTML5 技术9-14
• 2.2 CSS3 相关技术介绍14-16
• 2.3 jQuery 技术16-18
• 2.4 Flex 相关介绍18-21
• 2.5 本章小结21-22
• 第三章 系统分析22-26
• 3.1 项目概况22
• 3.2 系统总体目标22-23
• 3.3 系统可行性分析23
• 3.4 系统需求分析23-25
• 3.5 本章小结25-26
• 第四章 系统设计26-42
• 4.1 系统概要设计26-31
• 4.2 系统功能模块详细设计31-40
• 4.3 系统数据库设计40-41
• 4.4 本章小结41-42
• 第五章 系统实现42-63
• 5.1 开发平台42-43
• 5.2 主页模块43-49
• 5.3 视频模块49-59
• 5.4 赛事模块59-62
• 5.5 本章小结62-63
• 第六章 系统测试63-65
• 6.1 测试流程以及测试内容63
• 6.2 测试结果以及解决办法63-64
• 6.3 本章小结64-65
• 第七章 总结与展望65-67
• 7.1 总结65
• 7.2 展望65-67
• 参考文献67-69
• 致谢69

【参考文献】

中国期刊全文数据库 前8条

1 魏冬梅;;Web前端开发课程教学探讨与实践[J];福建电脑;2013年06期

2 朱

本文编号：345134