基于HTML5的跨平台体育视频网站开发-软件工程专业论文.docxVIP

5.4 赛事模块54 5.5 本章小结57 第六章 系统测试58 6.1 测试流程以及测试内容58 6.2 测试结果以及解决办法58 6.3 本章小结59 第七章 总结与展望60 7.1 总结60 7.2 展望60 参考文献62 致谢64 V 第一章 绪论 1.1 研究背景 随着互联网和网页技术的发展，网页中的内容变得更加丰富，以视频观看为 核心的视频网站逐渐走进人们的生活。随着视频网站的快速发展，网络视频已经 成为了互联网应用的一大热门，很多互联网公司开始涉足网络视频相关行业。同 时，由于人们对体育运动的热爱，在电视或者互联网上观看体育赛事已经成为了 大家的娱乐方式。为了赢得更多观众，一些大型的体育比赛联盟开始推出自己的 体育视频网站，这些体育视频网站为体育爱好者提供联盟中相关的比赛视频和服 务。 在体育视频网站发展初期，页面基本上是采用 HTML4.0，甚至更旧的 HTML 版本去开发。用这些技术开发的功能略显单薄，多数浏览器需要安装繁琐的插件 来扩展功能，但是这样给浏览器增加了不少的负担。同时，网站中的视频播放器 大多数是 Flash 播放器。用 Flash 播放器观看视频前需要事先安装 Flash 的插件， 而且 Flash 插件更新很频繁，问题很多。给用户带来了诸多不便，用户在移动端 观看视频的时候体验度很差。早在 2007 年，W3C 组织针对这些问题，准备发布 新一代的 HTML 标准。2014 年 10 月，W3C 发布了 HTML5 标准。HTML5 旨 在取代 HTML4.0 标准。HTML5 强大的 API 不再需要浏览器安装繁琐的插件。 同时利用 HTML5 提供的视频video标签，可以自动在浏览器中生成视频播放 器，在移动端用户不再需要频繁安装和更新 Flash 插件。 另一方面，随着移动设备的普及，用移动设备去访问原本是在 PC 端的视频 网页时，整个网页内容会缩在一个很小的屏幕中，不方便查看和操作。利用响应 式设计去自适应调整网页在移动端的布局是成为提升用户体验度进而增加移动 用户的必然选择。 1.2 国内外发展状况 HTML5 国外发展状况 2008 年 1 月，W3C 公布了 HTML5 的第一份草案。2012 年 12 月，W3C 宣 布 HTML5 规范已经定稿。2014 年 10 月，W3C 发布了 HTML5 的标准。在标准 发布之前，国外的主流浏览器已经支持 HTML5，如：Firefox、Chrome、Opera、 Safari 4+、InternetExplorer 9+ 。苹果公司在 2010 年宣布将全部采用 HTML5 来 代替 Flash。Google 公司对 HTML5 的支持力度也相当大，通过对 Chrome 浏览 器多次更新，对 HTML5 支持程度已经超越了 Safari 浏览器。2015 年 1 月，Google 宣布将公司旗下网站 YouTube 的默认格式全部改成 HTML5 格式。2 月份，Google 又宣布将公司广告全部改为 HTML5 格式。 HTML5 国内发展状况 HTML5 刚刚传入国内的时候，还没有被国内的开发人员普遍地接受，但是 后来有许多网站和应用准备全方位支持 HTML5，比如腾讯手机 QQ 浏览器、腾 讯 webQQ、腾讯 QQ live、手机新浪、优酷视频等。2012 年 3 月，360 成为国内 首个 W3C 组织 HTML5 小组成员，参与制定 HTML5 新 Web 标准。2012 年 10 月，360 公司推出新一代支持 HTML5 的浏览器。2013 年 3 月，国内各大互联网 公司在北京举行了首次 HTML5+筹备会，讨论 HTML5 在国内的发展问题。2014 年国内出现了大量基于 HTML5 游戏，开始慢慢取代传统的游戏应用模式。这些 意味着 HTML5 在国内已经开始发展起来。 1.2.3 响应式发展状况 2010 年 5 月 Ethan Marcotte 第一次提出了响应式开发的概念，经过国外设计 师不断地创新和发展，响应式设计技术逐渐走向完善和成熟。2012 年到 2013 年， 国外的一些大公司们成为了响应式开发的先驱者，例如：Google， YouTube， Apple 等公司都开始改造自己的官网，尝试利用响应式技术对网站进行重构。国 外的许多大小网站已经陆续改造成响应式。但是这些网站只做到了视觉上的响应 式，还没有同步做到交互响应式和图片显示的响应式。 在国内，响应式的普及仍然处于起步阶段，可以说还没有一个真正意义上的 响应式网站，有的一些网站最多只是部分专题改造成响应式，还没有全站完成响 应式改造。著名的网站比如：天猫，支付宝等都不支持响应式。新浪网也只有时 尚频道完成了响应式的改造。可以说，响应式