用RealPix制作流式圖像文件

1、第六章 用realpix制作流式圖像文件第六章 用realpix制作流式圖像文件 本章將詳細(xì)介紹用realpix編輯流式圖像文件的全部過(guò)程，包括如何準(zhǔn)備圖像素材，realpix的語(yǔ)法結(jié)構(gòu)、語(yǔ)法規(guī)則以及其所提供的各種標(biāo)記的功能和寫(xiě)法。另外，還要著重介紹realpix的帶寬策略。6.1 概述 和realtext一樣，realpix也是由realnetwork推出的用于編輯流媒體的標(biāo)記性語(yǔ)言，同樣屬于擴(kuò)展型標(biāo)記語(yǔ)言(xml)的范疇。運(yùn)用realpix編輯的流式圖像文件，也屬于realsystem的流媒體系列，需要用相應(yīng)的播放器realplayer來(lái)播放。通過(guò)realpix，將一組圖像文件關(guān)聯(lián)到同一個(gè)

2、realpix文件中，可以設(shè)置它們的顯示時(shí)間，顯示順序。同時(shí)可以為圖像之間的切換增加豐富的視覺(jué)效果。最主要的，可以使得組合后的圖像文件也具有了流媒體的一切特性。你可以在internet上單獨(dú)發(fā)布realpix文件，也可以通過(guò)smil語(yǔ)言，將其和其它格式的媒體文件，比如流式音頻、流式視頻，realtext以及動(dòng)畫(huà)等，組合在一起，成為網(wǎng)絡(luò)多媒體節(jié)目。發(fā)布的方式和realtext一樣，有點(diǎn)播和廣播兩種。 為了編輯realpix文件和測(cè)試其播放以及網(wǎng)絡(luò)傳輸效果，讀者需要具備下列工具：1. 圖像編輯軟件 在編輯realpix文件之前，首先需要對(duì)其所要顯示的圖像文件進(jìn)行必要的編輯，并將它們轉(zhuǎn)化成realp

3、ix支持的圖像格式。適應(yīng)的圖像編輯軟件有photoshop、paintshop等。2. 文本編輯器 和realtext一樣，realpix是純文本類(lèi)型的語(yǔ)言，realpix文件也是標(biāo)準(zhǔn)的純文本文件。因此，它的編輯和修改可以在任何文本編輯器中進(jìn)行，比如windows的“記事本”。3. realplayer 在完成了realpix文件的編輯以后，在本地機(jī)上，可以用realplayer來(lái)播放該文件，以測(cè)試其播放效果是否和文件中定義的相符。另外，通過(guò)測(cè)試，也可以及時(shí)發(fā)現(xiàn)文件源代碼中的語(yǔ)法錯(cuò)誤。這里請(qǐng)讀者注意，realplayer5.0及以前的版本不支持realpix文件的播放。4. real服務(wù)器 只

4、有通過(guò)real服務(wù)器，才能真正地測(cè)試realpix文件的網(wǎng)絡(luò)發(fā)布效果。由于realpix文件的網(wǎng)絡(luò)發(fā)布需要消耗比realtext多得多的傳輸帶寬，實(shí)際測(cè)試其網(wǎng)絡(luò)發(fā)布效果非常重要。另外，由于realpix文件所需傳輸?shù)臄?shù)據(jù)要大大超過(guò)realtext，通常不用web服務(wù)器作為其網(wǎng)絡(luò)發(fā)布的媒體服務(wù)器。因?yàn)閣eb服務(wù)器在發(fā)布流媒體時(shí)有很多局限性，對(duì)于傳輸數(shù)據(jù)量較大的流媒體，如realpix和流式視頻，會(huì)出現(xiàn)意想不到的錯(cuò)誤。5. microsoft excel 97 在編輯realpix文件時(shí)需要進(jìn)行精確的帶寬計(jì)算，realnetwork提供了一個(gè)應(yīng)用軟件，它是一個(gè)execl的工作表文件。6.2 創(chuàng)建流

5、式圖像文件 和realtext一樣，realpix也是通過(guò)其所提供的各種標(biāo)記的排列和屬性的設(shè)置，來(lái)定義文件中所關(guān)聯(lián)的圖像文件在某一時(shí)間的行為。但是，兩者之間也有明顯的不同。realtext所顯示的內(nèi)容-文字，是在編輯文件時(shí)直接輸入的，也就是說(shuō)，realtext的顯示內(nèi)容是直接包含在文件源代碼中。而realpix所顯示的內(nèi)容-圖像，其本身就是一個(gè)獨(dú)立的文件。因此，在realpix的文件源代碼中，只是定義了對(duì)圖像文件的關(guān)聯(lián)，也就是說(shuō)，realpix和其所顯示的內(nèi)容不是同一個(gè)文件。realpix其實(shí)和smil一樣，屬于關(guān)聯(lián)性的標(biāo)記語(yǔ)言。6.2.1 準(zhǔn)備圖像源文件 首先，讀者有必要先了解一些和inte

6、rnet相關(guān)的圖像知識(shí)。和任何其它類(lèi)型的網(wǎng)絡(luò)資源一樣，圖像信息也是以文件的形式保存和傳遞的。由于其壓縮方式和存儲(chǔ)方式的不同，因此存在著多種多樣的圖像類(lèi)型。目前在internet上最常見(jiàn)的圖像類(lèi)型有jpg/jpeg、gif和png。在windows中常見(jiàn)的bmp位圖格式，由于文件體積太大，不利于網(wǎng)絡(luò)傳輸，基本上不在網(wǎng)絡(luò)中使用。1. jpg/jpeg圖像(.jpg) jpg/jpeg(joint photographic experts group，聯(lián)合圖像專家組)圖像采用的是有損壓縮算法，在損失了原圖像中不易為人眼察覺(jué)部分的情況下，獲得較小的文件大小，從而利于網(wǎng)絡(luò)的傳遞。jpg/jpeg圖像的另

7、一特點(diǎn)是它支持24位真采色(16777216色)。因此，如果要顯示的圖像特別注重色彩效果，該圖像格式是較理想的選擇。2. gif圖像(.gif) gif(graphic interchange format，圖像交換格式)圖像采用的是無(wú)損壓縮算法，壓縮后的gif圖像保持了原始圖像的所有信息。但是gif圖像有一個(gè)致命的弱點(diǎn)，就是它僅僅支持8位的顏色(256色)，所以只能適用于對(duì)色彩效果要求不高的地方，如卡通圖像。gif圖像之所以在網(wǎng)絡(luò)上流行的原因之一是它支持動(dòng)畫(huà)格式，它可以在一個(gè)圖像文件中包含多幀畫(huà)面，可以顯示動(dòng)感的圖像效果。這是其它類(lèi)型的圖像，比如jpg/jpeg圖像所不能做到的。gif圖像的

