專利名稱：圖形共享方法、系統(tǒng)與終端的制作方法
技術領域：
本申請涉及互聯(lián)網(wǎng)技術領域，尤其涉及一種圖形共享方法、系統(tǒng)與終端。
背景技術：
HTML5是Web瀏覽器支持的下一代HTML規(guī)范，其能為開發(fā)者提供更多更豐富的功能。HTML5包含若干子規(guī)范，比如WebSocket, Worker, WebSQL, Canvas (畫布)等等。目前，已經(jīng)有包括IE、Firefox、Chrome、Safari等在內的眾多瀏覽器支持該些規(guī)范。在上述規(guī)范中，Canvas (畫布)是HTML5中的繪圖子規(guī)范，其主要是用來生成各種3D，2D圖形，因此開發(fā)者可以使用Canvas制作游戲，甚至制作一個系統(tǒng)平臺。近年來Web瀏覽器應用的越來越廣泛，其對于圖形的繪制等需求也越來越高，從而對于Canvas的開發(fā)應用也得到了深入研究。目前，基于Canvas的圖形生成技術還屬于比較前沿技術，其實現(xiàn)方式也在不斷進步，現(xiàn)在已經(jīng)開始采用硬件圖形加速，使其對圖形的操作更加迅速。在現(xiàn)有技術中，某些場景下會有遠程共享圖形的需求(比如需要遠程共享桌面圖·像)。目前已有技術提出通過控件來實現(xiàn)在不同計算機之間實現(xiàn)圖形的共享。該技術的具體實現(xiàn)方式是首先在計算機上下載一個專用于進行圖形共享的控件，然后再利用該控件捕獲該計算機上的圖形并傳輸給另一計算機。但由于該技術不能實現(xiàn)跨瀏覽器的圖形傳輸，需要針對不同瀏覽器單獨開發(fā)不同的控件，從而會存在耗費較多的人力、物力資源的缺陷。

發(fā)明內容
本申請實施例提供一種圖形共享方法、系統(tǒng)，用以解決采用現(xiàn)有技術提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多的人力、物力資源的缺陷。本申請實施例還提供一種終端。本申請實施例采用以下技術方案一種圖形共享方法，包括圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。較佳地，所述瀏覽器安裝有交互式矢量圖和Web動畫標準Flash;以及圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括圖形提供方終端通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接,將信息包發(fā)送給圖形交換中心服務器。較佳地，圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括圖形提供方終端對信息包進行編碼后，通過基于所述瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。較佳地，圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端，具體包括圖形交換中心服務器從圖形接收方終端發(fā)送的握手信息中確定圖形接收方終端所支持的信息通訊規(guī)范；在確定出圖形接收方終端所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端；在確定出圖形接收方終端所支持的信息通訊規(guī)范為圖形接收方終端的瀏覽器支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包并對信息包進行編碼后，通過基于圖形接收方終端的瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口而建立的長連接發(fā)送給圖形接收方終端。較佳地，所述采樣率是圖形提供方終端根據(jù)圖形交換中心服務器發(fā)送來的握手信息中包含的圖形接收方終端的頻率刷新率設置的。一種圖形共享系統(tǒng)，包括圖形提供方終端、圖形接收方終端、圖形交換中心服務 器，其中圖形提供方終端，用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息，并根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器；圖形交換中心服務器，用于通過解封裝圖形提供方終端發(fā)送來的信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。一種終端，包括采樣單元，用于用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；封裝單元，用于根據(jù)預先約定的圖形共享協(xié)議對采樣單元得到的圖形信息進行封裝得到信息包；發(fā)送單元，用于通過與圖形交換中心服務器之間的長連接，將封裝單元得到的信息包發(fā)送給圖形交換中心服務器。本申請實施例的有益效果如下本申請實施例提供的方案通過圖形提供方終端通過Canvas (畫布)規(guī)范提供的圖形接口對基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息，并通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，而圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端，從而利用終端之間的長連接實現(xiàn)了圖形信息的共享，無需開發(fā)、下載控件即能實現(xiàn)對圖形信息的共享，并且可以實現(xiàn)跨瀏覽器的圖形傳輸，克服了現(xiàn)有技術中需針對不同瀏覽器單獨開發(fā)不同的控件而存在的耗費較多人力、物力資源的缺陷。并且，本申請實施例提供的方案還實現(xiàn)了針對Canvas這一新規(guī)范所生成的圖形的共享，填補了該規(guī)范下的圖形共享技術的空白。


