基于HTML5的全景技術(shù)在氣象宣傳工作中的應(yīng)用

王晨+田依潔

摘 要 近年來新媒體技術(shù)發(fā)展異常迅速，基于HTML5的全景技術(shù)普遍應(yīng)用于房地產(chǎn)、旅游、商品展示、城市街景地圖等眾多領(lǐng)域。文章通過介紹氣象部門在全景產(chǎn)品領(lǐng)域的嘗試，淺析基于HTML5的全景技術(shù)在氣象宣傳科普工作領(lǐng)域中的初試效果，為全景技術(shù)在氣象宣傳科普工作中的應(yīng)用及發(fā)展提出了自己的意見和想法，推動(dòng)氣象宣傳工作創(chuàng)新、多元發(fā)展。

關(guān)鍵詞 全景HTML5；氣象；宣傳

中圖分類號(hào) G2 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 2096-0360（2017）18-0012-02

隨著互聯(lián)網(wǎng)技術(shù)高速發(fā)展、移動(dòng)終端設(shè)備不斷豐富，人們對(duì)互聯(lián)網(wǎng)的實(shí)境體驗(yàn)、互動(dòng)交流提出了更高的要求，對(duì)于原本單調(diào)的圖文、照片等二維形式的展示、介紹已趨于乏味，不能滿足人們對(duì)于實(shí)境體驗(yàn)所帶來的豐富的視覺信息的龐大需要。通過全景技術(shù)通過制造三維場景，給人身臨其境的真實(shí)感覺，以至于可以帶領(lǐng)人們進(jìn)入虛擬的現(xiàn)實(shí)場景，能夠讓人們通過互聯(lián)網(wǎng)終端體驗(yàn)更具沖擊力的三維虛擬場景，更能吸引人們關(guān)注，從而形成網(wǎng)絡(luò)二次傳播，增強(qiáng)產(chǎn)品影響力。

1 全景技術(shù)的概念

全景（Panorama）技術(shù)是一種基于圖像繪制技術(shù)生成真實(shí)感圖形的虛擬現(xiàn)實(shí)技術(shù)，它的基本數(shù)據(jù)表示是由一組光學(xué)觀察組成的， 不需要明確的幾何表示就能提供令人信服的效果[1]。全景技術(shù)是目前全球范圍內(nèi)迅速發(fā)展并逐步流行的一種視覺新技術(shù)，它給人們帶來全新的真實(shí)現(xiàn)場感和交互的

感受[2]。

全景技術(shù)所制作的產(chǎn)品不同于虛擬現(xiàn)實(shí)（VR）產(chǎn)品，不是通過計(jì)算機(jī)軟件制作的模擬圖像，而是一種通過相機(jī)拍攝、電腦技術(shù)制作的真實(shí)場景。全景產(chǎn)品通過相機(jī)將周圍空間拍攝成真實(shí)場景照片，進(jìn)而使用專業(yè)軟件生成支持移動(dòng)終端瀏覽的全景

產(chǎn)品。

全景技術(shù)本質(zhì)上是基于圖像的虛擬現(xiàn)實(shí)技術(shù)，它具有三維效果，可以讓用戶在瀏覽全景產(chǎn)品時(shí)具有身臨其境的感覺，而傳統(tǒng)圖像都是二維圖像，不具有虛擬現(xiàn)實(shí)效果[3]。

2 全景技術(shù)的優(yōu)勢

2.1 用戶實(shí)境體驗(yàn)

全景技術(shù)的產(chǎn)品通過圖像采集、圖像拼接等簡單的后期制作，便可讓用戶實(shí)現(xiàn)720°的無縫隙視角（水平空間、垂直空間兩個(gè)維度上都實(shí)現(xiàn)360°），為用戶帶來三維立體的視覺感，宛如置身于真實(shí)情境里，去感受、體驗(yàn)全景產(chǎn)品。

在百度公司的手機(jī)應(yīng)用“百度地圖”中有各個(gè)城市、各個(gè)景點(diǎn)的3D虛擬旅游的“路線”。用戶可以在大多數(shù)城市中都能夠做到沿著條條馬路“行走”，并且能夠看到街邊的景色，就像是游客在街邊逛街一樣[4]。