8、另一個(gè)特點(diǎn)是它支持透背景，這尤其在網(wǎng)頁(yè)制作時(shí)是非常有用的。gif圖像有版本之分，最常見(jiàn)的版本為gif87a、gif89a、gif98a，只有g(shù)if98a才支持動(dòng)畫(huà)和透明背景。3. png圖像(.png) png(portable network graphic，可攜帶式網(wǎng)絡(luò)圖像)圖像由于被w3組織大力推薦，已經(jīng)在網(wǎng)絡(luò)上逐漸推廣。png圖像可以采用無(wú)損壓縮算法，以真實(shí)重現(xiàn)原始圖像的信息，同時(shí)它又支持真彩色，在文件大小上同jpg/jpeg沒(méi)有太大的差別。png圖像是一種格式上非常靈活的圖像，它可以同時(shí)實(shí)現(xiàn)gif的一些特性，比如透明背景，還可以控制對(duì)圖像的壓縮比例，或是采用有損壓縮算法，進(jìn)一步減小文

9、件的大小。與jpg/jpeg不同的是，jpg/jpeg格式不支持256色，而png格式可以支持多種顏色，比如256色、16位色、24位真彩色，甚至更高的32位色等。 realpix支持以上所提到的所有圖像格式，包括jepg、gif87a、gif89a、gif98a和png。其中，在獨(dú)立的realpix文件中，gif和png的透明背景被保持，但如果realpix文件被smil集成到多媒體節(jié)目中，在smil指定的realpix播放區(qū)域中，gif和png的透明背景將不再起作用。 為了準(zhǔn)備編輯一個(gè)realpix文件，首先需要做的是準(zhǔn)備要顯示的圖像文件。你可以使用來(lái)自各種渠道的圖像文件?？梢允峭ㄟ^(guò)掃描儀

10、掃描得到的，從數(shù)碼相機(jī)中輸入的，從網(wǎng)絡(luò)站點(diǎn)上下載的，或是通過(guò)其它途徑獲得的各種格式的圖像文件。一般說(shuō)來(lái)，圖像文件的準(zhǔn)備分為三個(gè)階段。1. 原始圖像 包括所有沒(méi)有經(jīng)過(guò)編輯加工和壓縮的圖像文件，比如來(lái)自掃描儀和數(shù)碼相機(jī)的圖像文件，通常都是bmp格式。在完成realpix文件編輯之前，這些原始資料是要保存好的，因?yàn)橛袝r(shí)會(huì)再次用到它們，比如需要重新進(jìn)行圖像處理。2. 加工后的圖像 包括使用圖像編輯軟件對(duì)原始圖像進(jìn)行處理和編輯后產(chǎn)生的中間環(huán)節(jié)的圖像文件。處理的手段可以有改變?cè)械膱D像尺寸和色彩，截取原有圖像的一部分，或是將原有的幾幅圖像合成新的圖像文件。這些圖像文件也應(yīng)該是沒(méi)有經(jīng)過(guò)壓縮的，因?yàn)槟阋苍S需要

11、再次對(duì)它們進(jìn)行處理。3. realpix顯示的圖像 包括對(duì)處理過(guò)的圖像進(jìn)行壓縮所獲得的最終為realpix文件所關(guān)聯(lián)的圖像文件。用于圖像壓縮的軟件工具很多，比如photoshop、paintshop等都可以將編輯處理后的圖像直接輸出成jpeg、gif和png格式。利用powerpoint的“保持為html”功能，可以將幻燈片一一轉(zhuǎn)化成jpeg或gif圖像文件，這在將powerpoint幻燈片文件上網(wǎng)發(fā)布時(shí)是非常有用的。對(duì)于同一個(gè)原始圖像，甚至可以準(zhǔn)備幾個(gè)壓縮文件。比如，壓縮程度較小，圖像尺寸較大的用于realpix的高帶寬發(fā)布；壓縮程度較大，圖像尺寸較小的用于realpix的低帶寬發(fā)布。6.2

12、.2 使用jpegtran優(yōu)化jpeg圖像 jpegtran是一個(gè)免費(fèi)的應(yīng)用程序，它可以用來(lái)優(yōu)化流式圖像文件中所關(guān)聯(lián)的jpeg圖像。大家知道，流媒體的網(wǎng)絡(luò)傳輸是將文件分成多個(gè)小數(shù)據(jù)包依次傳輸?shù)?，每一個(gè)所關(guān)聯(lián)的圖像文件的傳輸當(dāng)然也是這樣。運(yùn)用jpegtran優(yōu)化的好處在于，一旦在網(wǎng)絡(luò)傳輸中某一數(shù)據(jù)包丟失，對(duì)于經(jīng)過(guò)優(yōu)化的jpeg圖像，realplayer仍然能對(duì)其后面的數(shù)據(jù)包進(jìn)行解碼和顯示，也就是說(shuō)，realplayer依然能顯示圖像，盡管圖像可能不十分完整。對(duì)于沒(méi)有經(jīng)過(guò)優(yōu)化的jpeg圖像，如果有數(shù)據(jù)包在傳輸過(guò)程中丟失，該圖像就不能被realplayer顯示了。 運(yùn)行windows系統(tǒng)下的jpeg

13、tran程序，首先要準(zhǔn)備好要優(yōu)化的jpeg圖像。然后，啟動(dòng)windows的msdos環(huán)境，進(jìn)入到包含jpegtran程序的目錄中，用如下的dos命令來(lái)完成對(duì)jpeg圖像的優(yōu)化: jpegtran -restart 1b -outfile output.jpg input.jpg 其中input.jpg和output.jpg分別為優(yōu)化前和優(yōu)化后jpeg圖像的文件名，這里假定要優(yōu)化的圖像文件和優(yōu)化后輸出的圖像文件和jpegtran優(yōu)化程序位于同一目錄下。比如優(yōu)化前的jpeg圖像為image.jpg，優(yōu)化后輸出的圖像為newimage.jpg，那么，dos命令如下所示： jpegtran -rest

