圖形共享方法、系統(tǒng)與終端技術(shù)方案

本申請公開了一種圖形共享方法、系統(tǒng)，用以解決采用現(xiàn)有技術(shù)提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多的人力、物力資源的缺陷。方法包括：圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。本申請還公開了一種終端。

【技術(shù)實現(xiàn)步驟摘要】

本申請涉及互聯(lián)網(wǎng)
，尤其涉及一種圖形共享方法、系統(tǒng)與終端。
技術(shù)介紹
HTML5是Web瀏覽器支持的下一代HTML規(guī)范，其能為開發(fā)者提供更多更豐富的功能。HTML5包含若干子規(guī)范，比如WebSocket, Worker, WebSQL, Canvas (畫布)等等。目前，已經(jīng)有包括IE、Firefox、Chrome、Safari等在內(nèi)的眾多瀏覽器支持該些規(guī)范。在上述規(guī)范中，Canvas (畫布)是HTML5中的繪圖子規(guī)范，其主要是用來生成各種3D，2D圖形，因此開發(fā)者可以使用Canvas制作游戲，甚至制作一個系統(tǒng)平臺。近年來Web瀏覽器應用的越來越廣泛，其對于圖形的繪制等需求也越來越高，從而對于Canvas的開發(fā)應用也得到了深入研究。目前，基于Canvas的圖形生成技術(shù)還屬于比較前沿技術(shù)，其實現(xiàn)方式也在不斷進步，現(xiàn)在已經(jīng)開始采用硬件圖形加速，使其對圖形的操作更加迅速。在現(xiàn)有技術(shù)中，某些場景下會有遠程共享圖形的需求(比如需要遠程共享桌面圖·像)。目前已有技術(shù)提出通過控件來實現(xiàn)在不同計算機之間實現(xiàn)圖形的共享。該技術(shù)的具體實現(xiàn)方式是首先在計算機上下載一個專用于進行圖形共享的控件，然后再利用該控件捕獲該計算機上的圖形并傳輸給另一計算機。但由于該技術(shù)不能實現(xiàn)跨瀏覽器的圖形傳輸，需要針對不同瀏覽器單獨開發(fā)不同的控件，從而會存在耗費較多的人力、物力資源的缺陷。
技術(shù)實現(xiàn)思路
本申請實施例提供一種圖形共享方法、系統(tǒng)，用以解決采用現(xiàn)有技術(shù)提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多的人力、物力資源的缺陷。本申請實施例還提供一種終端。本申請實施例采用以下技術(shù)方案一種圖形共享方法，包括圖形提供方終端根據(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)有技術(shù)中需針對不同瀏覽器單獨開發(fā)不同的控件而存在的耗費較多人力、物力資源的缺陷。并且，本申請實施例提供的方案還實現(xiàn)了針對Canvas這一新規(guī)范所生成的圖形的共享，填補了該規(guī)范下的圖形共享技術(shù)的空白。附圖說明圖I為本申請實施例提供的一種圖形共享方法的具體流程示意圖；圖2為在實際應用中實施本申請實施例提供的方法的系統(tǒng)示意圖；圖3為本申請實施例中一個具體的圖形信息共享流程示意圖；圖4為高速模式下的圖形共享的流程示意圖5為兼容模式下的圖形共享的流程示意圖；圖6為本申請實施例提供的一 種圖形共享系統(tǒng)的具體結(jié)構(gòu)示意圖；圖7為本申請實施例提供的一種終端的具體結(jié)構(gòu)示意圖。具體實施例方式為了解決采用現(xiàn)有技術(shù)提供的圖形共享方案無法實現(xiàn)跨瀏覽器的圖形傳輸，且存在耗費較多人力、物力資源的缺陷，本申請實施例提供了一種新的圖形共享方案，該圖形共享方案無需共享圖形的終端下載控件即可實現(xiàn)對圖形的共享，在能夠方便、簡單地實現(xiàn)圖形共享的同時，還能夠?qū)崿F(xiàn)跨瀏覽器的圖形傳輸，不會存在無法兼容不同瀏覽器的缺陷。以下結(jié)合附圖對本申請實施例提供的方案進行詳細描述。本申請實施例首先提供一種圖形共享方法，該方法的具體流程示意圖如圖I所示，包括以下步驟步驟11，圖形提供方終端通過Canvas (畫布)規(guī)范提供的圖形接口，獲得圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形信息；這里的圖形信息包括可以基于Canvas規(guī)范生成的任意虛擬可見圖形，一般可以理解為基于計算機而繪制的畫面，如直線、圓、圓弧、任意曲線和圖表等。由于后續(xù)在圖形提供方終端與圖形接收方終端上實現(xiàn)圖形信息共享后，圖形接收方終端還可能有顯示圖形信息的需求，因此，圖形提供方在每秒內(nèi)提供給圖形接收方終端的圖形信息總量一般應滿足圖形接收方的顯示屏幕刷新率的要求，這樣才能保證圖形接收方終端對圖形信息的顯示質(zhì)量。為了達到該目的，在一個較佳的實施例中，本申請實施例中描本文檔來自技高網(wǎng)...