2.2 多平臺(tái)無縫隙瀏覽

隨著HTML5的發(fā)展越來越邁向成熟，不只讓傳統(tǒng)網(wǎng)站上的互動(dòng)Flash逐漸被HTML5的技術(shù)取代，甚至還將替代虛擬現(xiàn)實(shí)全景和虛擬現(xiàn)實(shí)技術(shù)依賴的QuickTime，這讓全景技術(shù)獲得了爆發(fā)式的發(fā)展

機(jī)會(huì)。

HTML5技術(shù)的發(fā)展帶來了一個(gè)無縫隙網(wǎng)絡(luò)。使用HTML5技術(shù)所開發(fā)的全景產(chǎn)品可以讓用戶通過各種移動(dòng)終端，不需要下載任何第三方插件、軟件或App即可通過瀏覽器運(yùn)行瀏覽。

2.3 制作成本大大降低

基于HTML5技術(shù)的全景產(chǎn)品的制作流程可簡單分為圖像采集、后期制作。

圖像采集作為全景產(chǎn)品的第一步，也是較為重要的一步，最終展現(xiàn)的產(chǎn)品都是在此基礎(chǔ)上經(jīng)過圖像美化、功能添加等步驟實(shí)現(xiàn)的。圖像采集可使用專業(yè)全景相機(jī)（如理光theta s全景相機(jī)），通過專業(yè)全景相機(jī)內(nèi)置的魚眼鏡頭及處理器，即可實(shí)現(xiàn)一次拍攝生成一張全景照片，極大程度上提高了工作效率和使用的方便程度。以理光theta s全景相機(jī)為例，其照片分辨率達(dá)到5 376×2 688、視頻分辨率達(dá)到1 920×1 080，成像質(zhì)量能夠滿足一般用戶要求。

全景產(chǎn)品實(shí)現(xiàn)了通過虛擬實(shí)境帶領(lǐng)用戶對(duì)宣傳主題進(jìn)行漫游體驗(yàn)，這需要我們對(duì)一個(gè)場景進(jìn)行多個(gè)標(biāo)簽點(diǎn)的拍攝，并且在多個(gè)標(biāo)簽點(diǎn)之間設(shè)置功能按鈕進(jìn)行場景切換。這需要將已拍攝的全景照片進(jìn)行編輯制作，添加熱點(diǎn)、細(xì)節(jié)圖片、文字介紹、聲音、視頻等多媒體信息，豐富用戶體驗(yàn)。

本文選取用專業(yè)全景相機(jī)進(jìn)行圖像采集的方式，具有購買價(jià)格低、操作簡單、后期處理簡易等特點(diǎn)。本文選取的后期制作軟件為720云平臺(tái)，易學(xué)易用。所以，在制作基于HTML5技術(shù)的全景產(chǎn)品時(shí)制作成本大大降低。

3 全景技術(shù)嘗試應(yīng)用于氣象宣傳工作

全景產(chǎn)品就是用相機(jī)360°拍攝一組照片，然后用專業(yè)軟件拼接成一個(gè)全景圖像，通過計(jì)算機(jī)技術(shù)實(shí)現(xiàn)全方位互動(dòng)式觀看的真實(shí)場景還原展示方

式[5]。三維全景漫游讓用戶在多個(gè)全景圖像構(gòu)建的全景空間中，通過不同的功能鏈接進(jìn)行切換，達(dá)到瀏覽各個(gè)不同場景的目的。

全景產(chǎn)品可以通過鏡頭帶領(lǐng)公眾進(jìn)入受到時(shí)間、距離等因素造成的不方便前往的場景中（或是由于特定地點(diǎn)公眾難以輕易進(jìn)入的場景中）實(shí)境

體驗(yàn)。

3.1 技術(shù)實(shí)施方案

氣象部門嘗試制作全景產(chǎn)品所使用的技術(shù)方案是通過720云軟件，在拍攝的多個(gè)全景照片中添加多種功能鏈接的方式實(shí)現(xiàn)在全景空間中自主漫游、自主體驗(yàn)。