14、art 1b -outfile newimage.jpg image.jpg6.2.3 建立realpix的時(shí)間線 所謂realpix的時(shí)間線，就是這個(gè)文件中，所有要顯示圖像的一個(gè)播放計(jì)劃。建立時(shí)間線，就是具體地確定每一個(gè)圖像文件被顯示的時(shí)間點(diǎn)。所有這些時(shí)間點(diǎn)都是以整個(gè)realpix文件為參照系的。換句話說(shuō)，建立時(shí)間線，就是建立一條從realpix文件播放開(kāi)始到結(jié)束的時(shí)間軸，在這條時(shí)間軸上應(yīng)該注明每一張圖像播放的開(kāi)始點(diǎn)和持續(xù)長(zhǎng)度。 如果realpix文件是單獨(dú)在網(wǎng)上發(fā)布，那么創(chuàng)作者完全可以按照自己的意愿來(lái)編排整個(gè)文件的播放計(jì)劃。如果它是和其它格式的媒體組合成多媒體節(jié)目，相互之間有一個(gè)互相匹配的

15、過(guò)程，那么realpix時(shí)間線的建立就必須參考其它媒體對(duì)象的具體情形了。通常情況下，你必須首先準(zhǔn)備好其它媒體文件，然后參照它們的時(shí)間線來(lái)確定realpix的播放計(jì)劃。 比如，你想要將一個(gè)realpix文件和一個(gè)realaudio文件同步播放，用圖像為聲音增加直觀的效果。這時(shí)你首先必須完成聲音文件的編輯，然后根據(jù)聲音的內(nèi)容確定圖像播放的先后次序，確定聲音和圖像相匹配的結(jié)合點(diǎn)，最后，播放聲音文件，根據(jù)結(jié)合點(diǎn)在聲音文件中出現(xiàn)的時(shí)間點(diǎn)來(lái)確定realpix文件的時(shí)間線。 當(dāng)你已經(jīng)準(zhǔn)備好了realpix要播放的圖像文件，建立好了文件對(duì)應(yīng)的時(shí)間線，對(duì)圖像之間交替時(shí)的效果也大致有了比較具體的考慮。就可以用re

16、alpix標(biāo)記語(yǔ)言來(lái)編輯流式圖像文件了。你會(huì)發(fā)現(xiàn)，在做好了所有的準(zhǔn)備工作后，文件的編輯是一件相當(dāng)輕松的事，realpix的語(yǔ)法結(jié)構(gòu)并不比realtext復(fù)雜多少。但由于在網(wǎng)絡(luò)上傳輸圖像文件所占用的帶寬要比傳輸文字多得多，在編輯realpix文件時(shí)，為了其獲得正常的播放效果，還需考慮其帶寬運(yùn)用的策略。關(guān)于這一點(diǎn)，本書(shū)將在6.3節(jié)中詳細(xì)討論。6.2.4 編輯realpix文檔 大家都知道，在internet上，好的圖像所產(chǎn)生的效果，要遠(yuǎn)遠(yuǎn)超過(guò)無(wú)形的文字和聲音，因?yàn)樗芙o瀏覽者一個(gè)直覺(jué)的印象，正所謂“百聞不如一見(jiàn)”。使用realpix標(biāo)記語(yǔ)言，不僅可以把一組圖像組合起來(lái)，設(shè)置顯示區(qū)域和大小，設(shè)置顯示

17、的次序和每一張圖像的顯示時(shí)間點(diǎn)，設(shè)置兩張圖像之間的切換方式，同時(shí)還可以設(shè)置該realpix文件傳輸帶寬消耗。realpix語(yǔ)言為圖像的顯示提供了豐富的效果，可以實(shí)現(xiàn)單張圖像的局部縮放，移動(dòng)和旋轉(zhuǎn)，兩張圖像之間的切換可以是全部的，也可以是局部的。而所有的效果都可以設(shè)置完成時(shí)間，也就是說(shuō)，一個(gè)切換效果的持續(xù)時(shí)間可由作者自定義長(zhǎng)短。所以realpix語(yǔ)言可以使得圖像文件具有豐富的效果。更主要的，使得組合以后的圖像文件也具有了流媒體的特性?？梢哉f(shuō)，realpix為internet多媒體家族又增添了新的生力軍。 下面介紹創(chuàng)建一個(gè)realpix文件，并在網(wǎng)絡(luò)上進(jìn)行發(fā)布的一般步驟。至于具體的標(biāo)記的寫(xiě)法和含義

18、，將在下一節(jié)中詳細(xì)介紹。1. 首先要準(zhǔn)備好需要顯示的圖像文件，對(duì)原始圖像進(jìn)行必要的處理，并將圖像文件轉(zhuǎn)化為realpix支持的圖像格式。如果圖像格式為jpeg，使用jpegtran進(jìn)行優(yōu)化。建立好realpix文件的時(shí)間線。2. 在文本編輯器中，建立一個(gè)新文檔。realpix文件以為起始標(biāo)記，以為結(jié)束標(biāo)記，其它所有的文件內(nèi)容都包含在這一對(duì)標(biāo)記之中。文件的格式為： 其它的標(biāo)記內(nèi)容 3. 在和之間，加入所關(guān)聯(lián)的文件，通過(guò)各種標(biāo)記來(lái)定義圖像的顯示時(shí)間和顯示方式。例如： 4. 完成文檔的編輯后，將其保存為純文本格式的文件，文件后綴名為.rp，表明文件是一個(gè)realpix文件。然后在你的本地機(jī)上，在re

19、alplayer中打開(kāi)該文件來(lái)檢驗(yàn)所編寫(xiě)的源代碼是否正確，顯示效果是否符合要求。當(dāng)然，本地機(jī)上的檢驗(yàn)并不能保證該文件在internet上傳輸正常。要保證其網(wǎng)絡(luò)發(fā)布的正常，還需為其制訂合適的帶寬策略。5. 如果要將realpix文件和其它媒體對(duì)象組合成多媒體節(jié)目同步發(fā)布，需要用smil語(yǔ)言來(lái)控制整個(gè)播放行為。下面這個(gè)簡(jiǎn)單的例子定義了realpix文件和聲音文件的同步播放。 6. 將文件保存到realserver上。如果你是使用網(wǎng)絡(luò)服務(wù)代理商(isp)提供的realserver，就需要和其管理員聯(lián)系如何來(lái)完成這項(xiàng)工作。7. 在你的網(wǎng)頁(yè)中，建立和smil文件的超鏈接。如果只發(fā)布realpix文件，那

