TWI718551B - Method and system for displaying online content using stereoscopic images - Google Patents
Method and system for displaying online content using stereoscopic images Download PDFInfo
- Publication number
- TWI718551B TWI718551B TW108119602A TW108119602A TWI718551B TW I718551 B TWI718551 B TW I718551B TW 108119602 A TW108119602 A TW 108119602A TW 108119602 A TW108119602 A TW 108119602A TW I718551 B TWI718551 B TW I718551B
- Authority
- TW
- Taiwan
- Prior art keywords
- dimensional image
- display
- dimensional
- image
- server
- Prior art date
Links
Images
Abstract
Description
本發明關於一種顯示線上內容的技術,特別是指將線上內容轉換為立體顯示影像的顯示方法與系統。The present invention relates to a technology for displaying online content, and in particular to a display method and system for converting online content into a stereoscopic display image.
線上內容常通過網頁瀏覽器呈現在終端裝置上,終端一般配置為平面顯示器,因此是以平面方式顯示線上的內容,若有需求要以立體瀏覽方式觀看線上的內容,例如需要以各種角度查看一個商品、藝術品或是建築物,常見方式為事先以照相機拍攝物品的各種角度,再以拼接方式產生物品的立體影像,讓使用者可以操作觀看角度而得到立體的影像資訊。Online content is often presented on a terminal device through a web browser. The terminal is generally configured as a flat-screen display, so the online content is displayed in a flat manner. If you need to view the online content in a stereoscopic view, for example, you need to view one from various angles. For commodities, works of art or buildings, the common way is to shoot various angles of the object with a camera in advance, and then generate a three-dimensional image of the object by stitching, so that the user can manipulate the viewing angle to obtain three-dimensional image information.
另有方式為事先對物品建立立體模型,再以貼圖方式形成物品的立體影像,再讓使用者以對應的軟體程式瀏覽物品各角度的影像。Another method is to create a three-dimensional model of the object in advance, and then form a three-dimensional image of the object with a map, and then let the user browse the image of the object from various angles with the corresponding software program.
揭露書公開一種線上內容立體顯示方法與系統,通過這個系統提出一個新的顯示線上內容的方法,其中,此方法提供使用者在瀏覽一般內容網站的內容時,可以通過一立體影像顯示裝置顯示內容網站中特定物件的立體影像,例如某個電子商務平台上的商品物件的立體影像,或是廣告物件的立體影像,或是內容本身就可以立體影像顯示出來。The disclosure book discloses a three-dimensional display method and system for online content. Through this system, a new method for displaying online content is proposed. This method allows users to display the content through a three-dimensional image display device when browsing the content of general content websites. The three-dimensional image of a specific object in the website, such as the three-dimensional image of a commodity object on an e-commerce platform, or the three-dimensional image of an advertising object, or the content itself can be displayed in a three-dimensional image.
根據線上內容立體顯示方法的實施例,應用在一系統中,系統提出一立體影像服務器,當立體影像服務器自一內容伺服器接收一立體顯示物件的請求,包括對動態物件或靜態物件的請求,可得出一請求來源,之後,於立體影像服務器中,針對物件產生立體影像數據,根據請求來源,立體影像服務器傳送立體影像數據至立體影像顯示裝置,以顯示物件之立體影像。According to the embodiment of the online content stereoscopic display method, applied in a system, the system proposes a stereoscopic image server. When the stereoscopic image server receives a request for a stereoscopic display object from a content server, including a request for a dynamic object or a static object, A request source can be obtained. Then, in the 3D image server, 3D image data is generated for the object. According to the request source, the 3D image server transmits the 3D image data to the 3D image display device to display the 3D image of the object.
較佳地,當立體影像服務器接收立體顯示物件的請求時,可以根據請求中攜帶的物件識別資訊查詢影像資料庫,以得出對應物件的立體影像數據,此例中,立體影像數據為提供立體影像顯示裝置直接顯示立體影像的數據。Preferably, when the 3D image server receives a request for a 3D display of an object, it can query the image database according to the object identification information carried in the request to obtain the 3D image data of the corresponding object. In this example, the 3D image data is to provide 3D image data. The image display device directly displays the data of the three-dimensional image.
較佳地,當立體影像服務器自內容伺服器接收立體顯示物件的請求時,可根據物件的識別資訊查詢影像資源資料庫,此例中,得出的立體影像數據為對應物件的一立體影像資源檔,這個立體影像資源檔可以提供給立體影像顯示裝置演算得出物件之立體影像。Preferably, when the three-dimensional image server receives a request for a three-dimensional display object from the content server, it can query the image resource database according to the identification information of the object. In this example, the obtained three-dimensional image data is a three-dimensional image resource corresponding to the object. This three-dimensional image resource file can be provided to the three-dimensional image display device to calculate the three-dimensional image of the object.
在另一實施例中,當立體影像服務器接收立體顯示物件的請求時,並可從內容伺服器同時接收對應物件的立體影像資源檔,由立體影像服務器中處理器根據立體影像資源檔即時演算出立體影像數據,立體影像數據為提供立體影像顯示裝置直接顯示立體影像的數據。In another embodiment, when the three-dimensional image server receives a request for a three-dimensional display object, it can simultaneously receive the three-dimensional image resource file of the corresponding object from the content server, and the processor in the three-dimensional image server calculates it in real time according to the three-dimensional image resource file The three-dimensional image data is the data that provides the three-dimensional image display device to directly display the three-dimensional image.
較佳地,所述物件為一瀏覽頁面上的商品,經觸發物件連結後,可使得內容伺服器向立體影像服務器發送立體顯示物件的請求。Preferably, the object is a commodity on a browse page. After the object link is triggered, the content server can send a request for the three-dimensional display of the object to the three-dimensional image server.
較佳地,物件為瀏覽頁面上的廣告,於顯示瀏覽頁面同時觸發物件連結,使得內容伺服器向立體影像服務器發送立體顯示物件的請求。Preferably, the object is an advertisement on the browse page, and the object link is triggered when the browse page is displayed, so that the content server sends a request for the three-dimensional display of the object to the three-dimensional image server.
為使能更進一步瞭解本發明的特徵及技術內容,請參閱以下有關本發明的詳細說明與圖式,然而所提供的圖式僅用於提供參考與說明,並非用來對本發明加以限制。In order to further understand the features and technical content of the present invention, please refer to the following detailed description and drawings about the present invention. However, the provided drawings are only for reference and description, and are not used to limit the present invention.
以下是通過特定的具體實施例來說明本發明的實施方式,本領域技術人員可由本說明書所公開的內容瞭解本發明的優點與效果。本發明可通過其他不同的具體實施例加以施行或應用,本說明書中的各項細節也可基於不同觀點與應用,在不悖離本發明的構思下進行各種修改與變更。另外,本發明的附圖僅為簡單示意說明,並非依實際尺寸的描繪,事先聲明。以下的實施方式將進一步詳細說明本發明的相關技術內容,但所公開的內容並非用以限制本發明的保護範圍。The following are specific specific examples to illustrate the implementation of the present invention. Those skilled in the art can understand the advantages and effects of the present invention from the content disclosed in this specification. The present invention can be implemented or applied through other different specific embodiments, and various details in this specification can also be based on different viewpoints and applications, and various modifications and changes can be made without departing from the concept of the present invention. In addition, the drawings of the present invention are merely schematic illustrations, and are not drawn according to actual size, and are stated in advance. The following embodiments will further describe the related technical content of the present invention in detail, but the disclosed content is not intended to limit the protection scope of the present invention.
應當可以理解的是,雖然本文中可能會使用到“第一”、“第二”、“第三”等術語來描述各種元件或者信號,但這些元件或者信號不應受這些術語的限制。這些術語主要是用以區分一元件與另一元件,或者一信號與另一信號。另外,本文中所使用的術語“或”,應視實際情況可能包括相關聯的列出項目中的任一個或者多個的組合。It should be understood that although terms such as "first", "second", and "third" may be used herein to describe various elements or signals, these elements or signals should not be limited by these terms. These terms are mainly used to distinguish one element from another, or one signal from another signal. In addition, the term "or" used in this document may include any one or a combination of more of the associated listed items depending on the actual situation.
揭露書公開一種線上內容立體顯示方法與系統,方法為根據使用者瀏覽內容所觸發的訊息產生一提供使用者端裝置顯示的立體影像數據,產生與一般經驗不同的線上內容顯示的效果。The disclosure discloses a three-dimensional display method and system for online content. The method is to generate a three-dimensional image data for display by a user-end device according to a message triggered by a user's browsing content, and generate an effect of online content display that is different from general experience.
圖1顯示線上內容立體顯示系統的網路架構示意圖,根據實施例,線上內容立體顯示系統主要提供一立體影像服務器103,能夠根據使用者端或是內容端的需求提供或產生物件對應的立體影像,這個立體影像可為一靜態物件的一立體影像,或是動態物件的連續立體影像。立體影像服務器103設有一影像資料庫104,其中儲存系統事先建立好符合特定格式的物件立體影像,可以需求即時提供立體影像,特別是提供使用者端的立體影像顯示裝置106顯示立體影像。FIG. 1 shows a schematic diagram of the network architecture of an online content stereoscopic display system. According to an embodiment, the online content stereoscopic display system mainly provides a stereoscopic image server 103, which can provide or generate a stereoscopic image corresponding to an object according to the needs of the user or content. The three-dimensional image can be a three-dimensional image of a static object or a continuous three-dimensional image of a dynamic object. The 3D image server 103 is provided with an image database 104, in which the storage system has created a 3D image of an object in a specific format in advance, and can provide 3D images in real time, especially for the 3D
在另一實施方式中,立體影像服務器103具有即時演算立體影像的能力,可以根據需求端提供的立體影像資訊(立體影像資源檔,如立體影像的色彩資訊以及三維空間資訊)即時演算出物件的立體影像,可為靜態立體影像或連續影像形成的立體影片,再提供至立體影像顯示裝置106顯示。In another embodiment, the 3D image server 103 has the ability to calculate 3D images in real time, and can calculate the real-time data of the object based on the 3D image information (3D image resource files, such as the color information of the 3D image and the 3D space information) provided by the demand side. The three-dimensional image may be a static three-dimensional image or a three-dimensional video formed by continuous images, and then provided to the three-dimensional
線上內容立體顯示系統提供的立體影像服務器103可配合一內容伺服器101提供立體影像,內容伺服器101例如可為電子商務平台、知識庫、搜尋引擎、社群媒體、新聞網站等,設有內容資料庫102,用以記載各樣物件的資料,提供內容伺服器101提供文字、圖形或影音內容,包括提供立體顯示某物件的服務。以電子商務平台為例,內容資料庫102記載各種刊載在購物網站中的商品的影像與文字資訊;以知識庫為例,內容資料庫102記載各種網頁、部落格、新聞的文字、圖形與影音內容;以社群媒體為例,內容資料庫102即記載使用者在社群媒體中分享與轉貼的各種文字、圖形與影音訊息。The 3D image server 103 provided by the online content 3D display system can cooperate with a content server 101 to provide 3D images. The content server 101 can be, for example, e-commerce platforms, knowledge bases, search engines, social media, news websites, etc., with content. The database 102 is used to record data of various objects, and the content server 101 provides text, graphics, or audio-visual content, including providing services for three-dimensional display of an object. Taking an e-commerce platform as an example, the content database 102 records the image and text information of various products posted on shopping websites; taking the knowledge base as an example, the content database 102 records the text, graphics, and audiovisual of various webpages, blogs, and news. Content: Taking social media as an example, the content database 102 records various texts, graphics, and audiovisual messages shared and reposted by users in social media.
內容伺服器101通過網路10連結立體影像服務器103,當有需求顯示特定物件的立體影像時,內容伺服器101根據使用者的需求傳送請求至立體影像服務器103,由立體影像服務器103根據請求提供影像資料庫104中的立體影像,或是即時演算出立體影像。The content server 101 is connected to the 3D image server 103 through the
立體影像最終顯示在使用者端的立體影像顯示裝置106上,此圖例中,使用者端還包括一般電腦裝置,如使用者裝置105,並配置立體影像顯示裝置106,使用者可以通過使用者裝置105瀏覽內容伺服器101的內容,當有顯示立體影像需求時,可以通過立體影像服務器103取得立體影像,再於立體影像顯示裝置106顯示。或者,在另一實施例中,使用者端僅需使用一台立體影像顯示裝置106,使用者可以操作立體影像顯示裝置106直接瀏覽內容伺服器101的內容,可以平面影像模式或立體影像模式顯示內容。The 3D image is finally displayed on the 3D
根據實施例,設於使用者端的立體影像顯示裝置106可以為獨立運作而可以瀏覽內容伺服器101的電腦裝置,電腦裝置同時搭配立體顯示模組與一般平面顯示模組,如雙螢幕;或是需要搭配另一電腦裝置運作,電腦裝置可以為個人電腦、行動裝置等;或者一種可以利用螢幕切割方式顯示平面與立體影像的顯示裝置,亦可為同一顯示面板但平面顯示與立體顯示可切換。根據另一實施例,使用者端的使用者裝置或是立體影像顯示裝置106可以配置有輸入裝置,如滑鼠、鍵盤,或載有可以感測手勢的感測器,讓使用者以手勢方式控制瀏覽內容。According to an embodiment, the stereoscopic
在此一提的是,線上內容立體影像顯示系統採用的立體顯示技術可以是傳統通過特殊眼鏡(如紅藍眼鏡、偏光眼鏡或快門眼鏡)觀看的立體影像,也可以是一種利用透鏡矩陣顯示距離平面顯示器上一距離的浮空立體影像顯示技術,在此立體影像產生方法中,根據立體影像的色彩資訊以及三維空間資訊(如一平面影像資料與深度圖,或是一組描述立體影像的座標值與色度值),以及考慮顯示器、光學元件(如透鏡矩陣)與顯示影像之間的空間相對關係而建立的立體影像。It is mentioned here that the stereoscopic display technology used in the online content stereoscopic image display system can be traditional stereoscopic images viewed through special glasses (such as red and blue glasses, polarized glasses or shutter glasses), or it can be a kind of display distance using a lens matrix. A one-distance floating three-dimensional image display technology on a flat-panel display. In this three-dimensional image generation method, based on the color information of the three-dimensional image and three-dimensional space information (such as a flat image data and a depth map, or a set of coordinate values describing the three-dimensional image And chromaticity value), and consider the spatial relationship between the display, optical elements (such as lens matrix) and the displayed image to establish a three-dimensional image.
更者,在一實施例中,圖1顯示內容伺服器101與立體影像服務器103以網路10相互連結,但在另一實施例中,內容伺服器101本身可以提供立體影像,也就是可以模組方式內建立體影像服務器103中的立體影像處理技術。Furthermore, in one embodiment, FIG. 1 shows that the content server 101 and the 3D image server 103 are connected to each other via the
根據再一實施例,所述立體影像服務器103運行一雲端伺服器,提供一雲端服務,連結多個提供內容的伺服器,可以根據各端需求提供立體影像數據,立體影像數據可以包括一個靜態立體影像,或是連續影像形成的立體影片,包括立體影像服務器103本身影像資料庫104提供的立體影像數據,或是可由其他伺服器提供用於演算出立體影像的立體影像資源檔,再於立體影像服務器103中的處理器即時演算出立體影像數據,提供各終端立體影像顯示裝置106顯示立體影像。另也不排除由立體影像顯示裝置106直接接收所述立體影像資源檔,由立體影像顯示裝置106本身演算出立體影像。According to another embodiment, the three-dimensional image server 103 runs a cloud server, provides a cloud service, connects multiple content-providing servers, and can provide three-dimensional image data according to the needs of each end. The three-dimensional image data may include a static three-dimensional image. The image, or the 3D video formed by continuous images, includes the 3D image data provided by the 3D image server 103's own image database 104, or the 3D image resource file provided by other servers for calculating the 3D image, and then the 3D image The processor in the server 103 calculates the 3D image data in real time, and provides each terminal 3D
以下流程實施例描述應用於上述系統的線上內容立體顯示方法,其中描述了以使用者裝置(如個人電腦、行動裝置)瀏覽特定內容網站,通過所述方法可以再由立體影像顯示裝置顯示立體影像,所述使用者裝置與立體影像顯示裝置可以為兩個獨立的電子裝置,也可以是一個裝置整合了一般平面顯示與立體顯示的電路模組,或是利用顯示器製程在一個顯示面板上製作平面顯示面板與立體顯示面板,或可為同一顯示面板但平面顯示與立體顯示可切換。The following process embodiment describes the online content three-dimensional display method applied to the above system, which describes browsing a specific content website with a user device (such as a personal computer, a mobile device), and the three-dimensional image display device can then display the three-dimensional image through the method. The user device and the three-dimensional image display device may be two independent electronic devices, or a circuit module that integrates a general flat display and a three-dimensional display, or a display manufacturing process is used to make a flat surface on a display panel. The display panel and the stereoscopic display panel may be the same display panel but the plane display and the stereoscopic display can be switched.
然以下實施例分別以平面顯示元件與立體影像顯示元件表示平面與立體顯示兩個功能,包括兩個獨立裝置的態樣,也包括整合在一個裝置內的態樣。However, the following embodiments use a flat display element and a three-dimensional image display element to represent the two functions of a flat display and a three-dimensional display respectively, including the aspect of two independent devices, and the aspect of being integrated into one device.
根據線上內容立體顯示方法實施例,其中主要流程可參考圖1所示的流程圖。According to the embodiment of the online content stereoscopic display method, the main flow can be referred to the flowchart shown in FIG.
流程由步驟S201開始,使用者操作平面顯示元件瀏覽內容網站,例如是在一個搜尋引擎網站上搜尋資料,或是在一電子商務平台上瀏覽與購物,或是在內容(文字、圖形、影音)網站上觀看文字、圖形與影音內容。The process starts from step S201. The user operates the flat display element to browse the content website, such as searching for information on a search engine website, or browsing and shopping on an e-commerce platform, or in the content (text, graphics, audio and video) View text, graphics, and audiovisual content on the website.
這時,如步驟S203,所述內容網站中內嵌在內容中的軟體程式根據使用者瀏覽內容觸發一立體顯示物件的請求,在步驟S205中,這個立體顯示物件的請求傳送到立體影像服務器,經服務器接收請求後,產生對應某物件的立體影像數據。At this time, in step S203, the software program embedded in the content in the content website triggers a request for a three-dimensional display object according to the user's browsing content. In step S205, the request for the three-dimensional display object is sent to the three-dimensional image server. After receiving the request, the server generates 3D image data corresponding to a certain object.
由於這個請求可以包括可以識別使用者位置的使用者資訊,如網路位址(IP)、媒體存取控制(MAC)或使用者識別碼(user ID),設為一請求來源,因此,當得出對應此立體顯示物件的請求來源時,可如步驟S207,讓立體影像服務器可以根據請求來源,通過網路或特定傳輸路徑將立體影像數據傳送到使用者端的立體影像顯示元件,經接收立體影像數據後,如步驟S209,將可以立體影像顯示元件顯示物件之立體影像。Since this request can include user information that can identify the user's location, such as network address (IP), media access control (MAC), or user ID (user ID), it is set as a request source. Therefore, when When the request source corresponding to the three-dimensional display object is obtained, the three-dimensional image server can send the three-dimensional image data to the three-dimensional image display element on the user side through the network or a specific transmission path according to the request source as in step S207, and then receive the three-dimensional image data. After the image data, in step S209, the three-dimensional image display device can display the three-dimensional image of the object.
圖3顯示線上內容立體顯示方法的再一實施例流程圖。FIG. 3 shows a flowchart of another embodiment of a method for displaying online content in a stereoscopic manner.
此例中,步驟S301顯示使用者可以電腦裝置之平面顯示元件瀏覽某內容網站,在步驟S303中,使用者操作電腦裝置點選其中某一物件,比如一個電子商務平台的瀏覽頁面上的商品,這時觸發了此商品物件的連結,除了可以直接執行購物程序外(步驟S311),在流程的另一路徑上,如步驟S305,相關內容伺服器將產生對應這個商品的立體顯示的請求,並由立體影像服務器接收,再根據這個商品物件的資訊查詢影像資料庫,可以直接產生立體影像數據,或需通過演算產生立體影像數據。In this example, step S301 shows that the user can browse a certain content website with the flat display element of the computer device. In step S303, the user operates the computer device to click on one of the objects, such as a product on the browsing page of an e-commerce platform. At this time, the link of the product object is triggered. In addition to the direct execution of the shopping procedure (step S311), on another path of the process, such as step S305, the relevant content server will generate a request for a three-dimensional display corresponding to this product, and The three-dimensional image server receives it, and then queries the image database based on the information of the product object, which can directly generate the three-dimensional image data, or generate the three-dimensional image data through calculation.
再如步驟S307,立體影像服務器根據所述請求記載的請求來源,傳送立體影像數據至對應的使用者端立體影像顯示元件,如步驟S309,使用立體影像顯示元件顯示物件之立體影像。In step S307, the 3D image server transmits 3D image data to the corresponding user-side 3D image display device according to the request source recorded in the request. In step S309, the 3D image display device is used to display the 3D image of the object.
在一實施例中,使用者在觀看此商品物件的立體影像後,決定要購買此商品,即可通過電腦裝置執行購物程序(步驟S311)。在另一實施例中,所述立體影像顯示元件可為一獨立運作的電腦裝置,使得使用者可以通過此裝置連線內容伺服器並執行後續購物程序。In one embodiment, after viewing the three-dimensional image of the merchandise, the user decides to purchase the merchandise and can execute the shopping procedure through the computer device (step S311). In another embodiment, the three-dimensional image display element may be an independently operated computer device, so that the user can connect to the content server through the device and perform subsequent shopping procedures.
圖4描述了再一線上內容立體顯示方法的實施例流程圖。FIG. 4 illustrates a flowchart of another embodiment of a method for displaying online content in a stereoscopic manner.
在步驟S401中,同樣地,使用者可以通過平面顯示元件瀏覽內容網站(內容伺服器),這是除了觀看其中內容外,在步驟S403中,執行於相關瀏覽頁面背後的軟體程式將同時觸發一物件連線,比如是內嵌此頁面的一廣告連結,這時,如步驟S405,內容伺服器將此廣告物件的立體顯示請求傳送給立體影像服務器,並由立體影像服務器產生立體影像數據,並可根據請求中記載的請求來源傳送立體影像數據至使用者端的立體影像顯示元件。In step S401, similarly, the user can browse the content website (content server) through the flat display element. In addition to viewing the content, in step S403, the software program running behind the relevant browsing page will also trigger a The object connection is, for example, an advertisement link embedded in this page. At this time, in step S405, the content server sends the 3D display request of this advertisement object to the 3D image server, and the 3D image server generates the 3D image data. Send the 3D image data to the 3D image display element on the user side according to the request source recorded in the request.
再如步驟S407,由立體影像顯示元件接收立體影像數據,如步驟S409,並接著顯示物件之立體影像。這時,如步驟S411,使用者還可通過立體影像顯示元件中的互動功能操作顯示出來的立體影像,如步驟S413,立體影像顯示元件可以根據這個互動產生的訊息,如手勢訊息,產生一互動指令,這個互動指令可記載所感測到的互動手勢對應產生的影像變化,互動指令傳送至立體影像服務器。In step S407, the three-dimensional image data is received by the three-dimensional image display device, as in step S409, and then the three-dimensional image of the object is displayed. At this time, in step S411, the user can also operate the displayed three-dimensional image through the interactive function in the three-dimensional image display element. In step S413, the three-dimensional image display element can generate an interactive command based on the interactively generated message, such as a gesture message. This interactive command can record the image change corresponding to the sensed interactive gesture, and the interactive command is sent to the three-dimensional image server.
這時,流程重複步驟S405到S409,再由立體影像服務器根據互動指令所記載的影像資訊判斷上述廣告物件的另一顯示樣態,並據此產生立體影像數據,包括查詢影像資料庫得出立體影像數據,或是通過即時演算得出對應的另一立體影像數據,同樣地傳送另一立體影像數據到使用者端的立體影像顯示元件,以顯示經過互動後對應互動指令的新的立體影像。At this time, the process repeats steps S405 to S409, and the 3D image server determines another display aspect of the advertisement object according to the image information recorded in the interactive command, and generates 3D image data based on this, including querying the image database to obtain the 3D image Data, or another corresponding three-dimensional image data is obtained through real-time calculation, and the other three-dimensional image data is similarly transmitted to the three-dimensional image display element on the user side to display the new three-dimensional image corresponding to the interactive command after the interaction.
在此一提的是,當所述立體影像顯示元件顯示對應某物件的立體影像時,可讓使用者以手勢或是特定輸入裝置執行互動,比如是通過立體影像顯示元件之一感測器(一種手勢感測器)感測到使用者的手勢,包括手勢的移動、旋轉與縮放動作(其中之一或其組合),產生了互動指令,這個互動指令傳送到立體影像服務器中,使得其中軟體工具可以根據互動指令得出對應一顯示空間的的立體座標與向量,以得出新的立體影像數據。It is mentioned here that when the three-dimensional image display element displays a three-dimensional image corresponding to an object, the user can interact with gestures or a specific input device, such as through a sensor of the three-dimensional image display element ( A gesture sensor) senses the user’s gestures, including gesture movement, rotation, and zooming (one or a combination of them), and generates an interactive command. This interactive command is sent to a stereoscopic image server so that the software The tool can obtain the three-dimensional coordinates and vectors corresponding to a display space according to the interactive command to obtain new three-dimensional image data.
進一步地,當以立體影像顯示物件的立體影像時,可以是一種在空間中呈現的浮空立體影像,因此,立體影像顯示元件將已知立體影像中的每個位置(光點,立體座標),因此,當以光線、聲波、影像等方式感測到手勢,可以得出手勢與立體影像之間的互動,包括手指、手掌位置、指關節得到的手勢位置對應到立體影像的空間位置,讓運行於立體影像顯示元件中的軟體程序可以判斷出移動、旋轉與縮放等動作,之後,再通過立體影像服務器提供對應的立體影像數據,在高速傳輸與運算下,可以讓使用者感受到立體互動產生的回應影像,讓使用者可以從各種角度觀看物件(商品或廣告)。Furthermore, when displaying the three-dimensional image of the object as a three-dimensional image, it may be a floating three-dimensional image presented in space. Therefore, the three-dimensional image display element will know each position (light point, three-dimensional coordinate) in the three-dimensional image. Therefore, when gestures are sensed by light, sound waves, images, etc., the interaction between gestures and stereoscopic images can be obtained, including the positions of fingers, palms, and knuckles. The gesture positions obtained correspond to the spatial positions of the stereoscopic images. The software program running in the three-dimensional image display component can determine movement, rotation, zooming, etc., and then provide the corresponding three-dimensional image data through the three-dimensional image server. Under high-speed transmission and calculation, users can feel the three-dimensional interaction The generated response image allows users to view objects (products or advertisements) from various angles.
進一步地,所述互動的方式主要可以通過各式感測器感測手勢、聲控指令或觸控指令,亦不排除使用其他可以產生互動的輸入技術,例如在平面觸控面板上產生的手勢、人臉追蹤、人眼視線追蹤、遠端程式控制等,並可搭配包括各種感應器(如光感器,陀螺儀)與其他通訊技術(如藍牙、RFID等)的輸入裝置執行互動。Further, the interactive mode can mainly be used to sense gestures, voice commands or touch commands through various sensors, and it does not exclude the use of other interactive input technologies, such as gestures, generated on a flat touch panel, Face tracking, eye tracking, remote program control, etc., and can be used with input devices including various sensors (such as light sensors, gyroscopes) and other communication technologies (such as Bluetooth, RFID, etc.) to perform interaction.
接著,圖5~圖8顯示運作於平面顯示元件51、立體影像顯示元件52、內容伺服器53與立體影像服務器54之間的線上內容立體顯示方法實施例流程圖。其中各實施例所描述的平面顯示元件51可為使用者終端裝置中的平面顯示模組,或是獨立運行的電腦裝置;立體影像顯示元件52可以是使用者終端裝置中的立體顯示模組,也可以是獨立運行的立體影像顯示裝置;內容伺服器53可依據不同實施例而為一般網站伺服器、影音內容伺服器、電子商務平台或搜尋引擎等;立體影像服務器54則可為一獨立運行的伺服器,亦可為內容伺服器53中處理立體影像數據的軟體程序或是硬體電路,更者,立體影像服務器54亦可自行運行一內容平台或是電子商務平台。Next, FIGS. 5 to 8 show a flowchart of an embodiment of an online content stereoscopic display method operating between the
[實施例一][Example 1]
根據圖5描述的流程實施例,所述內容伺服器53可為一般網站伺服器或是一影音平台。According to the process embodiment described in FIG. 5, the
一開始,由使用者操作電腦裝置中的平面顯示元件51向內容伺服器53發出內容請求,以瀏覽內容伺服器53中的內容(S501),並在瀏覽內容時,點選有興趣的物件,或是對特定內容執行播放指令,在內容伺服器53中產生一物件資訊,如識別資訊(ID),之後,內容伺服器53產生一立體顯示物件的請求,伴隨此物件資訊傳送到立體影像服務器54(S503),由立體影像服務器54中的軟體程序根據物件的識別資訊查詢其中影像資料庫(S505),以能得出對應此物件的立體影像數據,立體影像數據可以是已經預先演算與轉換完成的立體影像數據,即傳送到終端的立體影像顯示元件52(S507),由終端的立體影像顯示元件52針對特定格式解碼後播放立體影像。At the beginning, the user operates the
[實施例二][Example 2]
在圖6中,所述內容伺服器53可以為提供文字、圖形與/或影音內容網站。In FIG. 6, the
同樣先由使用者操作終端裝置,由平面顯示元件51向內容伺服器53發出內容請求(S601),如瀏覽內容的請求,取得有興趣的物件。這時,一方面內容伺服器53對此形成一個立體顯示物件的請求,伴隨物件的識別資訊,傳送到立體影像服務器54(S603),另一方面則是回應使用者發出的內容請求(其中記載使用者的來源)而提供對應的內容(S605),這部分仍可能是平面內容,由平面顯示元件51接收並顯示。Similarly, the user operates the terminal device first, and the
在立體影像服務器54中,將根據接收到的物件資訊查詢影像資料庫(S607),得出對應的立體影像數據,並經一些前置作業(如加密與編碼)後傳送到使用者端的立體影像顯示元件52(S609),這時,可由立體影像顯示元件52解碼後顯示立體影像。In the
此時,在使用者端,一方面可以平面顯示元件51顯示從內容伺服器53傳送的平面內容,另一方面同時以立體影像顯示元件52顯示相關的立體影像,提供不同的內容觀賞體驗。At this time, on the user side, on the one hand, the
使用者可以操作平面顯示元件51,利用一些輸入週邊(如滑鼠、鍵盤、觸控面板、語音等)在內容伺服器53提供的內容上執行互動,產生平面內容互動指令給內容伺服器53(S611),讓內容伺服器53根據互動指令回應對應的平面內容給平面顯示元件51(S613)。The user can operate the
使用者也可操作立體影像顯示元件52,利用上述幾種輸入方式,或可以手勢方式在顯示的立體影像上互動,產生立體內容互動指令,並傳送到立體影像服務器54(S615),由立體影像服務器54中軟體程序根據互動指令判斷物件的另一顯示樣態,經查詢影像資料庫(S617)後,可直接得出另一立體影像數據,或是經過演算後形成另一立體影像數據,再立即回傳至立體影像顯示元件52(S619),由立體影像顯示元件52顯示經過互動後的立體影像。所述互動是可以連續執行,並能持續自立體影像服務器54得到互動後的立體影像數據,提供特別的瀏覽經驗。The user can also operate the three-dimensional
[實施例三][Example Three]
圖7顯示再一實施例,此例的內容伺服器53為一般內容網站,可為電子商務平台,所述物件可以為有興趣的商品物件,也可以為置入於網頁中的廣告物件,或是可觸發在立體影像服務器54產生的內容物件。立體影像服務器54的影像資料庫記載了各種物件的立體影像資源檔,立體影像資源檔記載了演算成立體影像的必要資訊,如一立體影像描述檔與一環境資料檔,立體影像描述檔可以是一種描述物件立體座標、向量與尺寸的描述檔,環境資料檔可以為描述物件環境光、視角、材質、顏色的檔案,可用以描述一靜態物件或一動態物件。Figure 7 shows another embodiment. In this example, the
實施例一開始,由使用者操作平面顯示元件51向內容伺服器53發出內容請求(S701),瀏覽其中頁面內容,並可選擇有興趣的物件,或是由瀏覽頁面自動觸發特定物件資訊,傳送到立體影像服務器54(S703),由立體影像服務器54中軟體程序根據物件資訊查詢影像資料庫(S705),從中得出物件的立體影像資源檔,直接將這個立體影像資源檔傳送到終端的立體影像顯示元件52(S707),由立體影像顯示元件52中或是特定終端裝置中的處理器即時以立體影像資源檔中的資料演算出立體影像(S709),並立即顯示立體影像。At the beginning of the embodiment, the user operates the
使用者這時也可通過立體影像顯示元件52以手勢操作顯示的立體影像,同樣地產生互動指令,並提供至立體影像服務器54(S711),再由立體影像服務器54中軟體程序根據互動指令判斷物件的另一顯示樣態,經查詢影像資料庫(S713),得出新的立體影像資源檔,同樣地傳送到立體影像顯示元件52(S715),由立體影像顯示元件52即時演算得出立體影像(S717)。At this time, the user can also use the three-dimensional
若有連續互動的過程,都會連續產生互動指令,並傳送到立體影像服務器54,由立體影像服務器54查詢資料庫連續得出立體影像資源檔,再傳送到終端的立體影像顯示元件52演算並顯示立體影像。If there is a continuous interaction process, interactive commands will be continuously generated and sent to the
在此一提的是,當使用者利用立體影像顯示元件52執行互動,產生互動指令時,可以根據互動指令查詢目前在立體影像顯示元件52所接收的立體影像資源檔中是否包括了對應此互動指令的另一顯示樣態,若已經包括新的顯示樣態,則立體影像顯示元件52可自行運算後產生立體影像數據,並顯示;若並未包括互動產生的另一顯示樣態,則如步驟S711,向立體影像服務器54發出新立體影像資源檔的請求,再根據接收的立體影像資源檔執行演算。It is mentioned here that when the user uses the three-dimensional
[實施例四][Example Four]
圖8中顯示的內容伺服器53可以為販售商品的網站,所述物件可以為商品物件,也可以為置入於相關內容的廣告物件,特別的是,此例是由立體影像服務器54根據物件的立體影像資源檔即時演算產生物件的立體影像數據,而此立體影像資源檔可以由內容伺服器53提供給立體影像服務器54,也可由立體影像服務器54中影像資料庫中得到。The
一開始,使用者操作終端的平面顯示元件51,向內容伺服器53發出內容請求(S801),瀏覽過程中,觸發物件的連結,傳送立體顯示物件的請求伴隨物件資訊到立體影像服務器54(S803),或者,可由內容伺服器53提供某物件的立體影像資源檔,再伴隨立體顯示物件的請求傳送到立體影像服務器54。另一方面,內容伺服器53可以回應使用者的內容請求而提供對應的內容至平面顯示元件51(S805)。At the beginning, the user operates the
當立體影像服務器54取得內容伺服器53提供的立體影像資源檔,由立體影像服務器54中處理器即時演算立體影像(S807),再將形成的立體影像數據傳送至立體影像顯示元件52(S809),由立體影像顯示元件52顯示,並可提供使用者執行互動,互動可以產生出對應立體影像的空間座標改變,得出體影像變化的狀態,從立體影像互動產生互動指令,再次傳送到立體影像服務器54(S811),由立體影像服務器54即時演算立體影像(S813),同樣地,提供立體影像數據給立體影像顯示元件52(S815),此立體影像數據為可直接顯示立體影像的數據。When the
根據上述各種線上內容立體顯示方法的實施例,可知,其中特色是使用者可以在取得平面內容的同時,還能取得立體影像數據,若以瀏覽電子商務平台為例,其中展示各種商品,可以提供傳統平面資訊以外,還可讓使用者點選商品觸發商品的連結,讓立體影像服務器提供相關商品的立體影像數據,或是立體影像資源檔,讓使用者可以利用即時得到的立體影像觀看商品,或是得到相關廣告的立體影像,產生新穎的內容觀看體驗。According to the above embodiments of various online content stereoscopic display methods, it can be seen that the feature is that users can obtain three-dimensional image data while obtaining flat content. If browsing an e-commerce platform as an example, various products can be displayed. In addition to traditional flat information, users can click on products to trigger product links, so that the three-dimensional image server can provide three-dimensional image data of related products, or three-dimensional image resource files, so that users can view products with real-time three-dimensional images. Or get the three-dimensional images of related advertisements to produce a novel content viewing experience.
以上所公開的內容僅為本發明的優選可行實施例,並非因此侷限本發明的申請專利範圍,所以凡是運用本發明說明書及圖式內容所做的等效技術變化,均包含於本發明的申請專利範圍內。The content disclosed above is only the preferred and feasible embodiments of the present invention, and does not limit the scope of the patent application of the present invention. Therefore, all equivalent technical changes made using the description and schematic content of the present invention are included in the application of the present invention. Within the scope of the patent.
101:內容伺服器 102:內容資料庫 103:立體影像服務器 104:影像資料庫 10:網路 105:使用者裝置 106:立體影像顯示裝置 51:平面顯示元件 52:立體影像顯示元件 53:內容伺服器 54:立體影像服務器 步驟S201~S209:線上內容立體顯示流程之一 步驟S301~S311:線上內容立體顯示流程之二 步驟S401~S413:線上內容立體顯示流程之三 步驟S501~S507:多方線上內容立體顯示流程之一 步驟S601~S619:多方線上內容立體顯示流程之二 步驟S701~S717:多方線上內容立體顯示流程之三 步驟S801~S815:多方線上內容立體顯示流程之四101: Content Server 102: Content Database 103: Stereoscopic image server 104: Image Database 10: Internet 105: user device 106: Stereoscopic image display device 51: Flat display components 52: Stereoscopic image display component 53: Content Server 54: Stereoscopic image server Steps S201~S209: One of the three-dimensional display process of online content Steps S301~S311: Online content stereoscopic display process 2 Steps S401~S413: The third process of online content stereoscopic display Steps S501~S507: One of the three-dimensional display process of multi-party online content Steps S601~S619: The second process of stereoscopic display of multi-party online content Steps S701~S717: The third process of the three-dimensional display of multi-party online content Steps S801~S815: The fourth process of three-dimensional display of multi-party online content
圖1顯示線上內容立體顯示系統的網路架構示意圖;Figure 1 shows a schematic diagram of the network architecture of an online content three-dimensional display system;
圖2顯示線上內容立體顯示方法的實施例之一流程圖;FIG. 2 shows a flow chart of an embodiment of a method for displaying online content in a three-dimensional manner;
圖3顯示線上內容立體顯示方法的實施例之二流程圖;FIG. 3 shows a flowchart of the second embodiment of the online content stereoscopic display method;
圖4顯示線上內容立體顯示方法的實施例之三流程圖;FIG. 4 shows a flowchart of the third embodiment of an online content stereoscopic display method;
圖5~圖8顯示運作於平面顯示元件、立體影像顯示元件、內容伺服器與立體影像服務器之間多方的線上內容立體顯示方法實施例流程圖。FIGS. 5 to 8 show a flowchart of an embodiment of a method for stereoscopic display of online content that operates between a flat display element, a stereoscopic image display element, a content server, and a stereoscopic image server.
S201:以平面顯示元件瀏覽內容網站 S201: Browse content websites with flat display elements
S203:觸發一立體顯示物件的請求 S203: Trigger a request for a three-dimensional display object
S205:立體影像服務器接收請求後產生立體影像數據 S205: The stereoscopic image server generates stereoscopic image data after receiving the request
S207:由立體影像顯示元件接收立體影像數據 S207: Receive 3D image data from the 3D image display component
S209:顯示物件之立體影像 S209: Display the three-dimensional image of the object
Claims (18)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW108119602A TWI718551B (en) | 2019-06-05 | 2019-06-05 | Method and system for displaying online content using stereoscopic images |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW108119602A TWI718551B (en) | 2019-06-05 | 2019-06-05 | Method and system for displaying online content using stereoscopic images |
Publications (2)
Publication Number | Publication Date |
---|---|
TW202046251A TW202046251A (en) | 2020-12-16 |
TWI718551B true TWI718551B (en) | 2021-02-11 |
Family
ID=74668305
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW108119602A TWI718551B (en) | 2019-06-05 | 2019-06-05 | Method and system for displaying online content using stereoscopic images |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI718551B (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115713465B (en) * | 2022-10-28 | 2023-11-14 | 北京阅友科技有限公司 | Stereoscopic display method and device for plane image, storage medium and terminal |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200828043A (en) * | 2006-12-29 | 2008-07-01 | Cheng-Hsien Yang | Terminal try-on simulation system and operating and applying method thereof |
TW201028945A (en) * | 2009-01-19 | 2010-08-01 | Nvidia Corp | On-line shopping system |
US20160275600A1 (en) * | 2011-02-17 | 2016-09-22 | Metail Limited | Computer implemented methods and systems for generating virtual body models for garment fit visualisation |
TWM547857U (en) * | 2017-04-12 | 2017-09-01 | Jian-He Lin | Online anthropomorphic wedding dress modification and try-on system |
-
2019
- 2019-06-05 TW TW108119602A patent/TWI718551B/en active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW200828043A (en) * | 2006-12-29 | 2008-07-01 | Cheng-Hsien Yang | Terminal try-on simulation system and operating and applying method thereof |
TW201028945A (en) * | 2009-01-19 | 2010-08-01 | Nvidia Corp | On-line shopping system |
US20160275600A1 (en) * | 2011-02-17 | 2016-09-22 | Metail Limited | Computer implemented methods and systems for generating virtual body models for garment fit visualisation |
TWM547857U (en) * | 2017-04-12 | 2017-09-01 | Jian-He Lin | Online anthropomorphic wedding dress modification and try-on system |
Also Published As
Publication number | Publication date |
---|---|
TW202046251A (en) | 2020-12-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
AU2017240823B2 (en) | Virtual reality platform for retail environment simulation | |
US11200617B2 (en) | Efficient rendering of 3D models using model placement metadata | |
TWI567670B (en) | Method and system for management of switching virtual-reality mode and augmented-reality mode | |
KR101108743B1 (en) | Method and apparatus for holographic user interface communication | |
US11023106B2 (en) | Digital supplement association and retrieval for visual search | |
US11775130B2 (en) | Guided retail experience | |
WO2017053625A1 (en) | Mapping of user interaction within a virtual-reality environment | |
US11854148B2 (en) | Virtual content display opportunity in mixed reality | |
US11640431B2 (en) | Digital supplement association and retrieval for visual search | |
KR20190005082A (en) | Method and appratus for providing information on offline merchandise to sales on online through augmented reality | |
US9741062B2 (en) | System for collaboratively interacting with content | |
KR101564161B1 (en) | System and method for providing meta information cobined with content in smart tv environment | |
JP2022110057A (en) | Digital supplement association and retrieval for visual search | |
TW202248808A (en) | Augmented reality data presentation method, electronic equipment and computer-readable storage medium | |
TWI718551B (en) | Method and system for displaying online content using stereoscopic images | |
WO2023093329A1 (en) | Information output method, head-mounted display device and readable storage medium | |
US20210067760A1 (en) | Stereoscopic display method and system for displaying online object | |
JP6938562B2 (en) | Online sales system, online sales method, computer program | |
CN112135164A (en) | Method and system for on-line content stereo display | |
Dou et al. | Show something: intelligent shopping assistant supporting quick scene understanding and immersive preview | |
US10733637B1 (en) | Dynamic placement of advertisements for presentation in an electronic device | |
KR20020014548A (en) | A cyber shopping mall providing system using virtual reality and the providing method | |
NL2014682B1 (en) | Method of simulating conversation between a person and an object, a related computer program, computer system and memory means. | |
TW201901593A (en) | Virtual reality house-viewing system having virtual reality host machine with a processing unit, a transmission interface, a control interface, a virtual reality module, an augmented reality module, and at least one virtual reality display device | |
TW201814433A (en) | Methods and systems for managing selected objects in a virtual reality environment, and related computer program products |