這些功能鏈接包括：路徑鏈接，可以是箭頭或者腳印等多種形式，用來引導(dǎo)用戶進(jìn)行不同場景間的切換；熱點(diǎn)鏈接，又可分為文字介紹、細(xì)節(jié)照片、視頻、網(wǎng)頁、H5產(chǎn)品等內(nèi)容鏈接，用戶通過點(diǎn)擊不同功能的熱點(diǎn)鏈接可觀看多種形式的內(nèi)容介紹；區(qū)域地圖，用戶點(diǎn)擊地圖按鈕，即可在區(qū)域地圖中查詢?nèi)爱a(chǎn)品所有標(biāo)簽點(diǎn)位置，也可看到當(dāng)前標(biāo)簽點(diǎn)位置及當(dāng)前視角方向。軟件還可添加重力感應(yīng)按鈕，用戶打開該功能即可利用智能手機(jī)的陀螺儀將全景照片與設(shè)備位置鎖定，讓觀看者轉(zhuǎn)動(dòng)智能手機(jī)方向即改變?nèi)耙暯?，更加身臨其境。

采用這種漫游技術(shù)的優(yōu)點(diǎn)是瀏覽者可以單擊或者雙擊三維全景中的地面來實(shí)現(xiàn)場景切換，大大簡化了漫游的操作，同時(shí)該方法一般在場景中采集盡可能多的視點(diǎn)，所以瀏覽者想去哪里，只要點(diǎn)擊該處的地面就可以實(shí)現(xiàn)，能夠?yàn)g覽到該場景中的任意細(xì)節(jié)，增強(qiáng)了漫游的真實(shí)感與沉浸感[6]。目前氣象部門將全景產(chǎn)品嘗試應(yīng)用于氣象科技裝備展示、線上科技展覽等方面。endprint

3.2 揭秘氣象科技裝備

為更好地宣傳氣象大型人工影響天氣科技裝備，讓公眾體驗(yàn)、認(rèn)識(shí)、了解人工影響天氣作業(yè)的科學(xué)原理、作業(yè)方式及科技水平，氣象部門首次嘗試使用全景產(chǎn)品的形式配合宣傳。

人工影響天氣的主要工作方式有人工影響天氣作業(yè)飛機(jī)、增雨火箭、防雹高炮等，由于作業(yè)設(shè)備較大、設(shè)備存放地點(diǎn)偏遠(yuǎn)且無法在同一地點(diǎn)接受公眾參觀，設(shè)備作業(yè)時(shí)更是無法參觀，故而選用全景產(chǎn)品詳細(xì)展示。

首先使用專業(yè)全景相機(jī)拍攝一系列人工影響天氣工作場景，從指揮室到飛機(jī)停機(jī)坪再到火箭及高炮發(fā)射基地；之后使用攝像設(shè)備拍攝人工影響天氣工作流程，使用相機(jī)拍攝人工影響天氣作業(yè)設(shè)備細(xì)節(jié)圖片；最后使用720云平臺(tái)軟件制作全景產(chǎn)品。在指揮室，公眾可以參觀人工影響天氣指揮部，了解工作流程；在飛機(jī)停機(jī)坪公眾可以通過飛機(jī)內(nèi)外共計(jì)12個(gè)標(biāo)簽點(diǎn)逐一參觀中國氣象局人工影響天氣飛機(jī)（新舟60），這其中包括航拍視頻、機(jī)載設(shè)備細(xì)節(jié)圖文介紹、飛機(jī)作業(yè)原理圖等內(nèi)容；在火箭及高炮發(fā)射基地，公眾可以近距離參觀作業(yè)設(shè)備（全自動(dòng)人影火箭發(fā)射架、人影防雹高炮等），并且可以通過作者現(xiàn)場拍攝的視頻，恍如在現(xiàn)場全程參與人工影響天氣作業(yè)流程。

通過全景產(chǎn)品帶領(lǐng)公眾直觀認(rèn)識(shí)、了解人工影響天氣工作方式及科學(xué)原理。

3.3 打造線上科技館

5月21日—27日，以“科技強(qiáng)國 氣象萬千”為主題的首屆氣象科技活動(dòng)周期間，在廣東省廣州市舉行氣象科技成果展。在氣象科技成果展中，一系列氣象科技“重器”悉數(shù)亮相。受到地理距離限制，無法同時(shí)滿足全國各地的氣象科技愛好者前去參觀。氣象部門此時(shí)通過提前制作全景產(chǎn)品，從而實(shí)現(xiàn)線上線下同期對(duì)外開放展示氣象科技成果。