20、直接建立指向realpix文件的超鏈接。在瀏覽器中點(diǎn)擊鏈接，將啟動(dòng)realplayer，播放鏈接內(nèi)容。你也可以選擇用瀏覽器來(lái)播放smil或realtext文件，這樣就不需要另外啟動(dòng)realplayer。這需要將媒體文件作為插件或控件結(jié)合到網(wǎng)頁(yè)中，關(guān)于這一點(diǎn)，本書(shū)將在第9章中詳細(xì)介紹。8. 完成了上面這一切以后，在客戶端瀏覽器中載入相關(guān)網(wǎng)頁(yè)，點(diǎn)擊鏈接，這時(shí)會(huì)啟動(dòng)realplayer播放realpix文件。你可以真正地檢驗(yàn)由realpix標(biāo)記定義的各項(xiàng)特性通過(guò)網(wǎng)絡(luò)傳輸后的播放效果。6.2.5 控制圖像的尺寸、位置和外觀 和realtext文件一樣，在realpix文件中，你可以定義其顯示窗口的大小

21、，當(dāng)realplayer單獨(dú)播放該文件時(shí)，它會(huì)自動(dòng)調(diào)整其播放窗口到所定義的尺寸。當(dāng)然，如果是通過(guò)smil將realpix文件和其它可視媒體對(duì)象組合在一起同步播放，比如realtext或是視頻文件，則realplayer的播放窗口肯定會(huì)大于在realpix中定義的窗口尺寸。如果所編輯的realpix僅僅是一個(gè)簡(jiǎn)單的諸如幻燈片放映之類(lèi)的流式圖像文件，你只需定義在規(guī)定的時(shí)間點(diǎn)圖像在顯示窗口中顯示和消失就可以了。和顯示窗口尺寸相同的圖像會(huì)以原有的尺寸充滿窗口，較大或較小的圖像會(huì)改變其尺寸大小來(lái)適應(yīng)顯示窗口。 在顯示圖像時(shí)，有時(shí)你只想在窗口中顯示源圖像的某一部分，或者你想在窗口中同時(shí)顯示兩幅并列的圖像。

22、realpix允許你指定源圖像中要在窗口中顯示的區(qū)域，同時(shí)也可以定義圖像在顯示窗口中的大小和位置。為了使讀者更好地理解這些功能的工作原理，首先需要來(lái)介紹一些概念。 源圖像 realpix文件中關(guān)聯(lián)的、要在窗口中顯示的圖像文件。realpix可以一次顯示一個(gè)源圖像，也可以同時(shí)顯示排列好的多個(gè)源圖像。 顯示窗口 realpix中定義的該文件在realplayer中的播放區(qū)域。它是通過(guò)設(shè)置realpix的頭部標(biāo)記的width和height屬性來(lái)定義的。 源區(qū)域 源圖像中要在realpix顯示窗口中顯示的部分。它可以是整個(gè)源圖像，也可以是源圖像中的任意一個(gè)部分。源區(qū)域的形狀是方形的。 目標(biāo)區(qū)域 是在r

23、ealpix顯示窗口中，定義的源區(qū)域被顯示的區(qū)域。它可以是整個(gè)窗口，也可以是窗口中的某一部分。讀者可以把它想象成在realplayer播放窗口中的一個(gè)子窗口。目標(biāo)區(qū)域的形狀也是方形的。當(dāng)然，源區(qū)域和目標(biāo)區(qū)域并不一定要保存相同的大小尺寸。 要正確地定義圖像的源區(qū)域和目標(biāo)區(qū)域，首先必須了解源圖像以像素值表示的尺寸大小，因?yàn)槎x以上兩種區(qū)域都必須用像素值來(lái)表示。然后，你可以通過(guò)在realpix標(biāo)記中，設(shè)置以下這些屬性來(lái)分別或同時(shí)定義這兩種區(qū)域。如果對(duì)這兩種區(qū)域不加以定義，則她們的默認(rèn)值分別為：源區(qū)域?yàn)檎麄€(gè)源圖像，目標(biāo)區(qū)域?yàn)檎麄€(gè)realpix顯示區(qū)域。 定義這些屬性值時(shí)，所對(duì)應(yīng)的坐標(biāo)系分別為：源區(qū)域，

24、以源圖像左上點(diǎn)為原點(diǎn)，上邊緣和左邊緣分別為橫、縱坐標(biāo)軸的向左、向下的坐標(biāo)系；目標(biāo)區(qū)域，以realpix顯示區(qū)域左上點(diǎn)為原點(diǎn)，上邊緣和左邊緣分別為橫、縱坐標(biāo)軸的向左、向下的坐標(biāo)系。1. “srcx”和“dstx” 分別定義了源區(qū)域(srcx)和目標(biāo)區(qū)域(dstx)起始點(diǎn)(左上點(diǎn))的橫坐標(biāo)值。默認(rèn)值為0。2. “srcy”和“dsty” 分別定義了源區(qū)域(srcy)和目標(biāo)區(qū)域(dsty)起始點(diǎn)(左上點(diǎn))的縱坐標(biāo)值。默認(rèn)值為0。例如，源圖像的左上點(diǎn)定義為srcx=0和srcy=0；realpix顯示窗口的左上點(diǎn)為dstx=0和dsty=0。3. “srcw”和“dstw” 分別定義了源區(qū)域(srcw

25、)和目標(biāo)區(qū)域(dstw)的寬度，單位為像素，其默認(rèn)值分別為源圖像和realpix顯示區(qū)域的原有寬度。4. “srch”和“dsth” 分別定義了源區(qū)域(srch)和目標(biāo)區(qū)域(dsth)的高度，單位為像素，其默認(rèn)值分別為源圖像和realpix顯示區(qū)域的原有高度。 下面我們來(lái)看幾個(gè)定義兩種區(qū)域的實(shí)例。 在第一個(gè)例子中，源圖像和realpix的顯示區(qū)域尺寸相同，寬度和高度均為256像素。定義的源區(qū)域?yàn)樵磮D像左上角的1/4區(qū)域，即源區(qū)域的寬度和高度均為128像素。省略了目標(biāo)區(qū)域的定義，則目標(biāo)區(qū)域?yàn)槟J(rèn)的整個(gè)顯示窗口。源區(qū)域在目標(biāo)區(qū)域中的顯示結(jié)果是源區(qū)域的寬度和高度都被放大了一倍。圖6-1為該例子的示意

