■董光宇　張武軍

H5在會(huì)議新聞中的應(yīng)用

■董光宇張武軍

會(huì)議新聞報(bào)道，是傳播會(huì)議議題，擴(kuò)大會(huì)議影響力的重要路徑。隨著前端技術(shù)以及移動(dòng)終端的發(fā)展，會(huì)議新聞的網(wǎng)絡(luò)傳播開(kāi)始應(yīng)用HTML5（簡(jiǎn)稱H5）的新特性，產(chǎn)生了新的報(bào)道形態(tài)。未來(lái)，Web環(huán)境下會(huì)議新聞報(bào)道的發(fā)展應(yīng)該不僅限于利用H5技術(shù)進(jìn)行呈現(xiàn)的新聞報(bào)道；應(yīng)用H5技術(shù)而帶來(lái)的產(chǎn)品化、應(yīng)用化新聞報(bào)道作品很可能成為會(huì)議新聞的重要組成部分。

作為Web環(huán)境的代言人

瀏覽器是網(wǎng)絡(luò)新聞傳播的重要渠道之一。一般意義的網(wǎng)頁(yè)瀏覽器 （Browser），通常依據(jù)描述網(wǎng)頁(yè)內(nèi)容的標(biāo)記語(yǔ)言（MarkupLanguage），按照對(duì)應(yīng)的語(yǔ)言規(guī)則安排內(nèi)容，在諸多的標(biāo)記語(yǔ)言當(dāng)中，超文本標(biāo)記語(yǔ)言 （HyperTextMarkup Language，也即 HTML）是最為常用的描述網(wǎng)頁(yè)內(nèi)容的語(yǔ)言。

在更早的HTML規(guī)則中，HTML語(yǔ)言是兼?zhèn)涮峁┪淖謨?nèi)容與樣式排版功能的；但隨著計(jì)算機(jī)及互聯(lián)網(wǎng)的發(fā)展，原有的HTML標(biāo)準(zhǔn)不能再滿足更高的網(wǎng)頁(yè)功能需求，因此逐漸分離產(chǎn)生了控制樣式排版的語(yǔ)言 （最常見(jiàn)的是層疊樣式表，也即CSS），以及用于控制網(wǎng)頁(yè)交互、完成高級(jí)功能的腳本程序語(yǔ)言 （最常見(jiàn)的是JavaScript），原本的HTML已經(jīng)單純成為描述網(wǎng)頁(yè)流的語(yǔ)言，這種現(xiàn)象在2014年定稿的H5標(biāo)準(zhǔn)中得到了加強(qiáng)；另一方面，HTML與樣式表、網(wǎng)頁(yè)腳本在網(wǎng)頁(yè)中的關(guān)聯(lián)很難分離。因此，當(dāng)我們?cè)谛侣剛鞑ブ姓務(wù)揌5時(shí)，不是在談?wù)撘环N新的標(biāo)準(zhǔn)或是一種新的展現(xiàn)方式，而是一種與原生 （Native）環(huán)境相對(duì)的，以瀏覽器、網(wǎng)頁(yè)技術(shù)為基礎(chǔ)而產(chǎn)生的互聯(lián)網(wǎng) （Web）環(huán)境；對(duì)于H5技術(shù)的應(yīng)用，則更應(yīng)該關(guān)注它對(duì)于新聞傳播報(bào)道環(huán)境——尤其是本文所涉的會(huì)議新聞——帶來(lái)的改變。

兩個(gè)重要的目的

在早期瀏覽器換代后，Trident內(nèi)核、Gecko內(nèi)核以及Webkit內(nèi)核迅速成為了瀏覽器市場(chǎng)的三個(gè)主要內(nèi)核，尤其對(duì)于移動(dòng)設(shè)備來(lái)說(shuō)，WebKit幾乎成為了移動(dòng)設(shè)備上首要的排版引擎。由于Webkit較早應(yīng)用H5新特性，移動(dòng)端也較早出現(xiàn)了利用H5技術(shù)的報(bào)道產(chǎn)品。微博、微信等社交媒體應(yīng)用在后續(xù)的版本中直接內(nèi)嵌Webkit瀏覽框架，使得H5產(chǎn)品在各個(gè)移動(dòng)平臺(tái)上的體驗(yàn)趨于一致，近一步刺激了這類內(nèi)容的傳播。

