H5中其他新增的内容

H5中其他新增的内容

增加了新的音视频解决方案

音频:audio

视频:video

  1. 传统的是音视频播放时基于flash来完成的,需要浏览器中安装adobe flash player插件
  2. 现在只需要基于audio或者video播放即可,但是对于音视频的格式有限制,对于浏览器也有限制
  3. 移动端对于flash的支持不好,但是基本上都支持audio和video
  4. PC端的IE浏览器(低版本)不支持audio和video,但是支持flash

H5中增加了canvas(绘图)
它是一个画布,允许我们在JS中通过代码绘制图形以及实现一些好玩的动画

百度统计图插件:Echarts就是基于canvas开发的


提供了很多强大的JS API

API: application programming interface(应用编程接口,凡是供别人调取使用的都可以称之为API;例如:从服务器端获取数据,需要一个URL地址,此地址就是一个api,浏览器提供给我们很多常用的方法,每一个方法都可以叫做API)

本地存储

webStorage
localStorage 本地信息存储
sessionStorage 本地会话存储

在没有H5本地存储之前,我们都使用cookie做的本地存储

获取本机地理位置

通过H5可以获取当前用户地理位置,(精度、纬度、精准度…),再结合第三方地图(高德地图、百度地图、腾讯地图…)API接口,实现一些生活服务的推荐等

提供了新的通讯方式-websocket

想要实现实时通讯类产品,基本上现在都是基于socket.io这个框架来完成

提供操作手机硬件功能的API

调取手机的重力感应器,实现摇一摇,获取实现一些小游戏
调取手机的摄像头获取通讯录

不是所有的手机浏览器都支持这些功能,即使支持这些功能的浏览器,在实现效果上也是不理想的(不稳定、卡顿等)

H5离线缓存:manifest

第一次联网请求玩页面,把信息缓存到本地,下一次即使断网情况下,也可以看到上一次的信息