26、圖。定義的源代碼為： srcx=0 srcy=0 srcw=128 srch=128圖6-1 例1 第二個(gè)例子沒(méi)有定義源區(qū)域，則源區(qū)域?yàn)檎麄€(gè)源圖像。定義目標(biāo)區(qū)域?yàn)轱@示窗口的右上角1/4區(qū)域，寬度和高度都為128像素。當(dāng)整個(gè)源圖像在窗口中顯示時(shí)，其高度和寬度都被縮小了一半。圖6-2為該例子的示意圖。定義的源代碼為： dstx=128 dsty=0 dstw=128 dsth=128圖6-2 例2 最后一個(gè)例子中對(duì)兩種區(qū)域都作了定義，源區(qū)域依然是源圖像的左上角1/4區(qū)域，高度和寬度都為128像素；目標(biāo)區(qū)域?yàn)轱@示窗口中的某一部分，高度和寬度都為192像素。圖6-3為該例子的示意圖。定義的源代碼為：

27、srcx=0 srcy=0 srcw=128 srch=128 dstx=54 dsty=32 dstw=192 dsth=192圖6-3 例3 在上面的例子中，不知道讀者有沒(méi)有注意到，源區(qū)域和目標(biāo)區(qū)域的寬度和高度之比都是1:1。換句話說(shuō)，源區(qū)域和目標(biāo)區(qū)域具有相同的高寬比。但是，在編輯realpix文件時(shí)，不可能都是這樣的情況。如果源區(qū)域和目標(biāo)區(qū)域的高寬比不同，可以通過(guò)設(shè)置realpix標(biāo)記的aspect屬性來(lái)定義源圖像如何在目標(biāo)窗口中顯示。 如果設(shè)置了aspect=true，realpix將保持源區(qū)域的高寬比。比如，源區(qū)域高寬比為1:1，目標(biāo)區(qū)域高寬比為2:3，當(dāng)源區(qū)域出現(xiàn)在目標(biāo)區(qū)域中時(shí)，仍

28、將保持其原有的高度和寬度比例，這樣就不會(huì)發(fā)生圖像扭曲的現(xiàn)象。 在這種情況下，realpix將源區(qū)域在目標(biāo)區(qū)域中居中放置。調(diào)整源區(qū)域的高度和寬度，直到其某一邊，或是高度，或是寬度，和目標(biāo)區(qū)域相同，另一邊則小于目標(biāo)區(qū)域。這時(shí)目標(biāo)區(qū)域中沒(méi)有被源圖像填充的部分顯示定義的窗口背景色。 如果設(shè)置了aspect=false，realpix將改變?cè)磪^(qū)域的高寬比，使源圖像充滿整個(gè)目標(biāo)區(qū)域。這時(shí)源圖像在顯示時(shí)會(huì)發(fā)生扭曲變形。圖6-4是以上兩種情況的示意圖。圖6-4 aspect屬性的設(shè)置效果6.3 realpix的標(biāo)記及屬性 在介紹realtext標(biāo)記及其屬性時(shí)，讀者應(yīng)該已經(jīng)有了這樣的印象，即只要是屬于由標(biāo)記性語(yǔ)

29、言編輯的文檔，都是通過(guò)對(duì)標(biāo)記的排列和標(biāo)記屬性的設(shè)置，來(lái)定義所要顯示的對(duì)象及其在文檔中的行為。由html編輯的網(wǎng)頁(yè)，前面介紹的realtext文件，本章介紹的realpix文件以及后面所要介紹的smil文件都屬于這一范圍。 通過(guò)realpix標(biāo)記及其屬性的設(shè)置，可以建立realpix文件的時(shí)間線，關(guān)聯(lián)所要顯示的圖像文件，可以產(chǎn)生豐富的視覺(jué)效果。一個(gè)典型的realpix標(biāo)記的寫(xiě)法如下所示： 6.3.1 realpix的語(yǔ)法規(guī)則 在編輯realpix文件時(shí)，所要遵循的基本語(yǔ)法規(guī)則如下：1. 在realpix文件源代碼中，除了關(guān)聯(lián)的圖像文件的路徑和文件名以外，其它所有的代碼都必須以小寫(xiě)英文字母來(lái)表示。

30、2. realpix的每一個(gè)標(biāo)記都是封閉型的。除了realpix文件的起始和終止標(biāo)記和以外，其它標(biāo)記都是以“/”符號(hào)表示結(jié)束，如。3. 標(biāo)記的屬性值都必須包含在雙引號(hào)內(nèi)。4. 除了特殊的規(guī)定外，屬性在標(biāo)記中的排列順序是隨意的。5. realpix文件是純文本文件。在完成文件編輯后，將其保存為純文本格式，文件的后綴名為.rp。注意，文件名中不可含有空格。6. 在realpix文件的源代碼中，你可以加入注釋行。注釋行的內(nèi)容不會(huì)出現(xiàn)在顯示窗口中，注釋行以!開(kāi)始，不需要結(jié)束符號(hào)“/”。例如： 6.3.2 realpix的頭部標(biāo)記 前面我們提到過(guò)，realpix文件的源代碼都是包含在文件的起始和終止標(biāo)記

31、：和中。這是realpix語(yǔ)言中唯一一對(duì)成對(duì)出現(xiàn)的封閉型標(biāo)記。 在realpix源代碼中，緊跟在起始標(biāo)記后面出現(xiàn)的是頭部標(biāo)記。它的作用和html的頭部標(biāo)記和相似。兩者不同的是，realpix的頭部標(biāo)記沒(méi)有相應(yīng)的結(jié)束標(biāo)記，而是以“/”來(lái)表示標(biāo)記的結(jié)束。 在頭部標(biāo)記中，可以定義標(biāo)準(zhǔn)的文件頭部信息，比如作者、標(biāo)題、版權(quán)等。作為流媒體文件，在realpix的頭部標(biāo)記中，還需要定義一些特定的屬性，如持續(xù)時(shí)間和傳輸帶寬等。下面就來(lái)介紹頭部標(biāo)記的各個(gè)屬性。1. width和height: 這兩個(gè)屬性定義了realpix文件顯示窗口的大小，它們是必須要設(shè)置的，屬性值的單位為像素。當(dāng)realplayer開(kāi)始播放