H5技術(shù)在當(dāng)下會(huì)議新聞中的應(yīng)用，按照所在平臺(tái)分類，可分為桌面端 （包括PC/Mac設(shè)備）、大屏幕觸摸設(shè)備 （即平板端）、小屏幕觸摸設(shè)備 （即移動(dòng)端）。其中移動(dòng)端還可細(xì)分為微博、微信端、新聞App端。各類設(shè)備在尺寸和交互方式上的區(qū)別，以及各類應(yīng)用在應(yīng)用權(quán)限上的區(qū)別，導(dǎo)致了H5報(bào)道作品在不同平臺(tái)上有不同的體驗(yàn)。無(wú)論H5技術(shù)運(yùn)用于何種平臺(tái)終端，它對(duì)當(dāng)下會(huì)議新聞報(bào)道的作用都主要體現(xiàn)在兩個(gè)方面：增強(qiáng)新聞的表現(xiàn)力和改變新聞報(bào)道模式。

一、圖形與交互：用H5增強(qiáng)會(huì)議新聞表現(xiàn)力

網(wǎng)絡(luò)新聞傳播的業(yè)務(wù)實(shí)踐中，形式與內(nèi)容的分界逐漸變得模糊，甚至形式本身就可能成為 “內(nèi)容”。H5技術(shù)的驅(qū)動(dòng)，使得更多元素能夠加入報(bào)道之中，閱讀報(bào)道的體驗(yàn)會(huì)更為豐滿。

以新華網(wǎng)為例，該網(wǎng)在2015年 “兩會(huì)”期間推出了數(shù)據(jù)新聞專題——“2015兩會(huì)數(shù)據(jù)觀”（以下簡(jiǎn)稱 “數(shù)據(jù)觀”）。①整個(gè)專題界面相對(duì)簡(jiǎn)潔清晰，布局屬于比較典型的焦點(diǎn)圖+內(nèi)容列表的形式，但由于加入了H5中常見(jiàn)的交互效果 （如滑動(dòng)動(dòng)畫(huà)等），使得頁(yè)面體驗(yàn)優(yōu)于通常的網(wǎng)頁(yè)。

增強(qiáng)新聞表現(xiàn)力的主要方式之一是文字、數(shù)據(jù)的可視化。會(huì)議新聞報(bào)道中相對(duì)單調(diào)的文字可以經(jīng)由這種方式，變成受眾更容易接受的圖形元素?！段液蛢蓵?huì)的一天》②是 “數(shù)據(jù)觀”兩會(huì)系列報(bào)道的一個(gè)專題 （見(jiàn)圖1），該專題通過(guò)圖片報(bào)道的方式，對(duì)兩會(huì)代表的一天日程進(jìn)行記錄，側(cè)面表現(xiàn)兩會(huì)會(huì)場(chǎng)細(xì)節(jié)。將這篇典型的圖片報(bào)道作品與其他作品相區(qū)分開(kāi)的特點(diǎn)是，該報(bào)道使用了H5中常見(jiàn)的背景拉伸技術(shù)（Background Stretch），使得圖片在任何介質(zhì)上都可以充滿屏幕；沉浸式的圖片描述使得組圖在閱讀中更有 “連環(huán)畫(huà)”的體驗(yàn)，增強(qiáng)了新聞的可讀性。

“互動(dòng)”是H5中被新聞傳播領(lǐng)域經(jīng)常應(yīng)用的技術(shù)。這種互動(dòng)不是對(duì)用戶行為刺激的 “反射”，而是對(duì)用戶離散行為的一種 “補(bǔ)間”：平滑的動(dòng)作反饋，行為與行為之間的自然過(guò)渡，都使得網(wǎng)頁(yè)上的會(huì)議新聞的瀏覽體驗(yàn)更加流暢。優(yōu)秀、得當(dāng)?shù)慕换?dòng)作反饋設(shè)計(jì)，不僅增強(qiáng)新聞的表現(xiàn)力，也提升了報(bào)道的趣味性，將會(huì)議新聞中重點(diǎn)放大，使新聞報(bào)道更具可讀性。

二、故事與新聞生產(chǎn)：H5的新聞敘事與報(bào)道思維

傳統(tǒng)新聞業(yè)務(wù)理論一般要求新聞報(bào)道應(yīng)具備六個(gè)要素，即 “5W1H”。③源于美國(guó)南北戰(zhàn)爭(zhēng)期間的 “倒金字塔式”寫(xiě)作結(jié)構(gòu)是最為常見(jiàn)的新聞敘事結(jié)構(gòu)，它以事實(shí)最核心的部分為開(kāi)頭或做導(dǎo)語(yǔ)，然后依照事實(shí)的重要性次序安排段落，以適應(yīng)受眾閱讀習(xí)慣和編輯編改稿件的需要④。由于媒介使用習(xí)慣的變化，會(huì)議新聞通稿化的報(bào)道已逐漸不能滿足受眾快節(jié)奏、碎片化的閱讀要求。

