為什么說(shuō)Web不是未來(lái),是現(xiàn)在?

2 評(píng)論 9776 瀏覽 24 收藏 9 分鐘

這兩天,大家都在關(guān)注微信小程序是不是死了?微信公眾號(hào)的付費(fèi)閱讀會(huì)怎么推?而忽略互聯(lián)網(wǎng)背后一個(gè)更重要的訊息,以及隱隱浮現(xiàn)的巨大變革。

一、為什么這是瀏覽器的未來(lái)?

17年1月,Opera(歐朋)推出概念版瀏覽器Neon,號(hào)稱網(wǎng)絡(luò)瀏覽的未來(lái)。在微軟IE、谷歌Chrome瀏覽器二分天下的時(shí)候,Opera出此狂言自有原因。且看Neon兩個(gè)基本特征——

1、類操作系統(tǒng)的界面

圖-Neon首頁(yè)打開(kāi)任務(wù)管理器的演示

見(jiàn)上圖,你會(huì)發(fā)現(xiàn)它的界面很像一個(gè)操作系統(tǒng),體現(xiàn)有三:

  1. 瀏覽器默認(rèn)提取你的電腦桌面為背景。當(dāng)它的窗口全屏?xí)r,很容易讓人形成你的瀏覽器就是操作系統(tǒng)的錯(cuò)覺(jué)。
  2. 網(wǎng)頁(yè)變成類似桌面圖標(biāo)的氣泡。主屏幕氣泡是固定的網(wǎng)頁(yè),可以理解成我們放在桌面的常用程序;右側(cè)欄氣泡是非固定的網(wǎng)頁(yè),相當(dāng)于我們開(kāi)機(jī)根據(jù)不同需求打開(kāi)的各種程序。
  3. 基于瀏覽器的任務(wù)管理器。這個(gè)功能Chrome有好幾年了(雖然很多人并不知道),有點(diǎn)像我們平時(shí)一死機(jī)就會(huì)打開(kāi)的桌面任務(wù)管理器,但控制的是網(wǎng)頁(yè)。

把瀏覽器當(dāng)作一名操作系統(tǒng)級(jí)別的管理者,背后的意義是深遠(yuǎn)的。它意味著網(wǎng)頁(yè)變成一個(gè)個(gè)獨(dú)立占用系統(tǒng)資源的“軟件”,獨(dú)當(dāng)一面,而不是軟件的附屬品。

2、類程序的網(wǎng)頁(yè)


-Neon在Windows系統(tǒng)下多媒體流監(jiān)控、網(wǎng)頁(yè)雙開(kāi)、視頻“畫中畫”的演示(注:紅、藍(lán)、綠相間的背景是我的電腦墻紙)。

為了一次性體現(xiàn)網(wǎng)頁(yè)類程序的特征,我硬是把這個(gè)走極簡(jiǎn)風(fēng)的瀏覽器堆積成上面這樣,你會(huì)發(fā)現(xiàn)以下兩個(gè)特征:

  1. 獨(dú)立于網(wǎng)頁(yè)的多媒體控制。所有音頻流、視頻流都會(huì)實(shí)時(shí)出現(xiàn)在左側(cè)的播放器,可以一鍵控制;視頻還可以像在獨(dú)立的播放器軟件里一樣,變成和瀏覽器分離的“畫中畫”。
  2. 窗口內(nèi)支持網(wǎng)頁(yè)同時(shí)雙開(kāi)。網(wǎng)頁(yè)可以同時(shí)在一個(gè)窗口顯示(目前最多只支持兩個(gè))。

從Neon界面和上的改變,不由懷疑Opera想借Web開(kāi)發(fā)新一代操作系統(tǒng)的野心。但我們需要注意的是,既然Opera已經(jīng)把“形”做出來(lái)了,為什么還叫它概念?

二、為什么大家都打概念牌?

大多數(shù)概念產(chǎn)品是概念遠(yuǎn)遠(yuǎn)先行于產(chǎn)品,比如前陣子被很多媒體披露造假的虛擬設(shè)備Magic Leap——拜托,人家那個(gè)視頻本來(lái)就是概念模擬,只是產(chǎn)品沒(méi)研發(fā)出來(lái)!

但在HTML5的發(fā)展下,瀏覽器已經(jīng)很強(qiáng)大了——之所以還是概念,缺的是優(yōu)質(zhì)內(nèi)容。

1、瀏覽器比你想的強(qiáng)大

下面這張圖是你在瀏覽器可以實(shí)現(xiàn)的交互效果,半個(gè)插件都不用裝,就能體驗(yàn)身臨其境的電影實(shí)時(shí)選座。