32、realpix文件，它的播放窗口根據(jù)這里的設(shè)置自動(dòng)調(diào)整到相應(yīng)的大小。當(dāng)將realpix文件和其它可視媒體對(duì)象，如realtext和流式視頻文件，通過(guò)smil文件組合在一起時(shí)，需要在smil文件中為realpix設(shè)置播放區(qū)域。通常播放區(qū)域的大小應(yīng)該和realpix的顯示窗口相同。如果不同，就要由smil來(lái)設(shè)置如何處理，比如調(diào)整realpix的顯示窗口來(lái)適應(yīng)smil的播放區(qū)域。下面這個(gè)例子定義了一個(gè)256像素見(jiàn)方的顯示窗口： 2. timeformat: 在編輯realpix文件時(shí)，經(jīng)常需要用到時(shí)間值，比如定義每一個(gè)圖像切換效果的開(kāi)始和持續(xù)時(shí)間，定義整個(gè)realpix文件的播放長(zhǎng)度等等。該屬性定義

33、了realpix源代碼中時(shí)間值的表示格式。其默認(rèn)的時(shí)間表示格式是以千分之一秒為時(shí)間單位，例如用“5400”來(lái)表示5.4秒。在用這個(gè)格式表示時(shí)間時(shí)，時(shí)間值中不能含有冒號(hào)或小數(shù)位。 當(dāng)然，你也可以將時(shí)間格式定義為前面介紹過(guò)的格式，即：dd:hh:mm:ss.xyz。定義的方法為： 。 至于該格式的含義，讀者可以參考本書(shū)5.3.2中的相關(guān)內(nèi)容。3. duration: 該屬性定義了整個(gè)realpix文件的播放時(shí)間，它是必須設(shè)置的。如果定義的播放時(shí)間小于該文件的時(shí)間線，那么當(dāng)播放時(shí)間結(jié)束時(shí)，該文件的播放也隨之停止，而不管其時(shí)間線是如何設(shè)置的；如果定義的播放時(shí)間超過(guò)該文件的時(shí)間線，那么最后一幅圖像將停留

34、在顯示窗口中，直到播放時(shí)間結(jié)束。下面這個(gè)例子定義播放時(shí)間為50秒。 4. bitrate: 該屬性定義了realpix文件傳輸時(shí)所可以消耗的最大帶寬，它是必須要設(shè)置的。屬性值的單位為比特/秒(bps)。至于如何根據(jù)realpix的具體情況來(lái)定義其bitrate屬性，本書(shū)將在6.4中詳細(xì)介紹。5. preroll: realplayer在開(kāi)始接收realpix文件的數(shù)據(jù)后，需要經(jīng)過(guò)一段預(yù)置時(shí)間，在這段時(shí)間里，realplayer需要對(duì)文件信息進(jìn)行處理以獲得realpix文件的一些基本特性，如窗口大小等。另外，還必須在內(nèi)存中儲(chǔ)存一定量的realpix文件數(shù)據(jù)以保證播放的正常。preroll屬性就是

35、定義了這個(gè)時(shí)間的長(zhǎng)短，它的設(shè)置是可選的。realplayer通常是根據(jù)realpix所關(guān)聯(lián)的圖像文件的大小和圖像顯示的時(shí)間點(diǎn)來(lái)計(jì)算其預(yù)置時(shí)間的。如果其計(jì)算值大于文件中的設(shè)定值，那文件中的設(shè)定值被計(jì)算值所替代。文件中的設(shè)定值只有在大于計(jì)算值時(shí)才有效。所以，除非想要人為地使預(yù)置時(shí)間延長(zhǎng)，否則沒(méi)有必要設(shè)置preroll屬性。 當(dāng)realpix文件和其它媒體對(duì)象組合成多媒體節(jié)目時(shí)，較長(zhǎng)的預(yù)置時(shí)間對(duì)整個(gè)節(jié)目的順利播放是非常有用的。比如，一個(gè)視頻文件在realpix文件播放的中間開(kāi)始播放。給realpix文件定義較長(zhǎng)的預(yù)置時(shí)間可以使realplayer在開(kāi)始播放realpix之前積存較多的數(shù)據(jù)。這樣可以為

36、后面視頻數(shù)據(jù)的傳輸提供更多的帶寬。使得視頻文件的播放正常。當(dāng)然，對(duì)于用戶來(lái)講，預(yù)置時(shí)間越短越好，因?yàn)樗麄兛隙ú幌朐谖募シ胖暗却L(zhǎng)的時(shí)間。關(guān)于預(yù)置時(shí)間的具體概念，將在6.4中詳細(xì)介紹。下面的例子定義了realpix文件的預(yù)置時(shí)間為40秒。 6. title、author和copyright: 這些屬性定義了realpix文件的一些標(biāo)準(zhǔn)信息，它們的設(shè)置是可選的。在realpix文件播放時(shí)，title顯示在realplayer播放窗口的標(biāo)題欄上，其它顯示在realplayer媒體信息欄中。如果realpix由smil組合播放，這些信息將被smil文件的相關(guān)信息所覆蓋。下面是一個(gè)例子。 7. b

37、ackground-color: 該屬性定義了顯示窗口最初的背景色，默認(rèn)值為黑色。在文件主體中，可以通過(guò)標(biāo)記改變窗口背景色。顏色的取值我們將專門(mén)介紹。下面的例子定義窗口背景色為紅色。 8. url: 該屬性為顯示窗口定義了一個(gè)超鏈接地址，它的設(shè)置是可選的。當(dāng)文件在播放時(shí)，點(diǎn)擊播放窗口，會(huì)啟動(dòng)用戶端的默認(rèn)瀏覽器載入鏈接內(nèi)容。當(dāng)然，這個(gè)鏈接在某些時(shí)候可以被某些特定的設(shè)置所替代。也可以通過(guò)這個(gè)屬性定義打開(kāi)一個(gè)新的realplayer播放窗口，播放一個(gè)新的流媒體文件。該屬性設(shè)置的例子為： 9. aspect: 該屬性的含義我們已經(jīng)在前面介紹過(guò)了，它的默認(rèn)值為“true”。當(dāng)設(shè)置了aspect=true

