專(zhuān)利名稱(chēng)：一種基于瀏覽器的圖片顯示方法和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及互聯(lián)網(wǎng)內(nèi)容的立體顯示領(lǐng)域，特別涉及一種基于瀏覽器的圖片顯示方法和系統(tǒng)。
背景技術(shù)：
人類(lèi)是通過(guò)右眼和左眼所看到的物體的細(xì)微差異來(lái)感知物體的深度，從而識(shí)別出立體圖像的，這種差異被稱(chēng)為視差。立體顯示技術(shù)就是通過(guò)人為的手段來(lái)制造人的左右眼的視差，給左、右眼分別送去有視差的兩幅圖像，使大腦在獲取了左右眼看到的不同圖像之后，產(chǎn)生觀察真實(shí)三維物體的感覺(jué)。立體顯示裝置一般有兩種類(lèi)型狹縫光柵式立體顯示裝置和微透鏡陣列立體顯示裝置。其中微透鏡陣列立體顯示裝置包括顯示面板和安裝在顯示面板前方的微透鏡陣列，從而將來(lái)自于顯示面板的3D圖像分成右眼和左眼圖像。現(xiàn)有技術(shù)還記載了在立體顯示的基礎(chǔ)上，實(shí)現(xiàn)2D-3D切換的技術(shù)方案。例如，在中國(guó)發(fā)明專(zhuān)利申請(qǐng)CNlOlU6840A中公開(kāi)了一種2D-3D可切換立體顯示裝置，包括顯示面板和透鏡組件；所述透鏡組件，包括兩個(gè)組合透鏡和一個(gè)半波板，每個(gè)組合透鏡由一個(gè)單折射透鏡和一個(gè)可加電形成電場(chǎng)的雙折射透鏡構(gòu)成，不加電時(shí)，自然光從一個(gè)組合透鏡射入，產(chǎn)生無(wú)折射的尋常光和折射的非尋常光，然后通過(guò)半波板旋轉(zhuǎn)90度后射入另外一個(gè)組合透鏡， 該另外一個(gè)組合透鏡將旋轉(zhuǎn)后產(chǎn)生的尋常光無(wú)折射透射，非尋常光折射；加電時(shí)，自然光無(wú)折射的從一個(gè)組合透鏡透射，穿過(guò)半波板后從另外一個(gè)組合透鏡無(wú)折射的透射出去。還可以采用薄膜晶體管電路對(duì)部分區(qū)域進(jìn)行獨(dú)立的控制。利用該發(fā)明的上述方案，可以在不犧牲亮度的情況下對(duì)全屏或部分區(qū)域進(jìn)行2D和3D的切換顯示。另外，隨著互聯(lián)網(wǎng)技術(shù)日益成熟，個(gè)人網(wǎng)絡(luò)相冊(cè)、網(wǎng)絡(luò)圖片庫(kù)等方式逐漸成為主要的照片載體，且用戶(hù)比重漸呈超越傳統(tǒng)相片的趨勢(shì)。同時(shí)，隨著立體技術(shù)的發(fā)展，立體相機(jī)逐漸普及，以及它帶給觀者更接近真實(shí)的視覺(jué)感受，網(wǎng)絡(luò)立體顯示時(shí)代一定會(huì)成為未來(lái)的新趨勢(shì)。網(wǎng)絡(luò)圖片立體顯示的問(wèn)題在于，瀏覽器多種多樣，但其圖片的處理部分是獨(dú)立的， 是和操作系統(tǒng)無(wú)關(guān)的。而立體顯示技術(shù)不僅和操作系統(tǒng)相關(guān)，而且和硬件相關(guān)，相應(yīng)的程序接口是系統(tǒng)級(jí)函數(shù)。那么，在不改動(dòng)瀏覽器內(nèi)核的前提下，如何讓瀏覽器支持對(duì)網(wǎng)頁(yè)圖片的立體顯示，就成為亟待解決的技術(shù)問(wèn)題。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種基于瀏覽器的圖片顯示方法和系統(tǒng)，在不改動(dòng)瀏覽器內(nèi)核的前提下，讓瀏覽器支持對(duì)網(wǎng)頁(yè)圖片的立體顯示。為實(shí)現(xiàn)上述目的，本發(fā)明提供技術(shù)方案如下一種基于瀏覽器的圖片顯示方法，包括從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片；獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；
根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域 fn息；將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。上述的圖片顯示方法，還包括獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為；根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息和所述第二顯示區(qū)域信息進(jìn)行更新。上述的圖片顯示方法，還包括當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。上述的圖片顯示方法，還包括獲取與立體顯示相關(guān)的狀態(tài)信息；當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行
二維顯示。上述的圖片顯示方法，其中，所述狀態(tài)信息包括柱狀透鏡狀態(tài)、臉部跟蹤狀態(tài)、瀏覽器狀態(tài)和/或立體顯示狀態(tài)。一種基于瀏覽器的圖片顯示系統(tǒng)，包括頁(yè)面端模塊，用于從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片，并獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；瀏覽器橋控件，用于根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息，并將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。上述的圖片顯示系統(tǒng)，其中所述瀏覽器橋控件還用于，獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為，并根據(jù)所述操作行為對(duì)所述第二顯示區(qū)域信息進(jìn)行更新；所述頁(yè)面端模塊還用于，根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息進(jìn)行更新。上述的圖片顯示系統(tǒng)，其中所述瀏覽器橋控件還用于，當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。上述的圖片顯示系統(tǒng)，其中所述瀏覽器橋控件還用于，獲取與立體顯示相關(guān)的狀態(tài)信息，當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片， 以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。上述的圖片顯示系統(tǒng)，其中，所述狀態(tài)信息包括柱狀透鏡狀態(tài)、臉部跟蹤狀態(tài)、瀏覽器狀態(tài)和/或立體顯示狀態(tài)。與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是
本發(fā)明通過(guò)從瀏覽器中獲取網(wǎng)頁(yè)圖片的顯示區(qū)域信息，并將該顯示區(qū)域信息轉(zhuǎn)換為相對(duì)于顯示屏幕的顯示區(qū)域信息后發(fā)送給立體顯示硬件，由立體顯示硬件完成對(duì)所述網(wǎng)頁(yè)圖片的立體顯示，從而實(shí)現(xiàn)了在不改動(dòng)瀏覽器內(nèi)核的前提下，讓瀏覽器支持對(duì)網(wǎng)頁(yè)圖片的立體顯示，大大增強(qiáng)了用戶(hù)體驗(yàn)。