圖-3D選座的演示(出自:https://tympanus.net/Development/SeatPreview)

而從根本上講,瀏覽器引發(fā)的變革源于HTML5的興起。歷經(jīng)8年之久,在世界各地開(kāi)發(fā)者的共同努力下,HTML5于14年10月正式定稿。

網(wǎng)上有很多關(guān)于HTML5和HTML4、XHTML等其他網(wǎng)頁(yè)標(biāo)準(zhǔn)的對(duì)比,解讀出各種各樣的新特性,其實(shí)你可以這樣簡(jiǎn)單地理解:

HTML5就是把很多傳統(tǒng)軟件/插件的功能(播放器、表單驗(yàn)證、VR、AR等等),全以互聯(lián)網(wǎng)標(biāo)準(zhǔn)的形式進(jìn)行確定,最后把功能上的支持全交由瀏覽器實(shí)現(xiàn)。

隨著VR、AR等新的瀏覽體驗(yàn)出現(xiàn),就可以都利用瀏覽器進(jìn)行支持——當(dāng)然,背后還需要各種相關(guān)標(biāo)準(zhǔn)、API的支持,只是把HTML5網(wǎng)頁(yè)作為一個(gè)入口。

但是,現(xiàn)在的我們除了等待音視頻字幕、直播、WebVR等各種新功能,可以盡快獲得瀏覽器支持,還需要考慮一個(gè)問(wèn)題:HTML5會(huì)成為誰(shuí)最大的機(jī)會(huì)?

2、萬(wàn)事俱備,只缺東風(fēng)

這些燦爛的想法仍止于概念的原因,最關(guān)鍵的一個(gè)原因是:缺內(nèi)容。

比如這幾天(2月10日),谷歌宣布新版Chrome支持WebVR,我趕緊用我的Android 7.1戰(zhàn)斗機(jī)去測(cè)試,發(fā)現(xiàn)的確可以在瀏覽器中一覽VR影像和音頻的乾坤——

圖-VR Audio,需瀏覽器支持WebVR,出自:
https://webvr.info/samples/06-vr-audio.html

當(dāng)然,我用“開(kāi)眼”、“Youtube”等APP體驗(yàn)過(guò)720°瀏覽的VR視頻,也用“Augment”這樣的APP玩過(guò)各種產(chǎn)品疊加在現(xiàn)實(shí)物體上的AR演示,但當(dāng)這種體驗(yàn)直接被瀏覽器支持時(shí),還是很帶感的——尤其是音源的VR也實(shí)現(xiàn)了。

在昂貴的VR設(shè)備普及之前,我們最常用的手機(jī)就是最實(shí)用的VR設(shè)備,而我們連一個(gè)獨(dú)立的APP都不需要,就可以在瀏覽器中暢游一切。

然而,現(xiàn)在Web端的VR、AR技術(shù)等仍掌握在高級(jí)開(kāi)發(fā)者手中,如果要讓他們完全普及,讓瀏覽器&HTML5網(wǎng)頁(yè)創(chuàng)造 的Web真正成為新一代操作系統(tǒng),還需要把內(nèi)容生產(chǎn)的門檻降低。

但很多人可能沒(méi)發(fā)現(xiàn),這一塊從國(guó)內(nèi)開(kāi)始蔓延的幾率更高。

圖-HTML5可視化編程的演示,出自:
http://www.ih5.cn

首先,微信通過(guò)一夜爆紅的小程序,順帶向大家普及了PWA(Progressive Web APP)的概念——接近原生體驗(yàn)、依賴于特定瀏覽器的Web APP;

其次,國(guó)內(nèi)已經(jīng)出現(xiàn)iH5這樣的新型產(chǎn)品,正逐步將HTML5的編程過(guò)程完全可視化——目前iH5已實(shí)現(xiàn)多媒體交互、3D變換、響應(yīng)式設(shè)計(jì)、幀動(dòng)畫、數(shù)據(jù)處理等功能;

再者,谷歌在16年開(kāi)發(fā)者大會(huì)上說(shuō)明,除了PWA之外,還會(huì)推進(jìn)AMP(Accelerated Mobile Pages)等加強(qiáng)網(wǎng)頁(yè)瀏覽與加載體驗(yàn)的技術(shù)。

試想,微信公眾號(hào)、今日頭條在互聯(lián)網(wǎng)媒體行業(yè)的逆襲,很大程度源于他們大大降低了專業(yè)內(nèi)容生產(chǎn)者的門檻。

總而言之,一旦國(guó)內(nèi)的制作平臺(tái)抓住內(nèi)容生產(chǎn)的機(jī)會(huì),轉(zhuǎn)戰(zhàn)瀏覽器業(yè)務(wù),才是真正的紅利所在。

參考資料

【1】概念瀏覽器Opera Neon 誕生!?by Peko Wan

【2】The Web Is Not Tomorrow But Today?by Niels Klom

【3】主流瀏覽器內(nèi)核介紹?by Leo_wlCn

【4】WebVR Sample Pages

 

本文由 @種子?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看不了圖片

    來(lái)自廣東 回復(fù)
  2. 看不見(jiàn)內(nèi)容!

    回復(fù)