H5技術(shù)的應(yīng)用改變了會(huì)議新聞的新聞文體，它有兩個(gè)體現(xiàn)：

第一，“倒金字塔體”寫(xiě)作方式繼續(xù)向前推進(jìn)，摒棄描寫(xiě)性的修辭手法與背景鋪陳，“信息優(yōu)先”理念得到強(qiáng)調(diào)。網(wǎng)易在 2014年 APEC峰會(huì)期間的HTML5報(bào)道作品 《習(xí)近平和奧巴馬是這樣夜游中南海的》借助類LBS界面+觸摸的交互方式，以 “講故事”的方式描述了兩位領(lǐng)導(dǎo)人的行動(dòng)路線?！毒┤A時(shí)報(bào)》在同日也發(fā)表了一篇相同主題的消息，通過(guò)比較不難發(fā)現(xiàn)，網(wǎng)易的報(bào)道中，類似 “兩國(guó)元首憑欄遠(yuǎn)眺”“親切握手”等場(chǎng)景性的描述性文字都被忽略，“做了什么”成為了新聞的主要內(nèi)容；臨場(chǎng)感則在滑動(dòng)控制的交互模式下得到了增強(qiáng)。

第二，H5使新聞信息再次簡(jiǎn)化。標(biāo)題和導(dǎo)語(yǔ)的質(zhì)量決定了新聞的傳播效果，應(yīng)用H5技術(shù)，交互很可能用來(lái)替代新聞導(dǎo)語(yǔ)中可能的冗余，再次降低閱讀成本。騰訊新聞在2014年APEC峰會(huì)的專題報(bào)道中，利用滾動(dòng)監(jiān)聽(tīng) （Scrollspy）⑤，使頁(yè)面左側(cè)的選擇欄不僅可以快速定位內(nèi)容分類，還可以根據(jù)右邊新聞自動(dòng)標(biāo)注所屬欄目，讀者只需要看到標(biāo)題中的“What”元素，參照新聞分類，就可以基本了解新聞內(nèi)容。

利用H5技術(shù)，會(huì)議新聞報(bào)道作品可以成為一個(gè)可以完成某種功能的應(yīng)用（Application），使得傳統(tǒng)“報(bào)道新近事實(shí)”的新聞報(bào)道思維發(fā)生變化。新華網(wǎng)2015年兩會(huì)報(bào)道“炫數(shù)據(jù)”專題下的“政府工作報(bào)告與我”板塊便是一例。用戶可以自由在網(wǎng)頁(yè)中輸入自己的實(shí)際信息，網(wǎng)頁(yè)可以很快反饋出一份定制的表單。表單的數(shù)據(jù)內(nèi)容均來(lái)自于對(duì)政府工作報(bào)告內(nèi)容的可視化處理，連接起新聞與受眾個(gè)體，產(chǎn)生了定制化的互動(dòng)效果。

前瞻：響應(yīng)式設(shè)計(jì)與產(chǎn)品化報(bào)道

智能終端廣泛普及之前，針對(duì)會(huì)議的報(bào)道，大多以供PC端屏幕閱讀的專題報(bào)道呈現(xiàn)出來(lái)。隨著智能終端的逐漸普及，小尺寸屏幕閱讀的需求逐漸出現(xiàn)，專門針對(duì)小屏幕設(shè)計(jì)的報(bào)道頁(yè)面也隨之產(chǎn)生。早期移動(dòng)端的報(bào)道形式由于介質(zhì)性能限制，相對(duì)簡(jiǎn)單，WAP文字報(bào)道或?qū)ｎ}組稿即可完成報(bào)道，這種報(bào)道大多需要編輯在自己的移動(dòng)端網(wǎng)站上進(jìn)行二次編輯。由于移動(dòng)設(shè)備性能有限，不需過(guò)多的編輯成本，即可完成二次編輯；在移動(dòng)介質(zhì)的使用體驗(yàn)接近PC端后，更為高級(jí)的報(bào)道手段開(kāi)始出現(xiàn)，以往的“二次編輯”更難達(dá)到預(yù)期的效果，而即使真正進(jìn)行 “二次編輯”，編輯成本也比WAP時(shí)代高出許多。

響應(yīng)式設(shè)計(jì) （ResponsiveWeb）的出現(xiàn)即解決了跨尺寸屏幕介質(zhì)上內(nèi)容展現(xiàn)的問(wèn)題；它旨在利用CSS控制不同尺寸屏幕上的內(nèi)容排版，而在不同尺寸的介質(zhì)上達(dá)到各自適合的閱讀體驗(yàn)⑥。由于一次編輯即可完成多終端上的內(nèi)容，響應(yīng)式設(shè)計(jì)可以在一定程度上減少編輯成本，在保證作品呈現(xiàn)的時(shí)效性上有很大優(yōu)勢(shì)；此外，由于響應(yīng)式布局更多地針是針對(duì)內(nèi)容排版設(shè)定，因此相對(duì)二次編輯，更能保證跨屏幕閱讀的信息容量，這使得它在會(huì)議報(bào)道的直播、突發(fā)新聞報(bào)道中有很大的應(yīng)用前景。

