HTML5-地理信息和播放器

地理信息 ：

Geolocation

LBS : 基于地图信息的应用

1.地理信息从何而来

IP地址  （PC）

GPS全球定位系统 （移动端）

Wi-Fi无线网络

基站

百度地图API

2.地理位置对象

1.Navigator.geolocation

a)单次定位请求：getCurrentPosition(请求成功，请求失败，数据收集方式)

b)请求成功函数

i. 经度：coords.longitude

ii. 纬度：coords.latitude

iii. 准确度：coords.accuracy

iv. 海拔：coords.altitude

v. ......

c)请求失败函数

i. 失败号：code

ii. 0 : 不包括其他错误编号中的错误

iii. 1 : 用户拒绝浏览器获取位置信息

iv. 2 : 尝试获取用户信息，但失败了

v. 3 : 设置了timeout值，获取位置超时了

d) 数据收集：json的形式

i. enableHighAcuracy : 更精确的查找，默认false

ii. Timeout : 获取位置允许最长时间，默认infinity

iii. maxximumAge : 位置可以缓存的最大时间，默认0

e) 多次定位请求：

i. watchPosition (类似setInterval)

1. 移动设备游泳，位置改变才会触发

2. 配置参数 ：frequency更新的频率

f) 关闭更新请求

i. clearWatch()；

注：现在比较流行的是百度地图API、Google地图API

HTML5播放器：

1.标签：

a) audio video

b) source 解决不同浏览器的不兼容问题

i. 多个source,先识别第一个，不成功再识别第二个，以此类推！

2.视屏容器

a) 容器文件，类似于压缩了一组文件

3.编解码器 ( 这就是页面加载视屏较快的原因（要是没有这个，一个大的图片都需要几秒钟，更不要说视屏了） )

a) 原始的视屏容器非常大，添加需编码，播放需解码

b) 音频编解码器

i. AAC、MPEG-3、Ogg Vorbis

c) 视屏编解码器

i. H.264、VP8、Ogg Theora

4.媒体元素：

a) controls : 显示或隐藏用户控制界面

b) autoplay : 媒体是否自动播放

c) loop : 媒体是否循环播放

d) currentTime : 开始到播放现在所用的时间( js方式：可读取也可设置)

e) duration : 媒体总时间（只读）

f) volume : 0.0-1.0的音量相对值

g) muted : 是否静音

h) autobuffer : 开始的时候是否缓冲加载，autoplay的时候，忽略此属性

......

play() : 媒体播放

pause() : 媒体暂停

load() : 重新加载媒体

视屏额外特性：

poster ：视屏播放前预览图片

width、height : 设置视屏的尺寸

videoWidth、videoHeight : 视屏的实际尺寸（就是原始尺寸）（只读）