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

基于 HTML5 的跨平台体育视频网站开发.doc基于 HTML5 的跨平台体育视频网站开发
第一章绪论
研究背景
随着互联网和网页技术的发展,网页中的内容变得更加丰富,以视频观看为核心的视频网站逐渐走进人们的生活。随着视频网站的快速发展,网络视频已经成为了互联网应用的一大热门,很多互联网公司开始涉足网络视频相关行业。同时,由于人们对体育运动的热爱,在电视或者互联网上观看体育赛事已经成为了大家的娱乐方式。为了赢得更多观众,一些大型的体育比赛联盟开始推出自己的体育视频网站,这些体育视频网站为体育爱好者提供联盟中相关的比赛视频和服务。在体育视频网站发展初期,页面基本上是采用 ,甚至更旧的 HTML版本去开发。用这些技术开发的功能略显单薄,多数浏览器需要安装繁琐的插件来扩展功能,但是这样给浏览器增加了不少的负担。同时,网站中的视频播放器大多数是 Flash 播放器。用 Flash 播放器观看视频前需要事先安装 Flash 的插件,而且 Flash 插件更新很频繁,问题很多。给用户带来了诸多不便,用户在移动端观看视频的时候体验度很差。早在 2007 年,L 标准。2014 年 10 月,L5 标准。HTML5 旨在取代 标准。HTML5 强大的 API 不再需要浏览器安装繁琐的插件。同时利用 HTML5 提供的视频<video>标签,可以自动在浏览器中生成视频播放器,在移动端用户不再需要频繁安装和更新 Flash 插件。另一方面,随着移动设备的普及,用移动设备去访问原本是在 PC 端的视频网页时,整个网页内容会缩在一个很小的屏幕中,不方便查看和操作。利用响应式设计去自适应调整网页在移动端的布局是成为提升用户体验度进而增加移动用户的必然选择。
......
国内外发展状况
2008 年 1 月,L5 的第一份草案。2012 年 12 月,L5 规范已经定稿。2014 年 10 月,L5 的标准。在标准发布之前,国外的主流浏览器已经支持 HTML5,如:Firefox、Chrome、Opera、Safari 4+、InterExplorer 9+ 。苹果公司在 2010 年宣布将全部采用 HTML5 来代替 Flash。Google 公司对 HTML5 的支持力度也相当大,通过对 Chrome 浏览器多次更新,对 HTML5 支持程度已经超越了 Safari 浏览器。2015 年 1 月,Google宣布将公司旗下网站 YouTube 的默认格式全部改成 HTML5 格式。2 月份,Google又宣布将公司广告全部改为 HTML5 格式。HTML5 刚刚传入国内的时候,还没有被国内的开发人员普遍地接受,但是后来有许多网站和应用准备全方位支持 HTML5,比如腾讯浏览器、腾讯 e>、<mark>、<aside>、<hgroup>等标签,各个标签的功能如表2-1 所示:
......
CSS3 相关技术介绍
CSS 即层叠样式表。CSS 能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS3是 CSS 最新推出的版本,是对之前 CSS 版本的扩充。由于 CSS3