遺憾的是，由于目前國(guó)內(nèi)主要門戶的移動(dòng)版站點(diǎn)大多沿襲早期的WAP頁(yè)面而來(lái)，二次編輯、雙線操作已經(jīng)成為報(bào)道中的常態(tài)，少有網(wǎng)站使用響應(yīng)式設(shè)計(jì)完成報(bào)道作品。但隨著移動(dòng)端與桌面端媒介在性能和體驗(yàn)上的逐漸接近，響應(yīng)式界面的報(bào)道作品會(huì)成為一種不可忽略的應(yīng)用模板。

會(huì)議新聞應(yīng)用H5的另一個(gè)趨勢(shì)是以 “互聯(lián)網(wǎng)產(chǎn)品”，即開(kāi)發(fā)應(yīng)用的模式完成報(bào)道作品。在以H5為代表的Web環(huán)境下，利用H5技術(shù)的會(huì)議新聞報(bào)道已經(jīng)不只是記者和編輯兩類崗位的事情：與數(shù)據(jù)新聞等新聞形態(tài)類似，調(diào)動(dòng)技術(shù)人員 （程序員）、美工人員協(xié)力完成一個(gè)報(bào)道將成為會(huì)議新聞報(bào)道的常態(tài)。這也暗示著，這種類似互聯(lián)網(wǎng)產(chǎn)品的運(yùn)營(yíng)、開(kāi)發(fā)形態(tài)很可能成為會(huì)議新聞報(bào)道工作的常見(jiàn)流程；報(bào)道作品，在某種程度上也可以被視為是一個(gè)不止具有新聞信息屬性的互聯(lián)網(wǎng) “應(yīng)用”。

值得注意的是，在國(guó)內(nèi)整體的新聞報(bào)道中，H5的應(yīng)用情況并不平衡。筆者在其他研究中曾發(fā)現(xiàn)，外國(guó)業(yè)界人士對(duì)中國(guó)移動(dòng)端的H5作品有一定的肯定；但在能夠承載更多內(nèi)容的大屏幕媒介（PC/平板）端，國(guó)內(nèi)新聞報(bào)道的內(nèi)容優(yōu)勢(shì)并不突出。利用H5技術(shù)對(duì)于提升國(guó)內(nèi)新聞傳播效果的作用是顯著的，但它是否會(huì)成為互聯(lián)網(wǎng)新聞的主流形式，以及它是否能夠承載所有的新聞?lì)}材，還需要進(jìn)一步討論。

（作者系中國(guó)傳媒大學(xué)新聞學(xué)院碩士研究生）

注釋：

①http://www.xinhuanet.com/ politics/2015lh/sjg.htm

②http://fms.news.cn/swf/ lhrdyt2015/index.html

③劉建明：《宣傳輿論學(xué)大辭典》，經(jīng)濟(jì)日?qǐng)?bào)出版社，1993

④單波：《“倒金字塔結(jié)構(gòu)”源起之謎》，《新聞知識(shí)》，1994年第9期，第42-43頁(yè)。

⑤嚴(yán)格意義上說(shuō)，Scrollspy并不屬于所謂的 “HTML5”技術(shù)；但是由于它是一種相對(duì)較新的網(wǎng)頁(yè)交互形式，而且它的確在HTML5網(wǎng)頁(yè)設(shè)計(jì)中多有應(yīng)用，我們?nèi)詫⑵渌阕鱄TML5下的一種前端技術(shù)。

⑥http://alistapart.com/ article/responsive-web-design

觀點(diǎn)速遞

傾向性、主觀性甚至情緒化，是法制新聞報(bào)道的 “雷區(qū)”，報(bào)道態(tài)度與報(bào)道角度失去客觀理性，有可能會(huì)導(dǎo)致公眾和司法機(jī)關(guān)先入為主，導(dǎo)致媒體引導(dǎo)訴訟，進(jìn)而在一定程度上影響司法機(jī)關(guān)對(duì)于案件的公正判決。因此，應(yīng)堅(jiān)守客觀公正，力爭(zhēng)做到事實(shí)和觀點(diǎn)分開(kāi)，切忌以強(qiáng)烈主觀色彩的傾向性采寫(xiě)法制新聞。

——?jiǎng)喨?，《新聞世界?015年第7期。