本發(fā)明涉及增強現(xiàn)實技術領域，特別是涉及一種實現(xiàn)增強現(xiàn)實的方法以及一種實現(xiàn)增強現(xiàn)實的裝置。

背景技術：

旨在增強現(xiàn)實技術(Augmented Reality，簡稱AR)是在虛擬現(xiàn)實技術的基礎上發(fā)展出來的一個新的技術方向，是利用虛擬物體對真實場景進行現(xiàn)實增強的技術，其基于攝像頭等采集器件采集到的真實物理環(huán)境，根據(jù)標記或特征來確定輸入圖像在該真實物理環(huán)境的三維空間中的坐標位置，然后將3D模型疊加到這個坐標系統(tǒng)，從而實現(xiàn)真實環(huán)境和虛擬環(huán)境的結合，實現(xiàn)對用戶身處的現(xiàn)實物理環(huán)境的注釋、說明，或者增強、強調(diào)現(xiàn)實環(huán)境的某些效果。AR給用戶一種虛擬對象與現(xiàn)實環(huán)境兩相融合的體驗，能有效地幫助用戶認知周圍環(huán)境，增添周圍環(huán)境的信息，實現(xiàn)用戶與周圍環(huán)境的交互。

目前的AR技術都是針對終端的客戶端來實現(xiàn)，圖1中示出了一個示例中的目前的AR技術實現(xiàn)的示意圖，由圖1可見，基于終端的操作系統(tǒng)的不同，會開發(fā)特定的實現(xiàn)AR技術的客戶端，目前而言，通常分別為IOS和Android兩個客戶端。其實現(xiàn)原理，都是通過已有的圖像識別庫進行開發(fā)。然而，原生應用開發(fā)難度復雜，不僅不同的終端操作系統(tǒng)需要不同的開發(fā)人員，每一個改動要基于操作系統(tǒng)的版本進行，開發(fā)周期長，人力、開發(fā)成本等資源耗費大，而且在客戶端版本有更新時，必須由終端用戶手動下載更新，而且歷史版本也必須要維護，維護成本高。

技術實現(xiàn)要素：

基于此，本發(fā)明實施例的目的在于提供一種開發(fā)、維護成本低且使用方便快捷的實現(xiàn)增強現(xiàn)實的方法以及實現(xiàn)增強現(xiàn)實的裝置。

為達到上述目的，本發(fā)明實施例采用以下技術方案：

一種實現(xiàn)增強現(xiàn)實的方法，包括步驟：

向WEB服務器發(fā)送頁面訪問請求，所述頁面訪問請求包括頁面標識；

接收所述WEB服務器根據(jù)所述頁面訪問請求返回的頁面訪問響應，所述頁面訪問響應包括與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

由所述增強現(xiàn)實的裝置獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

一種實現(xiàn)增強現(xiàn)實的方法，包括步驟：

接收終端瀏覽器發(fā)送的頁面訪問請求，所述頁面訪問請求包括頁面標識；

獲取與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

向所述終端瀏覽器返回頁面訪問響應，所述頁面訪問響應中包括所述WEB頁面；

由所述終端瀏覽器基于接收的所述WEB頁面中的增強現(xiàn)實的裝置，獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

一種實現(xiàn)增強現(xiàn)實的裝置，包括：

頁面請求發(fā)送模塊，用于向WEB服務器發(fā)送頁面訪問請求，所述頁面訪問請求包括頁面標識；

頁面響應接收模塊，用于接收所述WEB服務器根據(jù)所述頁面訪問請求返回的頁面訪問響應，所述頁面訪問響應包括與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

所述增強現(xiàn)實的裝置獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

一種實現(xiàn)增強現(xiàn)實的裝置，包括：

頁面請求接收模塊，用于接收終端瀏覽器發(fā)送的頁面訪問請求，所述頁面訪問請求包括頁面標識；

頁面獲取模塊，用于獲取與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