38、或該屬性缺省時(shí)，在目標(biāo)區(qū)域中顯示的圖像將保持其原有的長(zhǎng)寬比例。當(dāng)設(shè)置了aspect=false而目標(biāo)區(qū)域具有不同的長(zhǎng)寬比時(shí)，圖像原有的長(zhǎng)寬比例將為了適應(yīng)目標(biāo)區(qū)域而發(fā)生變化，換句話說(shuō)，圖像在顯示時(shí)將發(fā)生扭曲變形。在文件標(biāo)記中設(shè)置的aspect屬性將影響整個(gè)文件中所有圖像的顯示。當(dāng)然，你也可以為某些圖像定義單獨(dú)定義其aspect屬性，這時(shí)文件標(biāo)記中的aspect屬性值將被覆蓋。該屬性定義的寫(xiě)法為： 10. maxfps : 該屬性的設(shè)置是可選的，它定義了文件顯示時(shí)圖像交替的最高速度，屬性值的單位為“幀/秒”(fps)。通常該屬性不用定義，realplayer會(huì)根據(jù)用戶端計(jì)算機(jī)cpu的能力確定一個(gè)最

39、佳的速度。當(dāng)其cpu有足夠的能力時(shí)，最高速度可達(dá)30fps。當(dāng)然，你也可以定義一個(gè)較小的速度來(lái)產(chǎn)生一些特殊的視覺(jué)效果，例如，定義maxfps=5可以產(chǎn)生視覺(jué)上的停頓。另外，當(dāng)realpix文件作為smil文件的一個(gè)播放組件時(shí)，可以通過(guò)該屬性的定義來(lái)平衡cpu的使用。當(dāng)需要設(shè)置該屬性時(shí)，它通常是被放在所有屬性的最后。例如： 6.3.3 和標(biāo)記1 標(biāo)記 對(duì)于realpix所要顯示的每一個(gè)圖像文件，都是通過(guò)標(biāo)記來(lái)關(guān)聯(lián)它們的。通常在文件源代碼中，標(biāo)記緊接著標(biāo)記出現(xiàn)，它描述了圖像文件的位置，以及為該圖像文件在realpix文件中提供了一個(gè)唯一的操作號(hào)。該標(biāo)記有兩個(gè)屬性，name和handle，它們都是必

40、須設(shè)置的。標(biāo)記的寫(xiě)法如下所示： 1）handle: 該屬性的值是一個(gè)正整數(shù)，它為相應(yīng)的圖像文件提供了一個(gè)操作號(hào)，在整個(gè)realpix文件中，該操作號(hào)必須是唯一的。在realpix要引用一個(gè)圖像文件時(shí)，它引用的是該圖像文件的操作號(hào)而不是其文件名。該屬性的寫(xiě)法為： 2） name: 該屬性定義了圖像文件的位置和名稱。文件位置通常用對(duì)于realpix文件的相對(duì)路徑來(lái)表示。相對(duì)路徑的寫(xiě)法遵從html的語(yǔ)法規(guī)則。例如，下面的寫(xiě)法表示一個(gè)和realpix文件位于同一目錄下的圖像文件： 另一個(gè)例子表示位于realpix文件下一級(jí)image目錄中的圖像文件： 2 標(biāo)記 標(biāo)記的作用是在realpix的顯示窗口中

41、產(chǎn)生一個(gè)帶有顏色的方形區(qū)域，該標(biāo)記在realpix文件播放的開(kāi)頭，或是你想在文件播放過(guò)程中顯示一個(gè)方形區(qū)域以產(chǎn)生一些特殊的視覺(jué)效果時(shí)是非常有用的。該標(biāo)記的寫(xiě)法為： 1） start: 該屬性定義了標(biāo)記相對(duì)于整個(gè)realpix文件的播放起點(diǎn)開(kāi)始作用的時(shí)間，屬性值為一個(gè)時(shí)間值，時(shí)間值的寫(xiě)法必須遵從標(biāo)記中定義的時(shí)間值格式，它是必須設(shè)置的。2） color: 該屬性定義了標(biāo)記所產(chǎn)生的方形區(qū)域的填充顏色，顏色值的表示請(qǐng)讀者參閱本書(shū)6.3.5。該屬性是必須設(shè)置的。3） dstx，dsty，dstw，dsth: 這一組屬性定義了方形區(qū)域在realpix顯示窗口中的位置和大小。關(guān)于每個(gè)屬性的含義，我們?cè)?.2

42、.5中已經(jīng)詳細(xì)介紹過(guò)，請(qǐng)讀者參閱相關(guān)章節(jié)。如果這一組屬性缺省，則方形區(qū)域?yàn)閞ealpix的整個(gè)顯示窗口。6.3.4 圖像切換效果標(biāo)記 realpix提供了一系列的效果標(biāo)記，可以產(chǎn)生多種多樣的圖像切換效果。正是由于這些標(biāo)記的存在，才使得realpix在目前internet的多媒體領(lǐng)域中被廣泛應(yīng)用。下面我們來(lái)詳細(xì)介紹這些標(biāo)記的寫(xiě)法和含義。1 標(biāo)記 標(biāo)記產(chǎn)生的效果是顯示窗口中原有的圖像或色彩消失，而標(biāo)記中引用的新的圖像逐漸顯示。該標(biāo)記的寫(xiě)法如下所示。圖6-4是該圖像切換效果的示意圖。 圖6-5 fadein切換效果 讀者可以通過(guò)觀看本書(shū)隨書(shū)光盤(pán)中fadein效果的實(shí)例來(lái)加深對(duì)該效果直觀的印象。下面是

43、標(biāo)記的各個(gè)屬性及其含義。1） start: 該屬性定義了fadein效果的開(kāi)始時(shí)間，屬性值是符合標(biāo)記中所定義格式的時(shí)間值。效果開(kāi)始的確切時(shí)間是對(duì)應(yīng)于整個(gè)realpix文件播放的時(shí)間線而言的。該屬性是必須設(shè)置的。下面的例子定義了fadein效果開(kāi)始的時(shí)間為realpix時(shí)間線上的4秒處。 2） duration: 該屬性定義了fadein效果的持續(xù)時(shí)間，屬性值同樣是符合標(biāo)記中所定義格式的時(shí)間值。屬性值越大，圖像切換的進(jìn)程就越緩慢。該屬性是必須設(shè)置的。下面的例子定義了效果的持續(xù)時(shí)間為2.5秒。 3） target: 該屬性指定了標(biāo)記中所引用的新的圖像，它是必須設(shè)置的，屬性值為相應(yīng)圖像文件的操作數(shù)。

