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. AACMPEG-3Ogg Vorbis

c) 視屏編解碼器

i. H.264VP8Ogg 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 : 視屏的實際尺寸(就是原始尺寸)(只讀)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章