頁面響應發(fā)送模塊，用于向所述終端瀏覽器返回頁面訪問響應，所述頁面訪問響應中包括所述WEB頁面；

所述增強現(xiàn)實的裝置在返回至所述終端瀏覽器后，獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

如上所述的實施例的方案，其通過WEB的方式實現(xiàn)增強現(xiàn)實的效果，實現(xiàn)時，是終端瀏覽器基于訪問網(wǎng)頁頁面的方式從WEB服務器獲得增強現(xiàn)實的裝置，進而在終端上實現(xiàn)增強現(xiàn)實，其與終端的操作系統(tǒng)無關，因而在進行開發(fā)時針對不同的終端操作系統(tǒng)都只需要開發(fā)一套代碼即可，開發(fā)成本低，使用時不僅方便便捷，而且可以應用于任何操作系統(tǒng)的終端，可以跨平臺使用，另一方面，由于終端瀏覽器是從WEB服務器請求頁面時獲得增強現(xiàn)實的裝置，在進行維護時可以只需在WEB服務器對其增強現(xiàn)實的裝置進行維護即可，只需要在WEB服務器對增強現(xiàn)實的裝置進行更新，后續(xù)任何終端訪問時都是最新的增強現(xiàn)實的實現(xiàn)方式，維護便利且成本低。

附圖說明

圖1是一個示例中的目前的AR技術實現(xiàn)的示意圖；

圖2是一個實施例中本發(fā)明實施例方案的應用環(huán)境的示意圖；

圖3是一個實施例中的終端的組成結構示意圖；

圖4是一個實施例中的WEB服務器的組成結構示意圖；

圖5是一個實施例中的實現(xiàn)增強現(xiàn)實的方法的流程示意圖；

圖6是另一個實施例中的實現(xiàn)增強現(xiàn)實的方法的流程示意圖；

圖7是一個具體應用示例中的實現(xiàn)增強現(xiàn)實時的交互流程示意圖；

圖8是一個具體應用示例中的實現(xiàn)增強現(xiàn)實的技術原理示意圖；

圖9是一個具體應用示例中進行圖像處理獲得的灰度圖像和二值化圖像的示意圖；

圖10是一個具體應用示例中的預定標識的ID信息排列方式的示意圖；

圖11是圖10所示的預定標識的圖像示意圖；

圖12是一個實施例中的實現(xiàn)增強現(xiàn)實的裝置的結構示意圖；

圖13是另一個實施例中的實現(xiàn)增強現(xiàn)實的裝置的結構示意圖。

具體實施方式

為使本發(fā)明的目的、技術方案及優(yōu)點更加清楚明白，以下結合附圖及實施例，對本發(fā)明進行進一步的詳細說明。應當理解，此處所描述的具體實施方式僅僅用以解釋本發(fā)明，并不限定本發(fā)明的保護范圍。

圖2示出了本發(fā)明一個實施例中的工作環(huán)境示意圖，如圖2所示，其工作環(huán)境涉及終端101以及WEB(環(huán)球網(wǎng))服務器100，終端101與WEB服務器100可以通過網(wǎng)絡進行通信。終端101可以向WEB服務器100請求WEB頁面，WEB服務器100基于終端101的請求獲取對應的WEB頁面并返回給終端101進行顯示。在本發(fā)明實施例中，WEB服務器100在獲取了終端101請求的WEB頁面后，在該WEB頁面中嵌入增強現(xiàn)實的裝置，然后返回給終端101，終端101在獲WEB得服務器100返回的WEB頁面并顯示后，WEB頁面中嵌入的增強現(xiàn)實的裝置執(zhí)行增強現(xiàn)實的處理，使得在WEB的終端就可以產(chǎn)生增強現(xiàn)實的效果。