圖I為本申請實施例提供的一種圖形共享方法的具體流程示意圖；圖2為在實際應用中實施本申請實施例提供的方法的系統(tǒng)示意圖；圖3為本申請實施例中一個具體的圖形信息共享流程示意圖；圖4為高速模式下的圖形共享的流程示意圖5為兼容模式下的圖形共享的流程示意圖；圖6為本申請實施例提供的一 種圖形共享系統(tǒng)的具體結構示意圖；圖7為本申請實施例提供的一種終端的具體結構示意圖。
具體實施例方式為了解決采用現(xiàn)有技術提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多人力、物力資源的缺陷，本申請實施例提供了一種新的圖形共享方案，該圖形共享方案無需共享圖形的終端下載控件即可實現(xiàn)對圖形的共享，在能夠方便、簡單地實現(xiàn)圖形共享的同時，還能夠實現(xiàn)跨瀏覽器的圖形傳輸，不會存在無法兼容不同瀏覽器的缺陷。以下結合附圖對本申請實施例提供的方案進行詳細描述。本申請實施例首先提供一種圖形共享方法，該方法的具體流程示意圖如圖I所示，包括以下步驟步驟11，圖形提供方終端通過Canvas (畫布)規(guī)范提供的圖形接口，獲得圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形信息；這里的圖形信息包括可以基于Canvas規(guī)范生成的任意虛擬可見圖形，一般可以理解為基于計算機而繪制的畫面，如直線、圓、圓弧、任意曲線和圖表等。由于后續(xù)在圖形提供方終端與圖形接收方終端上實現(xiàn)圖形信息共享后，圖形接收方終端還可能有顯示圖形信息的需求，因此，圖形提供方在每秒內提供給圖形接收方終端的圖形信息總量一般應滿足圖形接收方的顯示屏幕刷新率的要求，這樣才能保證圖形接收方終端對圖形信息的顯示質量。為了達到該目的，在一個較佳的實施例中，本申請實施例中描述的上述步驟11中可以根據(jù)圖形交換中心服務器發(fā)送來的握手信息中包含的圖形接收方終端的顯示屏幕刷新率來設置采樣率，并根據(jù)該采樣率對上述圖形信息進行采樣。其中，對圖形信息進行采樣的含義可以是對圖形信息包含的像素點進行采樣。比如，若圖形信息包含1280X1024個像素點，而圖形接收方終端的顯示屏幕也支持顯示1024X768個像素點，且圖形接收方終端的顯示屏幕的刷新率為75Hz，則需要設置能滿足在每秒鐘對包含1280 X 1024個像素點的圖形信息進行采樣，并得到分別包含1024 X 768個像素點的75個圖形信息的采樣率。步驟12，圖形提供方終端根據(jù)預先定義的圖形共享協(xié)議(基于該協(xié)議的數(shù)據(jù)/信息包結構請參見后文中的表I)對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器；本申請實施例中，圖形交換中心服務器是基于分別與圖形提供方終端和圖形接收方終端之間的長連接，為圖形提供方終端和圖形接收方終端提供信息交互、并實現(xiàn)圖形信息路由、封裝等功能的服務器。其中，本步驟12圖形提供方終端將獲取到的圖形信息發(fā)送給圖形交換中心服務器，以使圖形交換中心完成步驟13的動作。步驟13，圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。在本申請實施例中，當圖形提供方終端的瀏覽器安裝有交互式矢量圖和Web動畫標準(即Flash，Adobe公司提供的一款軟件)時，若圖形提供方終端需要將信息包通過所述長連接發(fā)送給圖形交換中心服務器，則可以是通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket (Flash套接字)接口建立的長連接來發(fā)送該信息包的，也可以是在對信息包進行Base64編碼后，通過基于瀏覽器支持的信息通訊規(guī)范提供的WebSocket (網(wǎng)頁套接字)接口建立的長連接進行發(fā)送。前一種發(fā)送方式的好處在于，無需對信息包進行Base64編碼，因此發(fā)送效率較高；而后一種發(fā)送方式的好處在于，對終端的瀏覽器是否安裝有Flash不做限定，因此兼容性較強。類似地，當圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端時也有兩種方式供選擇。圖形交換中心服務器在欲發(fā)送圖形信息給圖形接收方終端時，可以先從圖形接收方終端發(fā)送的握手信息中確定圖形接收方終端所支持的信息通訊規(guī)范；然后，在確定出圖形接收方終端所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)預先約定的圖形共享協(xié)議將圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端；而在確定出圖形接收方終端所支持的信息通訊規(guī)范為圖形接收方終端的瀏覽器支持的信息通訊規(guī)范時，根據(jù)預先約定的圖形共享協(xié)議將圖形信息封裝成信息包并對信息包進行Base64編碼后，通過基于圖形接收方終端的瀏覽器支持的信息通訊規(guī)范提供的 WebSocket接口而建立的長連接發(fā)送給圖形接收方終端。在實際應用中，本申請實施例提供的上述方法可以是在如圖2所示的系統(tǒng)中實施的。圖2中，Cl為圖形提供方終端，C2為圖形接收方終端，位于兩者之間的是圖形交換中心服務器。按照本申請實施例提供的方法，Cl、C2與圖形交換中心服務器可以合作實現(xiàn)對圖形的共享。簡單來說，實現(xiàn)圖形共享的流程為首先，Cl期望把自己的瀏覽器基于Canvas所生成的圖形信息傳輸給C2，從而Cl獲取圖形信息并將其發(fā)送至圖形交換中心服務器；圖形交換中心服務器對接收到的圖形信息執(zhí)行圖形信息壓縮的操作，并利用圖形過濾集群對壓縮后的圖形信息進行處理(比如進行灰度化等)得到處理后的圖形信息；最終，圖形交換中心服務器將處理后的圖形信息發(fā)送給C2，C2對圖形信息進行渲染顯示，實現(xiàn)圖形信息在Cl、C2之間的共享以及在C2上的顯示。上述步驟進行進一步擴展后，一個具體的圖形信息共享流程的示意圖可以如圖3所示，該流程主要包括下述步驟Cl與圖形交換中心服務器之間建立長連接；Cl向圖形交換中心服務器發(fā)起預先約定的圖像共享協(xié)議(該圖形共享協(xié)議的包體結構可以參考下表I)握手，并注冊到圖形交換中心服務器，圖形交換中心服務器接受握手，并保存握手信息到TT Server (Tokey Tyrant Server),該TT Server是一種高效率的Key =Value (鍵值對)數(shù)據(jù)庫系統(tǒng)，其中，握手信息中可以包括Cl所支持的信息通訊規(guī)范、Cl的屏幕刷新率FPS等；其中，由于Cl和C2的身份是可以轉換的，即Cl還可能作為圖形接收方終端，而C2則可以作為相應的圖形提供方終端，因此，F(xiàn)PS的作用體現(xiàn)在當Cl的身份轉換為圖形接收方終端時，可以作為對應的圖形提供方終端C2進行采樣時依照的采樣頻率的參考依據(jù)，而Cl所支持的信息通訊規(guī)范則可以在Cl作為圖形接收方終端時作為圖形交換中心服務器向Cl發(fā)送圖形信息所依據(jù)的信息通訊規(guī)范。圖形交換中心服務器在握手成功后向Cl反饋響應消息；Cl進入圖形分享Ready狀態(tài)，即進入準備發(fā)送圖形信息的狀態(tài)；
C2與圖形交換中心服務器之間建立長連接；C2向圖形交換中心服務器發(fā)起圖形共享協(xié)議握手，并在握手信息中攜帶C2所支持的信息通訊規(guī)范、C2的FPS、C2所支持的圖形信息格式等信息；在握手成功后，C2進入圖形分享Ready狀態(tài)，并發(fā)送圖形信息獲取請求給圖形交換中心服務器，請求獲取Cl基于Canvas所生成的圖形信息；圖形交換中心服務器通知Cl打開共享通道發(fā)送圖形信息；圖形交換中心服務器接收Cl發(fā)送來的圖形信息，并將圖形信息轉發(fā)給圖形過濾集群，運行圖像壓縮和數(shù)據(jù)優(yōu)化等處理(根據(jù)實際情況，也可以不用發(fā)送給圖形過濾集群進行處理)； 圖形過濾集群處理后得到的圖形信息反饋給圖形交換中心服務器；圖形交換中心服務器將圖形過濾集群反饋的圖形信息發(fā)送給C2 ；C2對圖形交換中心服務器發(fā)送來的圖形信息進行渲染與顯示。表I:
包頭
MSG_TYPE0x01 (握手)
0x02 (數(shù)據(jù))
0x01 (分手)
FMT:位圖數(shù)據(jù)的文件格式
Attrs:String I String [Length 屬性必須有，以兩個\0 作
為Attrs頭的結束]
BODY
圖形信息值得說明的是,本申請實施例中需要使用WebSocket或者FlashSocket來保持Cl與圖形交換中心服務器之間以及C2與圖形交換中心服務器之間的長連接，并以該長連接充當圖形信息的傳輸通道。針對長連接基于FlashSocket或基于WebSocket建立的兩種情況，下文分別通過實施例1、2分別對其進行具體說明。實施例I實施例I是針對共享圖形信息的終端的瀏覽器安裝了 Flash的情況，該情況下的圖形共享模式也可以稱為“高速模式”。在高速模式下，圖形共享的流程請參考附圖4，各步驟如下首先，Cl中用于執(zhí)行調用像素讀取程序PIX_Reader. js等操作的圖像共享程序Image_Sharel. swf按照與圖形交換中心服務器握手時圖形交換交換中心發(fā)送來的C2的FPS,利用Flash的定時器Timer調用PIX_Reader. js中用于對圖形信息進行采樣的方法(方法名為[ReaderCanvas])；PIX_Reader. js調用Canvas API讀取基于Canvas生成的圖形信息，并將讀取到的圖形信息以數(shù)組形式返回給Image_Sharel. swf ；Image_Sharel. swf基于預先約定的圖形共享協(xié)議,將圖形信息封裝在該圖形共享協(xié)議包中，假設Cl的瀏覽器安裝了 Flash，則Cl通過基于FlashSocket建立的長連接將該圖形共享協(xié)議包發(fā)送至圖形交換中心服務器；圖形交換中心服務器從協(xié)議包中解析出圖形信息并對其進行灰度化等處理后，假設根據(jù)C2的握手信息獲知C2的瀏覽器也安裝了 Flash，則圖形交換中心服務器將處理后的圖形信息封裝成預先約定的圖形共享協(xié)議包后，通過基于FlashSocket建立的長連接發(fā)送該圖形共享協(xié)議包給C2; C2在接收到協(xié)議包后，利用用于對圖形信息進行進行一系列處理的Image_Share2. swf對協(xié)議包進行解封裝得到圖形信息,并調用PIX_Reader. js將圖形信息傳入圖形信息數(shù)據(jù)數(shù)組；C2利用PIX_Reader. js調用Canvas API完成對圖形信息的渲染與顯示。實施例2實施例2是針對共享圖形信息的終端的瀏覽器沒有安裝Flash的情況，該情況下的圖形共享模式也可以稱為“兼容模式”。區(qū)別于高速模式，由于兼容模式下的終端的瀏覽器沒有安裝Flash,因此,就不存在FlashSocket和Timer,而是以WebSocket和線程Worker來實現(xiàn)相應的功能。在兼容模式下，圖形共享的流程請參考附圖5，各步驟如下首先，Cl中的Worker調用用于執(zhí)行對圖形信息進行采樣的程序Image_Sharel.js,按照與圖形交換中心服務器握手時圖形交換中心服務器發(fā)送來的C2的FPS對基于Canvas生成的圖形信息進行采樣；Image_Sharel. js根據(jù)預先約定的圖形共享協(xié)議將圖形信息封裝在該圖形共享協(xié)議包中，由于Cl的瀏覽器沒有安裝Flash，則Cl需要對所述圖形共享協(xié)議包進行Base64編碼后通過基于WebSocket建立的長連接發(fā)送至圖形交換中心服務器；圖形交換中心服務器從解碼得到的圖形共享協(xié)議包中解析出圖形信息并對其進行灰度化等處理后，假設根據(jù)C2的握手信息獲知C2的瀏覽器也沒有安裝Flash，則圖形交換中心服務器進一步將處理后的圖形信息封裝成圖形共享協(xié)議包并對其進行Base64編碼后，通過基于WebSocket建立的長連接發(fā)送給C2 ；C2在對接收到的編碼后的圖形共享協(xié)議包進行解碼處理后，利用用于對圖形信息進行進行一系列處理的Image_Share2. js對協(xié)議包進行解封裝得到圖形信息；C2調用Canvas API完成對圖形信息的渲染與顯示。由上述步驟可知，兼容模式下的圖形共享流程和高速模式下的圖形共享流程是非常相似的。不同的是，在兼容模式下，由于基于WebSocket建立的長連接上暫時還不能發(fā)送二進制數(shù)據(jù)，所以需要將組織好的圖形共享協(xié)議包進行Base64編碼后進行發(fā)送。但這樣勢必使得信息的傳輸效率受到影響。因此，相比于兼容模式，高速模式的發(fā)送效率更高，但前提是共享圖形信息的兩個終端中至少有一方安裝了 Flash。
對應于本申請實施例提供的圖形共享方法，本申請實施例還提供一種圖形共享系統(tǒng)，該系統(tǒng)的具體結構示意圖如圖6所示，包括圖形提供方終端61、圖形接收方終端62和圖形交換中心服務器63，其中，各部分的具體功能如下圖形提供方終端61，用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端61上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息，并根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器63之間的長連接發(fā)送給圖形交換中心服務器63 ；圖形交換中心服務器63，用于通過解封裝圖形提供方終端61發(fā)送來的信息包得到所述圖形信息，并通過與圖形接收方終端62之間的長連接將所述圖形信息發(fā)送給圖形接收方終端62。其中，上述采樣率可以但不限于是圖形提供方終端61根據(jù)圖形交換中心服務器63發(fā)送來的握手信息中包含的圖形接收方終端62的頻率刷新率設置的。若圖形接收方終端62不需要對圖形進行顯示，則也可以不用根據(jù)圖形接收方終端62的頻率刷新率來設 置采樣率。在一個較佳的實施例中，當圖形提供方終端61上的瀏覽器安裝有交互式矢量圖和Web動畫標準Flash時；圖形提供方終端61將信息包通過長連接發(fā)送給圖形交換中心服務器63，具體包括圖形提供方終端61通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將信息包發(fā)送給圖形交換中心服務器63。在一個較佳的實施例中，圖形提供方終端61將信息包通過長連接發(fā)送給圖形交換中心服務器63，具體包括圖形提供方終端61對信息包進行編碼后，通過基于瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器63。在一個教教的實施例中，圖形交換中心服務器63通過與圖形接收方終端62之間的長連接將所述圖形信息發(fā)送給圖形接收方終端62，具體包括圖形交換中心服務器63從圖形接收方終端62發(fā)送的握手信息中確定圖形接收方終端62所支持的信息通訊規(guī)范；在確定出圖形接收方終端62所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)預先約定的圖形共享協(xié)議將所述圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端62 ;在確定出圖形接收方終端62所支持的信息通訊規(guī)范為圖形接收方終端62的瀏覽器支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包并對信息包進行編碼后，通過基于圖形接收方終端62的瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口而建立的長連接發(fā)送給圖形接收方終端62。此外，本申請實施例還提供一種終端，該終端的具體結構示意圖如圖7所示，包括以下功能單元采樣單元71，用于用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；封裝單元72，用于根據(jù)預先約定的圖形共享協(xié)議對采樣單元71得到的圖形信息進行封裝得到信息包；發(fā)送單元73，用于通過與圖形交換中心服務器之間的長連接，將封裝單元72得到的信息包發(fā)送給圖形交換中心服務器。較佳地，當瀏覽器安裝有交互式矢量圖和Web動畫標準Flash時，發(fā)送單元73具體可以用于通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將上述信息包發(fā)送給圖形交換中心服務器。
較佳地，發(fā)送單元73具體可以用于對上述信息包進行編碼后，通過基于瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。顯然，本領域的技術人員可以對本申請進行各種改動和變型而不脫離本申請的精神和范圍。這樣，倘若本申請的這些修改和變型屬于本申請權利要求及其等同技術的范圍之內，則本申請也意圖包含這些改動和變型在內。
權利要求
1.一種圖形共享方法，其特征在于，包括 圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息； 圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。
2.如權利要求I所述的方法，其特征在于，所述瀏覽器安裝有交互式矢量圖和Web動畫標準Flash ;以及圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將信息包發(fā)送給圖形交換中心服務器。
3.如權利要求I所述的方法，其特征在于，圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端對信息包進行編碼后，通過基于所述瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。
4.如權利要求I所述的方法，其特征在于，圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端，具體包括 圖形交換中心服務器從圖形接收方終端發(fā)送的握手信息中確定圖形接收方終端所支持的信息通訊規(guī)范； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為圖形接收方終端的瀏覽器支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包并對信息包進行編碼后，通過基于圖形接收方終端的瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口而建立的長連接發(fā)送給圖形接收方終端。
5.如權利要求I 4任一所述的方法，其特征在于，所述采樣率是圖形提供方終端根據(jù)圖形交換中心服務器發(fā)送來的握手信息中包含的圖形接收方終端的頻率刷新率設置的。
6.一種圖形共享系統(tǒng)，包括圖形提供方終端、圖形接收方終端、圖形交換中心服務器，其特征在于，其中 圖形提供方終端，用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息，并根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器； 圖形交換中心服務器，用于通過解封裝圖形提供方終端發(fā)送來的信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。
7.如權利要求6所述的系統(tǒng)，其特征在于，所述瀏覽器安裝有交互式矢量圖和Web動畫標準Flash ;以及圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將信息包發(fā)送給圖形交換中心服務器。
8.如權利要求6所述的系統(tǒng)，其特征在于，圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端對信息包進行編碼后，通過基于所述瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。
9.如權利要求6所述的系統(tǒng)，其特征在于，圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端，具體包括 圖形交換中心服務器從圖形接收方終端發(fā)送的握手信息中確定圖形接收方終端所支持的信息通訊規(guī)范； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為圖形接收方終端的瀏覽器支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包并對信息包進行編碼后，通過基于圖形接收方終端的瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口而建立的長連接發(fā)送給圖形接收方終端。
10.如權利要求6 9任一所述的系統(tǒng)，其特征在于，所述采樣率是圖形提供方終端根據(jù)圖形交換中心服務器發(fā)送來的握手信息中包含的圖形接收方終端的頻率刷新率設置的。
11.一種終端，其特征在于，包括 采樣單元，用于用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息； 封裝單元，用于根據(jù)預先約定的圖形共享協(xié)議對采樣單元得到的圖形信息進行封裝得到信息包； 發(fā)送單元，用于通過與圖形交換中心服務器之間的長連接，將封裝單元得到的信息包發(fā)送給圖形交換中心服務器。
12.如權利要求11所述的終端，其特征在于，所述瀏覽器安裝有交互式矢量圖和Web動畫標準Flash ；以及 所述發(fā)送單元具體用于通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將所述信息包發(fā)送給圖形交換中心服務器。
13.如權利要求11所述的終端，其特征在于，所述發(fā)送單元具體用于對所述信息包進行編碼后，通過基于所述瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。
全文摘要
本申請公開了一種圖形共享方法、系統(tǒng)，用以解決采用現(xiàn)有技術提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多的人力、物力資源的缺陷。方法包括圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。本申請還公開了一種終端。
文檔編號H04L29/08GK102761564SQ20111010385
公開日2012年10月31日 申請日期2011年4月25日 優(yōu)先權日2011年4月25日
發(fā)明者禹揚帆, 袁志俊 申請人:阿里巴巴集團控股有限公司