圖1為本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法流程圖；圖2為本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示系統(tǒng)結(jié)構(gòu)圖；圖3為本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示系統(tǒng)的各模塊協(xié)作示意圖。
具體實(shí)施例方式為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖及具體實(shí)施例對(duì)本發(fā)明進(jìn)行詳細(xì)描述。參照?qǐng)D1，本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法，包括如下步驟步驟101 從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片；用戶(hù)通過(guò)瀏覽器打開(kāi)一個(gè)網(wǎng)頁(yè)后，網(wǎng)頁(yè)的頁(yè)面中呈現(xiàn)各種圖片，包括裝飾圖、廣告、主題內(nèi)容圖等。有些網(wǎng)頁(yè)圖片不適合立體顯示，例如區(qū)域面積過(guò)小、立體效果不明顯、立體區(qū)域移出瀏覽器客戶(hù)區(qū)域等網(wǎng)頁(yè)圖片?？梢酝ㄟ^(guò)對(duì)網(wǎng)頁(yè)圖片進(jìn)行自動(dòng)檢測(cè)，來(lái)獲取圖片坐標(biāo)、尺寸和其面積大小，并根據(jù)這些信息來(lái)剔除掉不適合進(jìn)行立體顯示的圖片。也可以根據(jù)用戶(hù)的選擇來(lái)確定需要進(jìn)行立體顯示的圖片。例如，獲取用戶(hù)的鼠標(biāo)事件，選擇鼠標(biāo)停留的圖片或者鼠標(biāo)單擊的圖片作為需要進(jìn)行立體顯示的圖片。當(dāng)然，在不考慮顯示效果的前提下，還可以選擇對(duì)瀏覽器窗口中的所有網(wǎng)頁(yè)圖片進(jìn)行立體顯示。步驟102 獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；選擇出需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片后，便可獲取其相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息，即該網(wǎng)頁(yè)圖片在瀏覽器窗口中的位置，包括其在瀏覽器窗口中的坐標(biāo)、尺寸等信息，這里的坐標(biāo)是相對(duì)于瀏覽器窗口而言。步驟103 根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息；首先獲取瀏覽器窗口在顯示屏幕中的位置，然后，根據(jù)瀏覽器窗口在顯示屏幕中的位置，將網(wǎng)頁(yè)圖片相對(duì)于瀏覽器窗口的坐標(biāo)轉(zhuǎn)換為相對(duì)于顯示屏幕的坐標(biāo)，根據(jù)網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的坐標(biāo)以及網(wǎng)頁(yè)圖片的尺寸，便可得到網(wǎng)頁(yè)圖片在顯示屏幕中的位置， 即為所述第二顯示區(qū)域。步驟104 將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片， 以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯不。現(xiàn)有技術(shù)已經(jīng)實(shí)現(xiàn)了在顯示屏幕的任何區(qū)域進(jìn)行立體顯示的技術(shù)，且還能夠?qū)αⅢw顯示的區(qū)域進(jìn)行調(diào)整。因此，通過(guò)將所述第二顯示區(qū)域信息發(fā)送給立體顯示芯片，便可以由所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯不。本發(fā)明實(shí)施例的上述方法通過(guò)從瀏覽器中獲取網(wǎng)頁(yè)圖片的顯示區(qū)域信息，并將該顯示區(qū)域信息轉(zhuǎn)換為相對(duì)于顯示屏幕的顯示區(qū)域信息后發(fā)送給立體顯示硬件，由立體顯示硬件完成對(duì)所述網(wǎng)頁(yè)圖片的立體顯示，從而實(shí)現(xiàn)了在不改動(dòng)瀏覽器內(nèi)核的前提下，讓瀏覽器支持對(duì)網(wǎng)頁(yè)圖片的立體顯示，大大增強(qiáng)了用戶(hù)體驗(yàn)。用戶(hù)在瀏覽網(wǎng)頁(yè)的過(guò)程中，還經(jīng)常對(duì)網(wǎng)頁(yè)圖片或?yàn)g覽器窗口進(jìn)行一些操作，這些操作會(huì)造成網(wǎng)頁(yè)圖片大小以及其在顯示屏幕中的位置發(fā)生變化，需要根據(jù)這些變化對(duì)顯示屏幕的立體顯示區(qū)域進(jìn)行更新。因此，本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法還可包括獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為；根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息和所述第二顯示區(qū)域信息進(jìn)行更新。其中，用戶(hù)對(duì)網(wǎng)頁(yè)圖片的操作行為包括對(duì)網(wǎng)頁(yè)圖片進(jìn)行放大、對(duì)網(wǎng)頁(yè)圖片進(jìn)行縮小、拖曳網(wǎng)頁(yè)圖片等。當(dāng)這些操作行為發(fā)生時(shí)，可以重新獲取該網(wǎng)頁(yè)圖片在瀏覽器窗口中的位置，包括其在瀏覽器窗口中的坐標(biāo)、尺寸等信息，得到更新后的第一顯示區(qū)域信息，然后， 根據(jù)更新后的第一顯示區(qū)域信息對(duì)所述第二顯示區(qū)域信息進(jìn)行更新，并將更新后的第二顯示區(qū)域信息發(fā)送到立體顯示芯片，從而使得顯示屏幕的立體顯示區(qū)域也得到了更新。用戶(hù)對(duì)瀏覽器窗口的操作行為包括對(duì)網(wǎng)頁(yè)進(jìn)行刷新、滾動(dòng)網(wǎng)頁(yè)、關(guān)閉網(wǎng)頁(yè)、拖拽網(wǎng)頁(yè)、對(duì)網(wǎng)頁(yè)進(jìn)行放大或縮小等。這些操作行為可能導(dǎo)致網(wǎng)頁(yè)圖片在瀏覽器窗口中的位置發(fā)生變化，例如，滾動(dòng)網(wǎng)頁(yè)；網(wǎng)頁(yè)圖片的尺寸以及其在瀏覽器窗口中的位置發(fā)生變化，例如，對(duì)網(wǎng)頁(yè)進(jìn)行放大或縮??；瀏覽器窗口在顯示屏幕中的位置發(fā)生變化，例如，拖拽網(wǎng)頁(yè)；瀏覽器窗口的尺寸以及其在顯示屏幕中的位置發(fā)生變化，例如，對(duì)網(wǎng)頁(yè)進(jìn)行放大或縮小。上述情形發(fā)生時(shí)，需要對(duì)第一顯示區(qū)域信息和/或第二顯示區(qū)域信息進(jìn)行更新， 并將更新后的第二顯示區(qū)域信息發(fā)送到立體顯示芯片，從而使得顯示屏幕的立體顯示區(qū)域也得到了更新。例如，滾動(dòng)網(wǎng)頁(yè)時(shí)，需要更新所述第一顯示區(qū)域信息，然后，根據(jù)更新后的第一顯示區(qū)域信息對(duì)所述第二顯示區(qū)域信息進(jìn)行更新。又例如，拖拽網(wǎng)頁(yè)時(shí)，第一顯示區(qū)域信息未發(fā)生變化，直接更新所述第二顯示區(qū)域 fn息ο其他各種更新情況，這里不再一一列舉。另外，用戶(hù)的上述操作行為引起的圖片大小以及位置的變化，還可能導(dǎo)致該網(wǎng)頁(yè)圖片不再適合于立體顯示，因此，本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法還可包括當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。例如，上述操作行為導(dǎo)致網(wǎng)頁(yè)圖片的區(qū)域面積過(guò)小、立體效果不明顯或者立體區(qū)域移出瀏覽器客戶(hù)區(qū)域時(shí)，通過(guò)立體顯示芯片關(guān)閉當(dāng)前立體顯示效果，并切換成二維普通顯示效果。
優(yōu)選地，本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法還可包括獲取與立體顯示相關(guān)的狀態(tài)信息；當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行
二維顯示。其中，所述狀態(tài)信息包括柱狀透鏡狀態(tài)打開(kāi)還是關(guān)閉；臉部跟蹤狀態(tài)跟上還是沒(méi)跟上；立體顯示狀態(tài)打開(kāi)還是關(guān)閉；瀏覽器狀態(tài)瀏覽器窗口是否為當(dāng)前激活窗口、瀏覽器窗口標(biāo)簽頁(yè)是否被激活、瀏覽器中的圖片區(qū)域是否被遮擋。具體地，當(dāng)以下?tīng)顟B(tài)出現(xiàn)時(shí)，通過(guò)立體顯示芯片關(guān)閉當(dāng)前立體顯示效果，并切換成二維普通顯示效果柱狀透鏡被關(guān)閉，臉部沒(méi)有跟蹤上，立體顯示被關(guān)閉，瀏覽器窗口不是當(dāng)前激活窗口，瀏覽器中的圖片區(qū)域被遮擋，瀏覽器窗口標(biāo)簽頁(yè)未被激活。與上述基于瀏覽器的圖片顯示方法相對(duì)應(yīng)，本發(fā)明實(shí)施例還提供一種基于瀏覽器的圖片顯示系統(tǒng)，參照?qǐng)D2，該圖片顯示系統(tǒng)包括頁(yè)面端模塊10，用于從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片，并獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；瀏覽器橋控件20，用于根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息，并將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。用戶(hù)在瀏覽網(wǎng)頁(yè)的過(guò)程中，還經(jīng)常對(duì)網(wǎng)頁(yè)圖片或?yàn)g覽器窗口進(jìn)行一些操作，這些操作會(huì)造成網(wǎng)頁(yè)圖片大小以及其在顯示屏幕中的位置發(fā)生變化，需要根據(jù)這些變化對(duì)顯示屏幕的立體顯示區(qū)域進(jìn)行更新。因此，所述瀏覽器橋控件20還可用于，獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為，并根據(jù)所述操作行為對(duì)所述第二顯示區(qū)域信息進(jìn)行更新；所述頁(yè)面端模塊10還可用于，根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息進(jìn)行更新。另外，用戶(hù)的上述操作行為引起的圖片大小以及位置的變化，還可能導(dǎo)致該網(wǎng)頁(yè)圖片不再適合于立體顯示，因此，所述瀏覽器橋控件20還可用于，當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。優(yōu)選地，所述瀏覽器橋控件20還可用于，獲取與立體顯示相關(guān)的狀態(tài)信息，當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。其中，所述狀態(tài)信息包括柱狀透鏡狀態(tài)、臉部跟蹤狀態(tài)、瀏覽器狀態(tài)和/或立體顯示狀態(tài)。上述的兩個(gè)模塊都工作在瀏覽器中，瀏覽器橋控件20是頁(yè)面端模塊10和系統(tǒng)間通信的橋梁，以瀏覽器插件或組件方式嵌入瀏覽器中，使得瀏覽器可以和系統(tǒng)級(jí)的程序接口通信，這兩個(gè)模塊配合立體顯示的硬件接口，在不改動(dòng)瀏覽器內(nèi)核的前提下，能夠完成對(duì)網(wǎng)頁(yè)圖片的立體顯示。以下給出上述兩個(gè)模塊的具體實(shí)現(xiàn)。頁(yè)面端模塊10，以腳本形式寫(xiě)在頁(yè)面中，由瀏覽器裝載并執(zhí)行。頁(yè)面端模塊10用來(lái)管理當(dāng)前網(wǎng)頁(yè)中一個(gè)或者更多的網(wǎng)頁(yè)圖片。由于網(wǎng)頁(yè)的頁(yè)面里包含裝飾圖、廣告、主題內(nèi)容圖等各種圖片信息，所以可能會(huì)有多個(gè)網(wǎng)頁(yè)圖片被檢測(cè)到。 頁(yè)面端模塊10需要整理并實(shí)時(shí)維護(hù)這些網(wǎng)頁(yè)圖片的坐標(biāo)、尺寸和其面積大小，并標(biāo)出當(dāng)前被使用的網(wǎng)頁(yè)圖片，篩選出不適合呈現(xiàn)立體效果的網(wǎng)頁(yè)圖片，例如區(qū)域面積過(guò)小、立體效果不明顯、立體區(qū)域移出瀏覽器客戶(hù)區(qū)域等網(wǎng)頁(yè)圖片。頁(yè)面端模塊10還負(fù)責(zé)捕捉和管理用戶(hù)在瀏覽頁(yè)面時(shí)的動(dòng)作，比如檢測(cè)瀏覽器、檢測(cè)版本兼容性、參數(shù)完整性、網(wǎng)頁(yè)刷新、滾動(dòng)、關(guān)閉、拖拽或者改變網(wǎng)頁(yè)大小等事件。一旦有動(dòng)作使網(wǎng)頁(yè)圖片的區(qū)域發(fā)生了移動(dòng)或者改變大小等變化，就記錄下來(lái)。頁(yè)面端模塊10根據(jù)記錄的信息選擇出待顯立體效果的網(wǎng)頁(yè)圖片，把它在瀏覽器窗口中的坐標(biāo)、尺寸等信息做為相對(duì)坐標(biāo)(相對(duì)于瀏覽器)傳給瀏覽器橋控件20。頁(yè)面端模塊10還能夠檢測(cè)當(dāng)前系統(tǒng)是否支持立體顯示，不支持則進(jìn)行普通的二維顯示。頁(yè)面端模塊10還可以和網(wǎng)頁(yè)圖片交互，并包裝部分操作圖片的函數(shù)，供其他腳本使用，具體包括操作圖片的行為，例如隱藏、顯示、放大、縮小等；操作并控制圖片的加載行為；選擇出待顯立體效果的圖片；將待顯立體區(qū)域參數(shù)傳送給瀏覽器橋控件20。頁(yè)面端模塊10還可以和瀏覽器橋控件20交互，得到或控制立體顯示的各種狀態(tài)， 具體包括得到當(dāng)前柱狀棱鏡狀態(tài)，打開(kāi)還是關(guān)閉；得到當(dāng)前臉部跟蹤狀態(tài)，跟上還是沒(méi)跟上；得到或設(shè)定立體顯示參數(shù)，左右/右左/上下/下上模式；顯示屏幕上特定區(qū)域的立體效果；關(guān)閉屏幕上特定區(qū)域的立體效果；頁(yè)面裝載并初始化立體顯示函數(shù)；頁(yè)面關(guān)閉并卸載瀏立體顯示函數(shù)。瀏覽器橋控件20，由瀏覽器加載并運(yùn)行，是溝通頁(yè)面端模塊10和硬件的橋梁。不僅可以監(jiān)控瀏覽器，獲得網(wǎng)頁(yè)中圖片的立體參數(shù)，而且可以開(kāi)啟或者關(guān)閉臉部跟蹤設(shè)備，取得臉部跟蹤狀態(tài)，或?qū)⑵聊簧系闹付▍^(qū)域立體顯示。其中，監(jiān)控瀏覽器部分由以下函數(shù)組成監(jiān)控瀏覽器，截獲其移動(dòng)/改變尺寸/最小化等事件，將從頁(yè)面端模塊10傳送來(lái)的相對(duì)坐標(biāo)(相對(duì)瀏覽器)，轉(zhuǎn)換成絕對(duì)坐標(biāo)(相對(duì)顯示屏幕)；監(jiān)控瀏覽器的激活狀態(tài)，非激活狀態(tài)時(shí)，須及時(shí)關(guān)閉立體效果；
監(jiān)控瀏覽器標(biāo)簽頁(yè)的激活狀態(tài)，非激活狀態(tài)時(shí)，須及時(shí)關(guān)閉立體效果。取狀態(tài)及臉部跟蹤部分由以下函數(shù)組成取得臉部跟蹤狀態(tài)；取得當(dāng)前立體顯示狀態(tài)；取當(dāng)前柱狀透鏡狀態(tài)。圖3為本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示系統(tǒng)的各模塊協(xié)作示意圖。參照?qǐng)D 3，主要涉及以下流程-用戶(hù)打開(kāi)網(wǎng)頁(yè)，如果沒(méi)有檢測(cè)到立體顯示的硬件，按照傳統(tǒng)的二維方式顯示網(wǎng)頁(yè)圖片，否則，加載橋控件模塊，此時(shí)跟蹤臉部的硬件被初始化，人臉跟蹤部分開(kāi)始啟動(dòng)。-頁(yè)面端模塊指定某一網(wǎng)頁(yè)圖片開(kāi)始進(jìn)行立體顯示，則將其尺寸及坐標(biāo)，轉(zhuǎn)換成相對(duì)坐標(biāo)(相對(duì)瀏覽器)并記錄下來(lái)，做為待顯立體區(qū)域，發(fā)送給瀏覽器橋控件。-瀏覽器橋控件得到待顯立體區(qū)域尺寸，將其轉(zhuǎn)換成絕對(duì)坐標(biāo)(相對(duì)顯示屏幕)。 同時(shí)，還要監(jiān)控瀏覽器在系統(tǒng)中的狀態(tài)，監(jiān)控臉部跟蹤的狀態(tài)，監(jiān)控當(dāng)前立體顯示的狀態(tài)， 監(jiān)控當(dāng)前柱狀透鏡狀態(tài)，以決定是否合適顯示立體效果。-此時(shí)，頁(yè)面端模塊要隨時(shí)查看由瀏覽器橋控件提供的狀態(tài)信息，一旦發(fā)現(xiàn)不能繼續(xù)顯示立體效果，則立即將圖片立體效果調(diào)成二維效果。-一般情況下，瀏覽器橋控件總是會(huì)將待顯立體區(qū)域的絕對(duì)坐標(biāo)傳送給立體顯示硬件接口，硬件開(kāi)始處理，然后，用戶(hù)可看到該區(qū)域內(nèi)的立體效果。-當(dāng)以下?tīng)顟B(tài)出現(xiàn)時(shí)，瀏覽器橋控件不會(huì)將待顯立體區(qū)域的坐標(biāo)傳送給立體顯示硬件接口 發(fā)現(xiàn)臉部沒(méi)有跟蹤上，或者顯示立體狀態(tài)被關(guān)閉，或者柱狀透鏡被關(guān)閉，或者發(fā)現(xiàn)瀏覽器窗口不是當(dāng)前激活窗口，或者瀏覽器中的圖片區(qū)域被遮擋，或者當(dāng)前瀏覽器窗口標(biāo)簽頁(yè)未被激活。-當(dāng)瀏覽器發(fā)生大小，移動(dòng)等變化時(shí)，頁(yè)面端模塊會(huì)立即重新計(jì)算圖片區(qū)域尺寸， 并繼續(xù)以上流程，以保證頁(yè)面的實(shí)時(shí)變化被及時(shí)反映。-當(dāng)用戶(hù)關(guān)閉瀏覽器時(shí)，瀏覽器橋控件被卸載，臉部跟蹤部分關(guān)閉。本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法及系統(tǒng)可以應(yīng)用在3d博客，3d相冊(cè)， 3d旅游網(wǎng)站，3D GPS等。應(yīng)用于3d博客以及3d相冊(cè)時(shí)，該基于瀏覽器的圖片顯示方法和系統(tǒng)可以將博客或相冊(cè)中的相片進(jìn)行立體顯示，使得相片的展示方式更加豐富，并更具美感。應(yīng)用于3d旅游網(wǎng)站時(shí)，該基于瀏覽器的圖片顯示方法和系統(tǒng)可以將景點(diǎn)的圖片進(jìn)行立體顯示，使得觀看者能更加充分的感受到景點(diǎn)的真實(shí)感。應(yīng)用于3D GPS時(shí)，該基于瀏覽器的圖片顯示方法和系統(tǒng)可以將路況立體顯示出來(lái)，特別是遇到多層立交橋或者復(fù)雜路況、地形的時(shí)候，能夠讓使用者很直觀的了解正確的路線。另外，本發(fā)明實(shí)施例的基于瀏覽器的圖片顯示方法及系統(tǒng)還可以對(duì)普通的2D圖片進(jìn)行3D展示，只是展示效果略遜于3D圖片。為了使2D圖片具有更好的立體展示效果， 本發(fā)明實(shí)施例還可以利用公知技術(shù)先將2D圖片轉(zhuǎn)換為3D圖片，然后再按照本發(fā)明實(shí)施例的上述方法進(jìn)行立體顯示。具體地，可以在系統(tǒng)中設(shè)置一個(gè)轉(zhuǎn)換模塊，通過(guò)所述轉(zhuǎn)換模塊來(lái)將2D圖片轉(zhuǎn)換為3D圖片。
本領(lǐng)域普通技術(shù)人員可以理解，實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分步驟是可以通過(guò)程序來(lái)指令相關(guān)的硬件來(lái)完成，所述的程序可以存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中， 該程序在執(zhí)行時(shí)，包括如上述方法實(shí)施例的步驟，所述的存儲(chǔ)介質(zhì)，如磁碟、光盤(pán)、只讀存儲(chǔ)記憶體(Read-Only Memory, ROM)或隨機(jī)存儲(chǔ)記憶體(Random Access Memory, RAM)等。 在本發(fā)明各方法實(shí)施例中，所述各步驟的序號(hào)并不能用于限定各步驟的先后順序，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)性的前提下，對(duì)各步驟的先后變化也在本發(fā)明的保護(hù)范圍之內(nèi)。以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
權(quán)利要求
1.一種基于瀏覽器的圖片顯示方法，其特征在于，包括 從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片；獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息；將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。
2.如權(quán)利要求1所述的圖片顯示方法，其特征在于，還包括 獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為；根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息和所述第二顯示區(qū)域信息進(jìn)行更新。
3.如權(quán)利要求2所述的圖片顯示方法，其特征在于，還包括當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。
4.如權(quán)利要求1所述的圖片顯示方法，其特征在于，還包括 獲取與立體顯示相關(guān)的狀態(tài)信息；當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯不。
5.如權(quán)利要求4所述的圖片顯示方法，其特征在于，所述狀態(tài)信息包括 柱狀透鏡狀態(tài)、臉部跟蹤狀態(tài)、瀏覽器狀態(tài)和/或立體顯示狀態(tài)。
6.一種基于瀏覽器的圖片顯示系統(tǒng)，其特征在于，包括頁(yè)面端模塊，用于從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片，并獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；瀏覽器橋控件，用于根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息，并將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。
7.如權(quán)利要求6所述的圖片顯示系統(tǒng)，其特征在于所述瀏覽器橋控件還用于，獲取用戶(hù)對(duì)所述網(wǎng)頁(yè)圖片和所述瀏覽器窗口的操作行為， 并根據(jù)所述操作行為對(duì)所述第二顯示區(qū)域信息進(jìn)行更新；所述頁(yè)面端模塊還用于，根據(jù)所述操作行為對(duì)所述第一顯示區(qū)域信息進(jìn)行更新。
8.如權(quán)利要求7所述的圖片顯示系統(tǒng)，其特征在于所述瀏覽器橋控件還用于，當(dāng)所述操作行為導(dǎo)致所述網(wǎng)頁(yè)圖片不適合立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。
9.如權(quán)利要求6所述的圖片顯示系統(tǒng)，其特征在于所述瀏覽器橋控件還用于，獲取與立體顯示相關(guān)的狀態(tài)信息，當(dāng)根據(jù)所述狀態(tài)信息確定不支持對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行立體顯示時(shí)，發(fā)送二維顯示指令到所述立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕對(duì)所述網(wǎng)頁(yè)圖片進(jìn)行二維顯示。
10.如權(quán)利要求9所述的圖片顯示系統(tǒng)，其特征在于，所述狀態(tài)信息包括 柱狀透鏡狀態(tài)、臉部跟蹤狀態(tài)、瀏覽器狀態(tài)和/或立體顯示狀態(tài)。
全文摘要
本發(fā)明提供一種基于瀏覽器的圖片顯示方法和系統(tǒng)，方法包括從瀏覽器窗口中選擇需要進(jìn)行立體顯示的網(wǎng)頁(yè)圖片；獲取所述網(wǎng)頁(yè)圖片相對(duì)于所述瀏覽器窗口的第一顯示區(qū)域信息；根據(jù)所述第一顯示區(qū)域信息獲取所述網(wǎng)頁(yè)圖片相對(duì)于顯示屏幕的第二顯示區(qū)域信息；將攜帶所述第二顯示區(qū)域信息的立體顯示指令發(fā)送至立體顯示芯片，以使所述立體顯示芯片控制所述顯示屏幕在所述第二顯示區(qū)域?qū)λ鼍W(wǎng)頁(yè)圖片進(jìn)行立體顯示。本發(fā)明實(shí)現(xiàn)了在不改動(dòng)瀏覽器內(nèi)核的前提下，讓瀏覽器支持對(duì)網(wǎng)頁(yè)圖片的立體顯示。
文檔編號(hào)H04N13/00GK102289486SQ20111022610
公開(kāi)日2011年12月21日 申請(qǐng)日期2011年8月8日 優(yōu)先權(quán)日2011年8月8日
發(fā)明者劉根斌 申請(qǐng)人:深圳超多維光電子有限公司