終端101在一個實施例中的結構示意圖如圖3所示。該終端101包括通過系統(tǒng)總線連接的處理器、存儲介質(zhì)、通信接口、電源接口和內(nèi)存。其中，終端101的存儲介質(zhì)存儲有一種實現(xiàn)增強現(xiàn)實的裝置，該裝置用于實現(xiàn)一種實現(xiàn)增強現(xiàn)實的方法。終端101的通信接口用于與WEB服務器100連接和通信，終端101的電源接口用于與外部電源連接，外部電源通過該電源接口向終端101供電。終端101可以是任何一種能夠接入WEB網(wǎng)絡的設備，例如移動終端、平板電腦、個人計算機等；也可以是其它具有上述結構的設備。

WEB服務器100在一個實施例中的結構示意圖如圖4所示。其包括通過系統(tǒng)總線連接的處理器、供電模塊、存儲介質(zhì)、內(nèi)存和通信接口。其中，WEB服務器的存儲介質(zhì)存儲有操作系統(tǒng)、數(shù)據(jù)庫和一種實現(xiàn)增強現(xiàn)實的裝置，該裝置用于實現(xiàn)一種實現(xiàn)增強現(xiàn)實的方法。WEB服務器100的通信接口用于與終端101進行連接和通信。

圖5示出了一個實施例中的實現(xiàn)增強現(xiàn)實的方法的流程示意圖，該實施例中是以應用在終端101為例進行說明。

如圖5所示，該實施例中的實現(xiàn)增強現(xiàn)實的方法包括：

步驟S501：向WEB服務器發(fā)送頁面訪問請求，所述頁面訪問請求包括頁面標識；

步驟S502：接收所述WEB服務器根據(jù)所述頁面訪問請求返回的頁面訪問響應，所述頁面訪問響應包括與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

步驟S503：由所述增強現(xiàn)實的裝置獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

相對應地，圖6示出了另一個實施例中的實現(xiàn)增強現(xiàn)實的方法的流程示意圖，該實施例是以WEB服務器的處理過程為例進行說明。

如圖6所示，該實施例中的實現(xiàn)增強現(xiàn)實的方法包括：

步驟S601：接收終端瀏覽器發(fā)送的頁面訪問請求，所述頁面訪問請求包括頁面標識；

步驟S602：獲取與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

步驟S603：向所述終端瀏覽器返回頁面訪問響應，所述頁面訪問響應中包括所述WEB頁面；

步驟S604：由所述終端瀏覽器基于接收的所述WEB頁面中的增強現(xiàn)實的裝置，獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

如上所述的實施例的方案，其通過WEB的方式實現(xiàn)增強現(xiàn)實的效果，實現(xiàn)時，是終端瀏覽器基于訪問網(wǎng)頁頁面的方式從WEB服務器獲得增強現(xiàn)實的裝置，進而在終端上實現(xiàn)增強現(xiàn)實，其與終端的操作系統(tǒng)無關，因而在進行開發(fā)時針對不同的終端操作系統(tǒng)都只需要開發(fā)一套代碼即可，開發(fā)成本低，使用時不僅方便便捷，而且可以應用于任何操作系統(tǒng)的終端，可以跨平臺使用，另一方面，由于終端瀏覽器是從WEB服務器請求頁面時獲得增強現(xiàn)實的裝置，在進行維護時可以只需在WEB服務器對其增強現(xiàn)實的裝置進行維護即可，只需要在WEB服務器對增強現(xiàn)實的裝置進行更新，后續(xù)任何終端訪問時都是最新的增強現(xiàn)實的實現(xiàn)方式，維護便利且成本低。

在一個具體示例中，上述增強現(xiàn)實的裝置在獲取所在終端的攝像設備的視頻流之后，對所述視頻流的視頻幀進行圖像處理之前，還可以將所述視頻流的各視頻幀轉(zhuǎn)換為畫布圖像。從而在對視頻流的視頻幀進行圖像處理時，可以是基于畫布的圖像處理能力，對轉(zhuǎn)換到畫布的畫布圖像進行圖像處理。

