專利名稱:3d 頁面的實現(xiàn)方法、裝置和iptv 設備的制作方法
技術領域:
本發(fā)明涉及三維(3D)顯示和互聯(lián)網(wǎng)應用技術領域,尤其涉及一種3D頁面的實現(xiàn)方法、裝置和IPTV設備。
背景技術:
隨著IPTV應用普及,同時3D顯示技術的成熟,越來越多的3D內(nèi)容與顯示終端的出現(xiàn),使得通過IPTV來觀看3D內(nèi)容的需求日益強烈,例如3D圖片,3D視頻。目前3D顯示的方式有多種,包括裸眼、紅藍、時分和偏光等,各種顯示方式的顯示內(nèi)容通常包含有左右眼內(nèi)容。
現(xiàn)有技術可以實現(xiàn)靜態(tài)2D頁面到靜態(tài)3D頁面的顯示,但是,對于動態(tài)2D頁面中的動態(tài)元素,現(xiàn)有技術未提供較好的解決方案。因此,現(xiàn)有的普通的2D頁面沒法再滿足需求,需要針對顯示方式制作相應的3D動態(tài)頁面。發(fā)明內(nèi)容
鑒于以上問題提出本發(fā)明。
本發(fā)明要解決的一個技術問題是提供一種3D頁面的實現(xiàn)方法和裝置,能夠生成動態(tài)3D頁面。
根據(jù)本發(fā)明的一個方面,提供一種3D頁面的實現(xiàn)方法,包括在3D頁面左半邊設 置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵;將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中;在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框;通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
優(yōu)選地,通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示包括通過腳本定義事件發(fā)生后的響應函數(shù),所述響應函數(shù)包含事件發(fā)生后分別控制3D頁面左半邊和 3D頁面右半邊的變換的對象方法;將一個或多個事件添加于3D頁面左半邊的按鍵中;3D 頁面左半邊按鍵中的事件發(fā)生后,事件對應的響應函數(shù)通過腳本被調(diào)用,3D頁面左半邊和 3D頁面右半邊分別出現(xiàn)響應函數(shù)中的對象方法所定義的變換。
優(yōu)選地,該方法還包括通過雙拼(side by side)方式制作3D頁面,3D頁面的左半邊和右半邊分別對稱放置水平分辨率減半的左右眼圖片。
優(yōu)選地,該方法還包括將原始2D動態(tài)頁面中的圖片作為左眼圖片或右眼圖片, 利用深度信息映射到3D空間;根據(jù)虛擬視點的位置將3D空間點映射到2D圖像,獲得右眼圖片或左眼圖片。
優(yōu)選地,虛擬視點的位置包括相機平移、旋轉(zhuǎn)參數(shù)。
根據(jù)本發(fā)明的另一方面,提供一種3D頁面的實現(xiàn)裝置,包括按鍵設置單元,用于在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵;鏈接添加單元,用于將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中;焦點設置單元,用于在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框。
優(yōu)選地,該裝置還包括控制單元,用于通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
優(yōu)選地,該裝置還包括頁面生成單元,用于通過雙拼(side by side)方式制作 3D頁面,3D頁面的左半邊和右半邊分別對稱放置水平分辨率減半的左右眼圖片。
優(yōu)選地,該裝置還包括景深處理單元,用于將原始2D動態(tài)頁面中的圖片作為左眼圖片或右眼圖片,利用深度信息映射到3D空間;左右眼圖片獲取單元,用于根據(jù)虛擬視點的位置將3D空間點映射到2D圖像,獲得右眼圖片或左眼圖片。
優(yōu)選地,虛擬視點的位置包括相機平移、旋轉(zhuǎn)參數(shù)。
根據(jù)本發(fā)明的又一方面,還提供一種IPTV設備,例如3D EPG服務器,包括上述的 3D頁面的實現(xiàn)裝置。
本發(fā)明提供的3D頁面的實現(xiàn)方法,提出了按鍵、鏈接和焦點之間移動切換等頁面動態(tài)元素的3D解決方案,能夠在動態(tài)2D頁面的基礎上,實現(xiàn)動態(tài)3D頁面。
構成說明書的一部分的附圖描述了本發(fā)明的實施例,并且連同說明書一起用于解釋本發(fā)明的原理。
參照附圖,根據(jù)下面的詳細描述,可以更加清楚地理解本發(fā)明,其中
圖1示出本發(fā)明的3D頁面的實現(xiàn)方法的一個實施例的流程圖2示出本發(fā)明的3D頁面的實現(xiàn)方法的另一個實施例的流程圖;
圖3示出本發(fā)明的一個實施例中頁面圖片景深處理過程示意圖4示出本發(fā)明的一個實施例中頁面重新編排過程示意圖5示出本發(fā)明的3D頁面的實現(xiàn)裝置的一個實施例的結構圖6示出本發(fā)明的3D頁面的實現(xiàn)裝置的另一個實施例的結構圖。
具體實施方式
現(xiàn)在將參照附圖來詳細描述本發(fā)明的各種示例性實施例。應注意到除非另外具體說明,否則在這些實施例中闡述的部件和步驟的相對布置、數(shù)字表達式和數(shù)值不限制本發(fā)明的范圍。
同時,應當明白,為了便于描述,附圖中所示出的各個部分的尺寸并不是按照實際的比例關系繪制的。
以下對至少一個示例性實施例的描述實際上僅僅是說明性的,決不作為對本發(fā)明及其應用或使用的任何限制。
對于相關領域普通技術人員已知的技術、方法和設備可能不作詳細討論,但在適當情況下,所述技術、方法和設備應當被視為授權說明書的一部分。
在這里示出和討論的所有示例中,任何具體值應被解釋為僅僅是示例性的,而不是作為限制。因此,示例性實施例的其它示例可以具有不同的值。
應注意到相似的標號和字母在下面的附圖中表示類似項,因此,一旦某一項在一個附圖中被定義,則在隨后的附圖中不需要對其進行進一步討論。
圖1示出本發(fā)明的3D頁面的實現(xiàn)方法的一個實施例的流程圖。
如圖1所示,步驟102,在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵。
步驟104,將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中。
步驟106,在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框。
步驟108,通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
上述實施例中,提供了在3D頁面中添加動態(tài)鏈接等的技術方案,從而可以根據(jù)2D 頁面實現(xiàn)動態(tài)3D頁面。
下面介紹一個實施例中的腳本控制流程
(I)在3D頁面左半邊設置按鍵,同時在3D頁面右半邊相對應的區(qū)域設置鏡像按鍵;
(2)通過腳本定義事件(例如按鍵獲得焦點)發(fā)生后的響應函數(shù),該響應函數(shù)包含事件發(fā)生后分別控制3D頁面左半邊和3D頁面右半邊的變換(例如顯示按鍵焦點框)的對象方法;
(3)將一個或多個事件添加于3D頁面左半邊的按鍵中;
(4) 3D頁面左半邊按鍵中的事件發(fā)生后,事件對應的響應函數(shù)通過腳本被調(diào)用,3D 頁面左半邊和3D頁面右半邊分別出現(xiàn)響應函數(shù)中的對象方法所定義的變換。
圖2示出本發(fā)明的3D頁面的實現(xiàn)方法的另一個實施例的流程圖。
如圖2所示,步驟202,將現(xiàn)有2D頁面中的圖片和文字進行圖像渲染和景深處理。
步驟204,以原2D圖片做為左眼圖或右眼圖,在3D坐標內(nèi)根據(jù)虛擬視點的位置對原圖進行偏移、旋轉(zhuǎn)等處理,得到新的右眼圖或左眼圖,并對這兩幅圖進行水平壓縮,形成水平分辨率減半的左眼圖和右眼圖。
步驟206,根據(jù)其在原有頁面中的位置,對稱分布于新頁面的左右兩邊。
步驟208,將在頁面左半邊中放置焦點、鏈接跳轉(zhuǎn)的按鈕、鏈接等。
步驟210,由頁面通過腳本(例如JavaScript)控制頁面右半邊中的所有按鈕、鏈接、焦點顯示等。
上述實施例中,在現(xiàn)有2D頁面的基礎上,對現(xiàn)有頁面中的圖片做景深處理,并且根據(jù)顯示方式需求,將頁面重新布局,在原圖片左右分辨率減半的情況下,對應原有位置, 在新頁面中左右對稱放置,并且在頁面左邊添加動態(tài)鏈接,從而實現(xiàn)了動態(tài)3D頁面的生成。
圖3示出本發(fā)明的一個實施例中頁面圖片景深處理過程示意圖。
如圖3所示,步驟302,通過對原始圖像中的像素點增加深度信息的方式將該圖映射到3D空間(2D到3D)。
步驟304,在3D空間中根據(jù)虛擬視點的位置(比如相機平移、旋轉(zhuǎn)參數(shù))將各像素點重新映射到相應的2D圖中(3D到2D),得到新的2D圖。
圖4示出本發(fā)明的一個實施例中頁面重新編排過程示意圖。
如圖4所示,步驟402,將圖3實施例中得到的原始2D圖和新2D圖分別進行水平壓縮,得到高不變,水平長度減半的兩張圖片,分別作為左眼圖和右眼步驟404,制作一張新的頁面,長寬跟原2D頁面相同,將頁面水平對稱處理,把步驟402中得到的圖片對比其在原2D頁面中的位置,放置于新頁面的左右兩邊;
步驟406,根據(jù)原2D頁面中的動態(tài)鏈接位置,將新頁面中左半邊中設置按鍵和焦點框,并添加動態(tài)鏈接地址,同時在右半邊對應設置鏡像按鍵和鏡像焦點框。
圖5示出本發(fā)明的3D頁面的實現(xiàn)裝置的一個實施例的結構圖。如圖5所示,該裝置包括按鍵設置單元51、鏈接添加單元52和焦點設置單元53。按鍵設置單元51在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵;鏈接添加單元52將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中;焦點設置單元53在3D頁面左半邊設置焦點框,在 3D頁面右半邊對稱位置設置鏡像焦點框??刂茊卧?4通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
圖6示出本發(fā)明的3D頁面的實現(xiàn)裝置的另一個實施例的結構圖。如圖6所示,除了按鍵設置單元51、鏈接添加單元52、焦點設置單元53和控制單元54,該裝置還包括頁面生成單元63。頁面生成單元63通過雙拼(side by side)方式制作3D頁面,3D頁面的左半邊和右半邊分別對稱放置水平分辨率減半的左右眼圖片??蛇x地,該裝置還包括景深處理單元61和左右眼圖片獲取單元62。其中,景深處理單元61將原始2D動態(tài)頁面中的圖片利用深度信息映射到3D空間;左右眼圖片獲取單元62根據(jù)虛擬視 點的位置將3D空間點映射到2D圖像,獲得所述左右眼圖片。虛擬視點的位置例如包括相機平移、旋轉(zhuǎn)參數(shù)。
本發(fā)明提供的3D頁面的實現(xiàn)方法和裝置,可以應用于IPTV的2D動態(tài)頁面生成3D 動態(tài)頁面,能夠在現(xiàn)有2D動態(tài)頁面的基礎上,根據(jù)3D終端顯示方式的需要,制作包含有左右眼內(nèi)容頁面的方法,并且規(guī)定了動態(tài)鏈接的解決方案,從而將現(xiàn)有的2D動態(tài)頁面,生成 3D的動態(tài)頁面。
至此,已經(jīng)詳細描述了根據(jù)本發(fā)明的3D頁面的實現(xiàn)方法和裝置。為了避免遮蔽本發(fā)明的構思,沒有描述本領域所公知的一些細節(jié)。本領域技術人員根據(jù)上面的描述,完全可以明白如何實施這里公開的技術方案。
可能以許多方式來實現(xiàn)本發(fā)明的方法和裝置。用于所述方法的步驟的上述順序僅是為了進行說明,本發(fā)明的方法的步驟不限于以上具體描述的順序,除非以其它方式特別說明。
本發(fā)明的描述是為了示例和描述起見而給出的,而并不是無遺漏的或者將本發(fā)明限于所公開的形式。很多修改和變化對于本領域的普通技術人員而言是顯然的。選擇和描述實施例是為了更好說明本發(fā)明的原理和實際應用,并且使本領域的普通技術人員能夠理解本發(fā)明從而設計適于特定用途的帶有各種修改的各種實施例。
權利要求
1.一種三維3D頁面的實現(xiàn)方法,其特征在于,包括 在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵; 將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中; 在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框; 通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
2.根據(jù)權利要求1所述的方法,其特征在于,所述通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示包括 通過腳本定義事件發(fā)生后的響應函數(shù),響應函數(shù)包含事件發(fā)生后分別控制3D頁面左半邊和3D頁面右半邊的變換的對象方法; 將一個或多個事件添加于3D頁面左半邊的按鍵中; 3D頁面左半邊按鍵中的事件發(fā)生后,事件對應的響應函數(shù)通過腳本被調(diào)用,3D頁面左半邊和3D頁面右半邊分別出現(xiàn)響應函數(shù)中的對象方法所定義的變換。
3.根據(jù)權利要求1所述的方法,其特征在于,還包括 通過雙拼方式制作3D頁面,3D頁面的左半邊和右半邊分別對稱放置水平分辨率減半的左右眼圖片。
4.根據(jù)權利要求3所述的方法,其特征在于,還包括 將原始2D動態(tài)頁面中的圖片作為左眼圖片或右眼圖片,利用深度信息映射到3D空間; 根據(jù)虛擬視點的位置將3D空間點映射到2D圖像,獲得右眼圖片或左眼圖片。
5.根據(jù)權利要求4所述的方法,其特征在于,所述虛擬視點的位置包括相機平移、旋轉(zhuǎn)參數(shù)。
6.一種3D頁面的實現(xiàn)裝置,其特征在于,包括 按鍵設置單元,用于在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵; 鏈接添加單元,用于將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中; 焦點設置單元,用于在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框; 控制單元,用于通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。
7.根據(jù)權利要求6所述的裝置,其特征在于,還包括 頁面生成單元,用于通過雙拼方式制作3D頁面,3D頁面的左半邊和右半邊分別對稱放置水平分辨率減半的左右眼圖片。
8.根據(jù)權利要求7所述的裝置,其特征在于,還包括 景深處理單元,用于將原始2D動態(tài)頁面中的圖片作為左眼圖片或右眼圖片,利用深度信息映射到3D空間; 左右眼圖片獲取單元,用于根據(jù)虛擬視點的位置將3D空間點映射到2D圖像,獲得右眼圖片或左眼圖片。
9.根據(jù)權利要求8所述的裝置,其特征在于,所述虛擬視點的位置包括相機平移、旋轉(zhuǎn)參數(shù)。
10.一種IPTV設備,包括權利要求6至9中任意一項所述的3D頁面的實現(xiàn)裝置。
全文摘要
本發(fā)明公開一種3D頁面的實現(xiàn)方法、裝置和IPTV設備,涉及三維(3D)顯示和互聯(lián)網(wǎng)應用技術領域。該方法包括在3D頁面左半邊設置按鍵,在3D頁面右半邊對稱位置設置鏡像按鍵;將動態(tài)鏈接地址添加于3D頁面的左半邊的按鍵中;在3D頁面左半邊設置焦點框,在3D頁面右半邊對稱位置設置鏡像焦點框;通過腳本控制3D頁面右半邊的鏡像按鍵和鏡像焦點框顯示。本發(fā)明提供的3D頁面的實現(xiàn)方法和裝置,可以應用于IPTV的2D動態(tài)頁面生成3D動態(tài)頁面,能夠在現(xiàn)有2D動態(tài)頁面的基礎上,根據(jù)3D終端顯示方式的需要,制作包含有左右眼內(nèi)容頁面的方法,并且規(guī)定了動態(tài)鏈接的解決方案,從而將現(xiàn)有的2D動態(tài)頁面,生成3D的動態(tài)頁面。
文檔編號H04N21/472GK103024560SQ201110287768
公開日2013年4月3日 申請日期2011年9月26日 優(yōu)先權日2011年9月26日
發(fā)明者施唯佳 申請人:中國電信股份有限公司