【技術(shù)保護點】
一種圖形共享方法，其特征在于，包括：圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息；圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。

【技術(shù)特征摘要】
1.一種圖形共享方法，其特征在于，包括 圖形提供方終端根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息； 圖形提供方終端根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器，以使所述圖形交換中心服務器解封裝所述信息包得到所述圖形信息，并通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端。2.如權(quán)利要求I所述的方法，其特征在于，所述瀏覽器安裝有交互式矢量圖和Web動畫標準Flash ;以及圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接，將信息包發(fā)送給圖形交換中心服務器。3.如權(quán)利要求I所述的方法，其特征在于，圖形提供方終端將信息包通過所述長連接發(fā)送給圖形交換中心服務器，具體包括 圖形提供方終端對信息包進行編碼后，通過基于所述瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口建立的長連接發(fā)送給圖形交換中心服務器。4.如權(quán)利要求I所述的方法，其特征在于，圖形交換中心服務器通過與圖形接收方終端之間的長連接將所述圖形信息發(fā)送給圖形接收方終端，具體包括 圖形交換中心服務器從圖形接收方終端發(fā)送的握手信息中確定圖形接收方終端所支持的信息通訊規(guī)范； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為Flash支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包后，通過基于Flash支持的信息通訊規(guī)范提供的FlashSocket接口建立的長連接發(fā)送給圖形接收方終端； 在確定出圖形接收方終端所支持的信息通訊規(guī)范為圖形接收方終端的瀏覽器支持的信息通訊規(guī)范時，根據(jù)所述圖形共享協(xié)議將所述圖形信息封裝成信息包并對信息包進行編碼后，通過基于圖形接收方終端的瀏覽器支持的信息通訊規(guī)范提供的WebSocket接口而建立的長連接發(fā)送給圖形接收方終端。5.如權(quán)利要求I 4任一所述的方法，其特征在于，所述采樣率是圖形提供方終端根據(jù)圖形交換中心服務器發(fā)送來的握手信息中包含的圖形接收方終端的頻率刷新率設置的。6.一種圖形共享系統(tǒng)，包括圖形提供方終端、圖形接收方終端、圖形交換中心服務器，其特征在于，其中 圖形提供方終端，用于根據(jù)預設采樣率，通過Canvas規(guī)范提供的圖形接口對圖形提供方終端上的瀏覽器基于Canvas規(guī)范所生成的圖形進行采樣得到圖形信息，并根據(jù)預先約定的圖形共享協(xié)議對獲取到的圖形信息進行封裝得到信息包后，通過與圖形交換中心服務器之間的長連接發(fā)送給圖形交換中心服務器； 圖形交換中心服務器，用于通過解封裝圖形提供方終端發(fā)送來的...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：袁志俊，禹揚帆，
申請(專利權(quán))人：阿里巴巴集團控股有限公司，
類型：發(fā)明
國別省市：