在一個具體示例中，終端瀏覽器基于上述增強現(xiàn)實的裝置，可以通過實時通信的媒體流接口獲取所在終端的攝像設備的同步視頻流。這里的實時通信的媒體流接口可以結合實際技術應用需要來設定，在一個具體示例中，該實時通信的媒體流接口可以為WebRTC的MediaStream接口。

在一個具體示例中，終端瀏覽器基于上述增強現(xiàn)實的裝置，在對上述視頻幀進行圖像處理時，可以是依次進行灰度處理和二值化處理，例如，可以通過調(diào)用圖像處理腳本對視頻幀依次進行灰度化處理和二值化處理獲得所述二值化圖像。這里的圖像處理腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像處理腳本可以為cv.js。

在一個具體示例中，終端瀏覽器基于上述增強現(xiàn)實的裝置，可以通過圖像識別庫從所述二值化圖像中識別出所述預定標識，獲得所述預定標識的坐標范圍，所述圖像識別庫包括圖像識別庫腳本。這里的圖像識別庫腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像識別庫腳本可以為aruco.js、Awe.js。

在一個具體示例中，終端瀏覽器基于上述增強現(xiàn)實的裝置，可以根據(jù)所述預定標識的坐標范圍將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

為便于對本實施例方案的理解，圖7示出了一個具體應用示例中的實現(xiàn)增強現(xiàn)實時的交互流程示意圖。

如圖7所示，在終端有訪問網(wǎng)絡的請求時，可以通過終端瀏覽器等向WEB服務器發(fā)送頁面訪問請求，該頁面訪問請求中包括有頁面標識。

WEB服務器接收到該頁面訪問請求后，獲取與上述頁面標識對應的WEB頁面，其中該WEB頁面中嵌入有增強現(xiàn)實的裝置，然后向終端瀏覽器返回頁面訪問響應，該頁面訪問響應中包括有上述WEB頁面。

終端瀏覽器接收到WEB服務器返回的頁面訪問響應后，由該增強現(xiàn)實的裝置獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

圖8中示出了一個具體應用示例中的實現(xiàn)增強現(xiàn)實的技術原理示意圖，如圖8所示，上述嵌入在WEB頁面中的增強現(xiàn)實的裝置，可以運用實時通信的媒體流接口，例如能為瀏覽器提供實時通信的javascript接口WebRtc，通過用戶設備的攝像頭獲得視頻同步流。WebRtc里面的MediaStream這個API可以通過設備的攝像頭獲得視頻的同步流。例如通過html5的video標簽可以獲得攝像頭的同步畫面。

在獲得用戶設備的視頻同步流后，可對該視頻同步流的視頻幀進行圖像處理，將其轉(zhuǎn)化為二值化圖像。在可能的情況下，可以直接對視頻同步流的視頻幀進行上述圖像處理。為了提高處理效率，可以應用畫布的圖像處理能力，因此可以創(chuàng)建畫布后，將視頻流的視頻幀截取到創(chuàng)建的畫布上，以將視頻流的視頻幀轉(zhuǎn)換為畫布圖像。在轉(zhuǎn)化為畫布圖像后，每一幀視頻幀就轉(zhuǎn)換成了一個canvas像素矩陣。

隨后，即可對上述畫布圖像進行圖像處理，并從圖像處理后的圖像中識別出預定標識。

在進行圖像處理時，在一個具體示例中，可以是對畫布圖像進行灰度處理將其轉(zhuǎn)換為灰度圖像后，再對該灰度圖像進行二值化處理獲得二值化圖像。具體的灰度處理和二值化處理的方式可以采用目前已有以及以后可能出現(xiàn)的任何方式進行。一個具體應用示例中，在進行圖像處理時，可以通過調(diào)用圖像處理腳本，例如JavaScript中的cv.js進行，一個具體應用示例中得到的灰度圖像和二值化圖像的示意圖如圖9所示。

