IT兄弟連 HTML5教程 了解HTML5的主流應用3

• 2019 年 10 月 5 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/ITXDL123/article/details/98843038

5 基於HTML5的移動APP開發

不同的作業系統中，需要安裝用不同技術開發的APP，移動端的作業系統有很多種，但最主要有兩大分支，一種在蘋果iOS作業系統中使用Objective-C語言開發APP，另一種則是在GoogleAndroid作業系統中使用Java開發包。所以同一款APP，我們就要組織多組開發團隊，分別針對不同的作業系統進行開發，並且技術難度要求高，開發周期長，所以開發成本當然也很高。就目前來說，在HTML5規範中，已經加入了相機、磁力羅盤、GPS資訊的支援，依託於網路並基於資訊流方式及類似方式的應用最適合使用HTML5進行開發，像微博、社交、新聞、商城以及地圖、導航等應用類型。如果能用一個統一的HTML5來替代Android和iOS並行開發的雙重成本，不正是企業目前急需的技術嗎？如圖1.6所示：

基於HTML5開發的APP可以使頁面變得更小，減少了用戶不必要的支出；而且性能更好使耗電量更低，方便升級，打開即可使用最新版本，免去重新下載升級包的麻煩，使用過程中就直接更新了離線快取。用戶想要什麼，HTML5就能提供給用戶什麼。

6 HTML5遊戲

HTML5提供了一個非常偉大的，移動友好的方式去開發有趣互動的遊戲。如果你開發Flash遊戲，你就會喜歡上HTML5的遊戲開發，HTML5遊戲通常稱作輕遊戲，有如下幾個明顯的特點：

圖6 可以用HTML5開發的APP展示

Ø　HTML5小遊戲玩的時間短又不失樂趣，像神經貓、瘋狂手指、數鈔票、見縫插針等都屬於這類，遊戲可以在1分鐘之內玩完。

Ø　HTML5遊戲又非常簡單，像快餐類遊戲，因為現在輕遊戲中傳播量最大的都是不需什麼智商的遊戲。

Ø　HTML5還適合開發競技類遊戲，這部分體現在分數，也有像超過宇宙百分之多少人之類的。還有本地存儲分數等，稍複雜一點還可以加入排行榜。

Ø　HTML5遊戲還可以抓熱點、拼創意，像瘋狂手指創意來自於一個工程師，另一工程師開發一個小時上線，第二天就快千萬流量，創意爆款可遇不可求。

HTML遊戲如圖7所示，HTML5遊戲歸屬於WEB遊戲，傳播的途徑也非常廣泛，可以在微信中轉發，打開即玩。讓用戶可任何時間，任何地點不用下載玩輕遊戲。還可以用推送消息的方式做新遊戲的推廣，微信朋友圈的遊戲可以作為一種很好的運營工具來使用。但從技術上看，隨手機網路更好，HTML5開發的輕遊戲的優勢相比App顯然是更利於用戶，開發成本也相對低，相信它一定能給遊戲行業帶來很大的變化。

圖7 基於HTML5開發的遊戲

7 多媒體的應用

在頁面中播放媒體一直都是一個非常可怕的事情，你需要使用<embed>和<object>標籤，並且為了它們能正確播放必須賦予一大堆的參數。你的媒體標籤將會非常複雜，很多令人迷惑的程式碼。應用HTML5可以讓你忘了Flash和其它第三方應用吧，讓你的影片和音頻通過HTML5新增的媒體標籤來訪問資源，就像在頁面中放上一張圖片那樣容易。如圖8所示:

圖8 應用HTML5新標籤添加影片播放器