在氣象科技成果展全景產(chǎn)品中，除包含一系列標(biāo)簽點(diǎn)全景照片、文字介紹、細(xì)節(jié)圖片、互動(dòng)展項(xiàng)視頻等、主題宣傳片等內(nèi)容外，還首次創(chuàng)新使用VR體驗(yàn)功能（用戶需要使用VR體驗(yàn)設(shè)備），用戶可通過點(diǎn)擊產(chǎn)品中氣象科普互動(dòng)體驗(yàn)展區(qū)的互動(dòng)熱點(diǎn)，即可進(jìn)入VR互動(dòng)視頻。VR互動(dòng)視頻嵌入全景產(chǎn)品，極大豐富了產(chǎn)品體驗(yàn)形式、完善了產(chǎn)品使用功能。

氣象部門在全景產(chǎn)品的拍攝、制作、編輯水平得到了長足進(jìn)步，能夠自主完成形式多樣、內(nèi)容豐富、功能完善的，面相對(duì)象廣泛的全景產(chǎn)品制作。

4 總結(jié)與展望

文章主要通過梳理全景產(chǎn)品開發(fā)、制作氣象宣傳產(chǎn)品的過程，分析總結(jié)全景產(chǎn)品在氣象宣傳工作中發(fā)揮的良好效果，從理論與實(shí)踐上證明了三維虛擬實(shí)景開發(fā)采用全景產(chǎn)品技術(shù)和720云軟件聯(lián)合使用能夠?qū)崿F(xiàn)圖像更加真實(shí)、互動(dòng)性體驗(yàn)性更強(qiáng)的虛擬效果展示功能，為氣象宣傳工作在創(chuàng)新工作方式的同時(shí)，提供了更為簡潔便于實(shí)現(xiàn)的方法參考。

全景產(chǎn)品在氣象宣傳工作中的運(yùn)用算是首次，產(chǎn)品在開發(fā)制作過程中也遇到了不少技術(shù)難點(diǎn)。由于缺乏成功案例的經(jīng)驗(yàn)參考，全景產(chǎn)品在內(nèi)容策劃、標(biāo)簽點(diǎn)設(shè)置、熱點(diǎn)位置設(shè)計(jì)、用戶行為習(xí)慣引導(dǎo)等方面還存在不少問題，如引導(dǎo)用戶參觀瀏覽的過程中缺乏重點(diǎn)、一些熱點(diǎn)位置設(shè)計(jì)不夠明顯、缺乏全景地圖的設(shè)置等，在以后的全景產(chǎn)品制作過程中逐一完善相關(guān)不足。

隨著對(duì)全景產(chǎn)品技術(shù)研究的深入，全景產(chǎn)品將逐漸應(yīng)用于氣象部門形象宣傳，帶領(lǐng)公眾現(xiàn)場體驗(yàn)天氣預(yù)報(bào)制作過程、氣象會(huì)商等工作流程，揭開氣象預(yù)報(bào)的神秘面紗。

參考文獻(xiàn)

[1]楊寶民，朱一寧.分布式虛擬現(xiàn)實(shí)技術(shù)及其應(yīng)用[M].北京：科學(xué)技術(shù)出版社，2000：1-50.

[2]黃心淵.虛擬現(xiàn)實(shí)技術(shù)與應(yīng)用[M].北京：科學(xué)出版社，1999：31-50.

[3]馬明，梅帆.全景攝像在虛擬現(xiàn)實(shí)系統(tǒng)中的應(yīng)用[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，1999（4）：138-141.

[4]喻璽.3D全景旅游技術(shù)在我國的現(xiàn)狀評(píng)述[J].電子世界，2015（15）：173-176.

[5]周輝，程陳，等.基于HTML5的全景圖展示[J].微型機(jī)與應(yīng)用，2012，31（20）：77-79.

[6]潘晨.基于三維全景漫游技術(shù)的網(wǎng)絡(luò)展覽系統(tǒng)建設(shè)[J].電子技術(shù)與軟件工程，2016（23）：86.endprint