在得到二值化圖像后，即可基于設定的預定標識，從二值化圖像中識別出預定標識時，確定二值化圖像中的預定標識的位置。具體的從二值化圖像中識別出預定標識的方式，可以結合圖像識別庫設定好的預定標識的類型來確定。

在一個具體示例中，假設圖像識別庫腳本為Aruco.js，即采用的是Aruco.js規(guī)定的標識，而Aruco.js的標識規(guī)定了其必須是一個七乘七、有黑色邊框的、內(nèi)部是五乘五的ID信息，圖10中示出了一個具體示例中的Aruco.js規(guī)定的預定標識的ID信息排列方式的示意圖。

以采用Aruco.js規(guī)定的標識為預定標識為例，上述cv.js確定的二值化圖像可傳遞給Aruco.js，由Aruco.js從中識別出上述預定標識，一個具體示例中從圖10中識別出的預定標識的圖像示意圖如圖11所示。Aruco.js從中識別出上述預定標識后，可以返回識別出的預定標識的位置坐標，以預定標識為二維碼為例，其返回的可以是標識的四個端點的坐標的數(shù)組。

在識別出該預定標識后，即可在識別出的預定標識的位置進行3D繪圖，獲得繪制的3D圖像，在進行3D繪圖時，可以是使用圖像建模的庫進行3D繪圖，例如three.js。然后將繪制的該3D圖像顯示在攝像設備拍攝到的畫面中，從而形成增強現(xiàn)實的顯示畫面，實現(xiàn)WEB端的增強現(xiàn)實的效果。

如上所述的實施例中的方法，開發(fā)成本低，周期短，且由于具體增強現(xiàn)實時的增強現(xiàn)實的裝置是嵌入在WEB服務器向終端返回的WEB頁面中，因此，在需要對增強現(xiàn)實的裝置進行改變時，每個小改動可以通過實時更新WEB服務器上的相關頁面，就可以終端用戶可以實時查看到最新的版本，從而不僅可以方便、快捷的部署，不需要用戶安裝，而且也能使得終端用戶總能訪問到最新的版本，在需要實現(xiàn)不同的增強現(xiàn)實的效果時，無需大量的修改或者重新編寫代碼，通過更改圖像建模庫即可實現(xiàn)不同的增強現(xiàn)實的效果，迭代更新等維護過程容易。

基于與上述方法相同的思想，本發(fā)明實施例還提供一種實現(xiàn)增強現(xiàn)實的裝置。

圖12示出了一個實施例中的實現(xiàn)增強現(xiàn)實的裝置的結構示意圖，該實施例是以設置在終端101上為例進行說明。

如圖12所示，該實施例中的裝置包括：

頁面請求發(fā)送模塊1201，用于向WEB服務器發(fā)送頁面訪問請求，所述頁面訪問請求包括頁面標識；

頁面響應接收模塊1202，用于接收所述WEB服務器根據(jù)所述頁面訪問請求返回的頁面訪問響應，所述頁面訪問響應包括與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

所述增強現(xiàn)實的裝置獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

如上所述的實施例的方案，其通過WEB的方式實現(xiàn)增強現(xiàn)實的效果，終端瀏覽器基于訪問網(wǎng)頁頁面的方式從WEB服務器獲得增強現(xiàn)實的裝置，進而在終端上實現(xiàn)增強現(xiàn)實，其與終端的操作系統(tǒng)無關，因而在進行開發(fā)時針對不同的終端操作系統(tǒng)都只需要開發(fā)一套代碼即可，開發(fā)成本低，使用時不僅方便便捷，而且可以應用于任何操作系統(tǒng)的終端，可以跨平臺使用，另一方面，由于終端瀏覽器是從WEB服務器請求頁面時獲得增強現(xiàn)實的裝置，在進行維護時可以只需在WEB服務器對其增強現(xiàn)實的裝置進行維護即可，只需要在WEB服務器對增強現(xiàn)實的裝置進行更新，后續(xù)任何終端訪問時都是最新的增強現(xiàn)實的實現(xiàn)方式，維護便利且成本低。

