哪些HTML5特性值得期待

简介:

1.浏览器对HTML5的支持力度

  随着明年windows XP支持到期,而且国内很多小白用户都在使用360安全浏览器和搜狗浏览器,所以HTML5的推进速度还是非常快的。这点对web开发者来说是一件很开心 的事情,未来浏览器之间的兼容性问题会越来越少,开发者可以把更多的精力集中在应用的交互设计和业务逻辑上。

2.哪些特性具有潜力

  1).WebGL一定会越来越火。并且随着Three.js这种前端3D类库的出现。很多复杂的3D游戏和动画都可以使用Three.js来渲染。之前同事就用Three.js完成一个魔方游戏的制作。效果非常炫,用户体验也非常的流畅。

  2).设备device元素。越 来越多的游戏或者增强设备需要联网,和主机交互。比如Google Class, Microsoft Kinect等设备。摄像头、语音输入和人脸识别越来越多的应用到web或手机app开发中。同事做windows 8 metro游戏时,就使用到surface的摄像头,麦克风等设备。

3.音频数据的API

  未来可以使用HTML5的音频数据API创建音乐,修改音乐。就像现在可以使用canvas元素来crud图片一样。

3.1统一标准的视频格式和音频格式

  现在要让web页面支持html5 video player,必须针对不同的浏览器链接不同格式的视频文件。一方面增加了开发者开发成本,另外一方面对运营团队也是负担。因为一段视频,必须生成多份不同格式的视频文件。比如.mp4,.ogg等。

4.HTML5 video标签支持流媒体数据

  这样加载稍微大的视频文件时,不 需要后台服务端修改代码,将大的视频分割成很多个小的视频,然后在HTML5播放器中播放。如果html5 video标签支持流媒体视频,在后台和前端都可以减少很多代码。这样更快让用户和开发者从Flash Video Player向HTML5 Video Player的迁移。

5.触屏设备事件

  移动设备越来越多的接入互联网。所以各大浏览器厂商会加大对“方向事件”、“手势事件”和“触摸事件”的支持。

6.P2P网络的支持

  虽然在大学里面了解过这个概念,但是只是停留在这个概念的表面。P2P网络技术的最大的好处:1.节约网络带宽;2.播放视频或发送接收文件更快。因为P2P技术允许客户端之间直接通信。适用场景:多用于多人游戏、视频聊天、文件共享和文档协作功能。

综上各个方面,我个人比较看好 Google Chrome OS笔记本,另外一个就是手机操作系统新秀--Firefox OS。因为它们两者的应用都是完全基于HTML5的新特性和API上,所以不存在兼容性,并且方便升级和扩展。而且前公司的PM和我交谈时,也说过从事 web/mobile app开发的开发者,一定要关注Firefox OS。昨天中兴生产的Firefox OS手机开始在欧洲销售,价格也不是很贵。估计会在新兴市场有很大的发展潜力,并且Mozilla也打算开发基于Firefox OS的平板电脑。

从目前来看,一款系统能横跨pc、平板和手机的只有以下几家公司:

1.Ubuntu(pc,tablet,smartphone) 其实ubuntu还说可以运行在智能电视上。要看推广的力度,当然目前和中国合作的Ubuntukylin,成功与否目前还很难判断。

2.Apple(tablet,smartphone)PC上的Mac OS还是和ios有些不一样,当然大部分还是一样的代码。当然也开始进军电视和智能手表

3.Firefox OS(tablet,smartphone)pc上目前还没有发声。

4.Microsoft (pc,table,smartphone) Windows8出来之后,加上微软力推的windows 8 metro app。其实看出微软对跨平台的野心。不过做出来的东西是吃力不讨好,用户不买账。

目录
相关文章
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
22天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
|
存储 移动开发 编解码
html5的新特性详解
HTML5是构建和呈现互联网内容的语言描述方式,HTML5在HTML4的基础上增加了许多新特性,使其更具语义化、更加标准化,同时也提高了用户体验和开发效率。以下是HTML5的部
|
3月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
33 0
|
3月前
|
移动开发 JavaScript 前端开发
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
43 0
|
3月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
31 0
|
3月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
33 0
|
3月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
29 0
|
5月前
|
存储 移动开发 前端开发
HTML5几大新特性
HTML5几大新特性
|
8月前
|
存储 移动开发 人工智能
你真的熟练运用 HTML5 了吗,这10 个酷炫的 H5 特性你会几个?
你真的熟练运用 HTML5 了吗,这10 个酷炫的 H5 特性你会几个?
50 0