HTML5-地理信息和播放器
来源:互联网 发布:网络强国战略是什么 编辑:程序博客网 时间:2024/05/21 13:56
地理信息 :
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 : 视屏的实际尺寸(就是原始尺寸)(只读)
- HTML5-地理信息和播放器
- HTML5之地理信息
- html5地理信息demo
- HTML5音频播放器和库
- flowplayer(html5和flash)播放器
- HTML5和jQuery轻量级音频播放器
- html5视频播放器和服务端
- 用HTML5实现音乐播放器和视频播放器
- HTML5播放器代码
- html5 自定义播放器
- html5视频播放器
- HTML5音频播放器
- HTML5音乐播放器
- html5视频播放器
- 自定义HTML5播放器
- HTML5 播放器
- HTML5-视频播放器
- HTML5 播放器
- mvn
- Junit学习 错误总结 和原因
- 锁相环原理和应用
- 致青春
- HTML5参考资料
- HTML5-地理信息和播放器
- Cocos2d-x中的AnchorPoint
- 算法导论-第22章-基本的图算法-22.3 深度优先搜索(DFS)
- 神经网络1.3-感知器收敛定理
- C语言宏定义##连接符和#符的使用
- BASE64加密解密和jar问题
- 用js处理ajax返回的数据
- 关于LINUX权限-bash: ./startup.sh: Permission denied
- Linux 组的操作