如圖12所示，在一個具體示例中，頁面響應接收模塊1202從WEB服務器接收的WEB頁面中嵌入的增強現(xiàn)實的裝置1200包括：

視頻流獲取模塊1201，用于獲取所在終端的攝像設備的視頻流；在一個具體示例中，該視頻流獲取模塊1201可以通過實時通信的媒體流接口獲取所在終端的攝像設備的同步視頻流；這里的實時通信的媒體流接口可以結合實際技術應用需要來設定，在一個具體示例中，該實時通信的媒體流接口可以為WebRTC的MediaStream接口；

圖像處理模塊1202，用于對所述視頻流的視頻幀進行圖像處理獲得圖像處理后的圖像；在一個具體示例中，圖像處理模塊1202在對上述視頻幀進行圖像處理時，可以是依次進行灰度處理和二值化處理得到二值化圖像，例如，通過調(diào)用圖像處理腳本對視頻幀依次進行灰度化處理和二值化處理獲得所述二值化圖像；這里的圖像處理腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像處理腳本可以為cv.js；

標識識別模塊1203，用于從所述圖像處理模塊1202處理后的圖像中識別出預定標識；在一個具體示例中，標識識別模塊1203可以通過圖像識別庫從所述二值化圖像中識別出所述預定標識，獲得所述預定標識的坐標范圍，這里的圖像識別庫可以包括圖像識別庫腳本，這里的圖像識別庫腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像識別庫腳本可以為aruco.js、Awe.js等圖像識別庫；

3D繪圖模塊1204，用于在識別出的所述預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面；在一個具體示例中，3D繪圖模塊根據(jù)所述預定標識的坐標范圍將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面；一個具體示例中的3D繪圖方式，可以是采用three.js等進行繪制。

在一個具體示例中，上述增強現(xiàn)實的裝置1200還包括畫布圖像轉(zhuǎn)換模塊：用于將所述視頻流的各視頻幀轉(zhuǎn)換為畫布圖像。此時，上述圖像處理模塊1202，是對畫布圖像轉(zhuǎn)換模塊轉(zhuǎn)換得到的畫布圖像進行圖像處理獲得所述二值化圖像。

圖13示出了另一個實施例中的實現(xiàn)增強現(xiàn)實的裝置的結構示意圖，該實施例是以設置在WEB服務器100上為例進行說明。

如圖13所示，該實施例中的裝置包括：

頁面請求接收模塊1301，用于接收終端瀏覽器發(fā)送的頁面訪問請求，所述頁面訪問請求包括頁面標識；

頁面獲取模塊1302，用于獲取與所述頁面標識對應的WEB頁面，所述WEB頁面中嵌入有增強現(xiàn)實的裝置；

頁面響應發(fā)送模塊1303，用于向所述終端瀏覽器返回頁面訪問響應，所述頁面訪問響應中包括所述WEB頁面；

上述增強現(xiàn)實的裝置在返回至所述終端瀏覽器后，獲取所在終端的攝像設備的視頻流，對所述視頻流的視頻幀進行圖像處理，從圖像處理后的圖像中識別出預定標識，在識別出的預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面。

如上所述的實施例的方案，其通過WEB的方式實現(xiàn)增強現(xiàn)實的效果，實現(xiàn)時，是終端瀏覽器基于訪問網(wǎng)頁頁面的方式從WEB服務器獲得增強現(xiàn)實的裝置，進而在終端上實現(xiàn)增強現(xiàn)實，其與終端的操作系統(tǒng)無關，因而在進行開發(fā)時針對不同的終端操作系統(tǒng)都只需要開發(fā)一套代碼即可，開發(fā)成本低，使用時不僅方便便捷，而且可以應用于任何操作系統(tǒng)的終端，可以跨平臺使用，另一方面，由于終端瀏覽器是從WEB服務器請求頁面時獲得增強現(xiàn)實的裝置，在進行維護時可以只需在WEB服務器對其增強現(xiàn)實的裝置進行維護即可，只需要在WEB服務器對增強現(xiàn)實的裝置進行更新，后續(xù)任何終端訪問時都是最新的增強現(xiàn)實的實現(xiàn)方式，維護便利且成本低。