44、例如： 4） srcx、srcy、srcw、srch: 這一組屬性定義了新圖像的源區(qū)域。有關(guān)圖像源區(qū)域的概念和各個(gè)屬性值的含義，請(qǐng)讀者參考6.2.5中的相關(guān)內(nèi)容。這組屬性的設(shè)置是可選的，如果它們?nèi)笔。瑒t新圖像的源區(qū)域?yàn)檎鶊D像。5） dstx、dsty、dstw、dsth: 這一組屬性定義了顯示新圖像的目標(biāo)區(qū)域。有關(guān)目標(biāo)區(qū)域的概念和各個(gè)屬性值的含義，請(qǐng)讀者參考6.2.5中的相關(guān)內(nèi)容。這組屬性的設(shè)置是可選的，如果它們?nèi)笔。瑒t顯示新圖像的目標(biāo)區(qū)域?yàn)閞ealpix的整個(gè)顯示窗口。6） url: 該屬性為新的圖像定義了一個(gè)超鏈接地址。如果點(diǎn)擊新圖像，會(huì)啟動(dòng)用戶端的默認(rèn)瀏覽器載入鏈接內(nèi)容。該屬性的設(shè)置是

45、可選的。如果設(shè)置了該屬性，realpix文件標(biāo)記中定義的url屬性在這里就被替代。7） aspect: 該屬性定義了當(dāng)目標(biāo)區(qū)域的長(zhǎng)寬比例與新圖像源區(qū)域的長(zhǎng)寬比不同時(shí)，顯示時(shí)是否保持其原有的比例。該屬性的設(shè)置是可選的。如果設(shè)置了該屬性，realpix文件標(biāo)記中定義的aspect屬性在這里就被替代。8） maxfps: 該屬性定義了fadein效果圖像交替的最高速度。該屬性的設(shè)置是可選的。如果設(shè)置了該屬性，realpix文件標(biāo)記中定義的maxfps屬性在這里就被替代。該屬性的設(shè)置通常放在標(biāo)記所以屬性的最后。2 標(biāo)記 標(biāo)記產(chǎn)生的效果是顯示窗口中原有的圖像或其某一部分逐漸消失，取而代之的是一個(gè)逐漸顯示

46、的，填充了顏色的方形區(qū)域。該標(biāo)記的寫(xiě)法如下所示。圖6-6是該切換效果的示意圖。 圖6-6 fadeout切換效果 讀者可以通過(guò)觀看本書(shū)隨書(shū)光盤(pán)中fadeout效果的實(shí)例來(lái)加深對(duì)該效果直觀的印象。下面是標(biāo)記的各個(gè)屬性及其含義。1） start: 該屬性定義了fadeout效果在realpix時(shí)間線上的開(kāi)始時(shí)間，它是必須設(shè)置的。它的寫(xiě)法和含義與標(biāo)記的start屬性相同。2） duration: 該屬性定義了fadeout效果的持續(xù)時(shí)間，它是必須設(shè)置的。同樣，它的寫(xiě)法和含義與標(biāo)記的duration屬性相同。3） dstx、dsty、dstw、dsth: 這一組屬性定義了顯示窗口中所要產(chǎn)生fadeou

47、t效果的區(qū)域，它們的設(shè)置是可選的。如果它們卻省，則產(chǎn)生效果的區(qū)域?yàn)檎麄€(gè)顯示窗口。4） color: 該屬性定義了fadeout效果產(chǎn)生時(shí)，其顯示的方形區(qū)域內(nèi)所填充的顏色。顏色值的表示方法請(qǐng)參考6.3.5中的內(nèi)容。該屬性是必須設(shè)置的。5） maxfps 該屬性的含義與標(biāo)記的maxfps屬性完全相同。3 標(biāo)記 標(biāo)記產(chǎn)生的效果是兩個(gè)圖像的替換。顯示窗口中原有的圖像或其某一部分逐漸消失，同時(shí)標(biāo)記中引用的新的圖像逐漸顯示。在效果發(fā)生的過(guò)程中會(huì)產(chǎn)生兩個(gè)圖像的重疊。其實(shí)讀者可以將其想象成fadein和fadeout兩種效果的合成。圖6-7是該效果的示意圖。讀者也可以通過(guò)本書(shū)隨書(shū)光盤(pán)中crossfade效果的

48、實(shí)例來(lái)加深印象。下面是該標(biāo)記的各個(gè)屬性及其含義。圖6-7 crossfade切換效果1） start: 該屬性是必須設(shè)置的，它在realpix的時(shí)間線上定義了crossfade效果開(kāi)始發(fā)生的時(shí)間點(diǎn)。例如： 2） duration: 該屬性是必須設(shè)置的，它定義了crossfade效果的持續(xù)時(shí)間。屬性的時(shí)間值越大，兩個(gè)圖像的替換也就越緩慢。例如： 3） target: 該屬性是必須設(shè)置的，它關(guān)聯(lián)了crossfade效果中所要顯示的新的圖像。其屬性值是圖像文件相對(duì)應(yīng)的操作數(shù)。例如： 4） dstx、dsty、dstw、dsth: 這一組屬性定義了crossfade效果在顯示窗口中發(fā)生的區(qū)域，也就是新

49、圖像顯示的目標(biāo)區(qū)域。如果這組屬性缺省，該效果的發(fā)生區(qū)域就是整個(gè)顯示窗口。如果定義了發(fā)生區(qū)域只是顯示窗口的某一部分，那么原有圖像只有這一部分被新的圖像替換，它的其它部分仍然保持原樣。例如，下面的例子定義了crossfade效果的發(fā)生區(qū)域?yàn)閷挾群透叨染鶠?28像素的方形區(qū)域，其左上角位于和顯示窗口的右邊緣相距20像素，上邊緣相距40像素處。 5） srcx、srcy、srcw、srch: 這一組屬性定義了新圖像參與crossfade效果、也就是在目標(biāo)區(qū)域中顯示的源區(qū)域。如果這組屬性缺省，那么乞源區(qū)域就是整個(gè)新圖像。關(guān)于源區(qū)域和目標(biāo)區(qū)域的概念，讀者可以參閱6.2.5中的相關(guān)內(nèi)容。6） url: 該屬性的設(shè)置是可選的，它為crossfade效果的發(fā)生區(qū)域定義了一個(gè)超鏈接地址。該屬性的設(shè)置將在crossfade效果中覆蓋realpix的標(biāo)記中定義的超鏈接地