如圖13所示，在一個具體示例中，WEB服務器的頁面響應發(fā)送模塊1303向終端瀏覽器返回的WEB頁面中嵌入的增強現(xiàn)實的裝置1300包括：

視頻流獲取模塊1301，用于獲取所在終端的攝像設備的視頻流；在一個具體示例中，該視頻流獲取模塊1201可以通過實時通信的媒體流接口獲取所在終端的攝像設備的同步視頻流；這里的實時通信的媒體流接口可以結合實際技術應用需要來設定，在一個具體示例中，該實時通信的媒體流接口可以為WebRTC的MediaStream接口；

圖像處理模塊1302，用于對所述視頻流的視頻幀進行圖像處理獲得圖像處理后的圖像；在一個具體示例中，圖像處理模塊1202在對上述視頻幀進行圖像處理時，可以是依次進行灰度處理和二值化處理獲得二值化圖像，例如，通過調(diào)用圖像處理腳本對視頻幀依次進行灰度化處理和二值化處理獲得所述二值化圖像；這里的圖像處理腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像處理腳本可以為cv.js；

標識識別模塊1303，用于從圖像處理模塊1302處理后的圖像中識別出預定標識；在一個具體示例中，標識識別模塊1203可以通過圖像識別庫從所述二值化圖像中識別出所述預定標識，獲得所述預定標識的坐標范圍，這里的圖像識別庫可以包括圖像識別庫腳本，這里的圖像識別庫腳本可以結合實際技術應用需要來設定，在一個具體示例中，該圖像識別庫腳本可以為aruco.js、Awe.js等圖像識別庫；

3D繪圖模塊1304，用于在識別出的所述預定標識上進行3D繪圖獲得繪制的3D圖像，并將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面；在一個具體示例中，3D繪圖模塊根據(jù)所述預定標識的坐標范圍將繪制的3D圖像顯示在所述攝像設備拍攝到的畫面中，形成增強現(xiàn)實的顯示畫面；一個具體示例中的3D繪圖方式，可以是采用three.js等進行繪制。

本實施例的實現(xiàn)增強現(xiàn)實的裝置中具體的技術應用實現(xiàn)方式，可以與上述實現(xiàn)增強現(xiàn)實的方法類似的方式處理。

本領域普通技術人員可以理解實現(xiàn)上述實施例方法中的全部或部分流程，是可以通過計算機程序來指令相關的硬件來完成，所述的程序可存儲于一非易失性的計算機可讀取存儲介質(zhì)中，如本發(fā)明實施例中，該程序可存儲于計算機系統(tǒng)的存儲介質(zhì)中，并被該計算機系統(tǒng)中的至少一個處理器執(zhí)行，以實現(xiàn)包括如上述各方法的實施例的流程。其中，所述的存儲介質(zhì)可為磁碟、光盤、只讀存儲記憶體(Read-Only Memory，ROM)或隨機存儲記憶體(Random Access Memory，RAM)等。

以上所述實施例的各技術特征可以進行任意的組合，為使描述簡潔，未對上述實施例中的各個技術特征所有可能的組合都進行描述，然而，只要這些技術特征的組合不存在矛盾，都應當認為是本說明書記載的范圍。

以上所述實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對發(fā)明專利范圍的限制。應當指出的是，對于本領域的普通技術人員來說，在不脫離本發(fā)明構思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應以所附權利要求為準。