图形共享方法、系统与终端技术方案

本申请公开了一种图形共享方法、系统，用以解决采用现有技术提供的图形共享方案无法实现跨浏览器的图形传输，且存在耗费较多的人力、物力资源的缺陷。方法包括：图形提供方终端根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息；图形提供方终端根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器，以使所述图形交换中心服务器解封装所述信息包得到所述图形信息，并通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端。本申请还公开了一种终端。

【技术实现步骤摘要】

本申请涉及互联网
，尤其涉及一种图形共享方法、系统与终端。
技术介绍
HTML5是Web浏览器支持的下一代HTML规范，其能为开发者提供更多更丰富的功能。HTML5包含若干子规范，比如WebSocket, Worker, WebSQL, Canvas (画布)等等。目前，已经有包括IE、Firefox、Chrome、Safari等在内的众多浏览器支持该些规范。在上述规范中，Canvas (画布)是HTML5中的绘图子规范，其主要是用来生成各种3D，2D图形，因此开发者可以使用Canvas制作游戏，甚至制作一个系统平台。近年来Web浏览器应用的越来越广泛，其对于图形的绘制等需求也越来越高，从而对于Canvas的开发应用也得到了深入研究。目前，基于Canvas的图形生成技术还属于比较前沿技术，其实现方式也在不断进步，现在已经开始采用硬件图形加速，使其对图形的操作更加迅速。在现有技术中，某些场景下会有远程共享图形的需求(比如需要远程共享桌面图·像)。目前已有技术提出通过控件来实现在不同计算机之间实现图形的共享。该技术的具体实现方式是首先在计算机上下载一个专用于进行图形共享的控件，然后再利用该控件捕获该计算机上的图形并传输给另一计算机。但由于该技术不能实现跨浏览器的图形传输，需要针对不同浏览器单独开发不同的控件，从而会存在耗费较多的人力、物力资源的缺陷。
技术实现思路
本申请实施例提供一种图形共享方法、系统，用以解决采用现有技术提供的图形共享方案无法实现跨浏览器的图形传输，且存在耗费较多的人力、物力资源的缺陷。本申请实施例还提供一种终端。本申请实施例采用以下技术方案一种图形共享方法，包括图形提供方终端根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息；图形提供方终端根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器，以使所述图形交换中心服务器解封装所述信息包得到所述图形信息，并通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端。较佳地，所述浏览器安装有交互式矢量图和Web动画标准Flash;以及图形提供方终端将信息包通过所述长连接发送给图形交换中心服务器，具体包括图形提供方终端通过基于Flash支持的信息通讯规范提供的FlashSocket接口建立的长连接,将信息包发送给图形交换中心服务器。较佳地，图形提供方终端将信息包通过所述长连接发送给图形交换中心服务器，具体包括图形提供方终端对信息包进行编码后，通过基于所述浏览器支持的信息通讯规范提供的WebSocket接口建立的长连接发送给图形交换中心服务器。较佳地，图形交换中心服务器通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端，具体包括图形交换中心服务器从图形接收方终端发送的握手信息中确定图形接收方终端所支持的信息通讯规范；在确定出图形接收方终端所支持的信息通讯规范为Flash支持的信息通讯规范时，根据所述图形共享协议将所述图形信息封装成信息包后，通过基于Flash支持的信息通讯规范提供的FlashSocket接口建立的长连接发送给图形接收方终端；在确定出图形接收方终端所支持的信息通讯规范为图形接收方终端的浏览器支持的信息通讯规范时，根据所述图形共享协议将所述图形信息封装成信息包并对信息包进行编码后，通过基于图形接收方终端的浏览器支持的信息通讯规范提供的WebSocket接口而建立的长连接发送给图形接收方终端。较佳地，所述采样率是图形提供方终端根据图形交换中心服务器发送来的握手信息中包含的图形接收方终端的频率刷新率设置的。一种图形共享系统，包括图形提供方终端、图形接收方终端、图形交换中心服务 器，其中图形提供方终端，用于根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息，并根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器；图形交换中心服务器，用于通过解封装图形提供方终端发送来的信息包得到所述图形信息，并通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端。一种终端，包括采样单元，用于用于根据预设采样率，通过Canvas规范提供的图形接口对终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息；封装单元，用于根据预先约定的图形共享协议对采样单元得到的图形信息进行封装得到信息包；发送单元，用于通过与图形交换中心服务器之间的长连接，将封装单元得到的信息包发送给图形交换中心服务器。本申请实施例的有益效果如下本申请实施例提供的方案通过图形提供方终端通过Canvas (画布)规范提供的图形接口对基于Canvas规范所生成的图形进行采样得到图形信息，并通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器，而图形交换中心服务器通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端，从而利用终端之间的长连接实现了图形信息的共享，无需开发、下载控件即能实现对图形信息的共享，并且可以实现跨浏览器的图形传输，克服了现有技术中需针对不同浏览器单独开发不同的控件而存在的耗费较多人力、物力资源的缺陷。并且，本申请实施例提供的方案还实现了针对Canvas这一新规范所生成的图形的共享，填补了该规范下的图形共享技术的空白。附图说明图I为本申请实施例提供的一种图形共享方法的具体流程示意图；图2为在实际应用中实施本申请实施例提供的方法的系统示意图；图3为本申请实施例中一个具体的图形信息共享流程示意图；图4为高速模式下的图形共享的流程示意图5为兼容模式下的图形共享的流程示意图；图6为本申请实施例提供的一 种图形共享系统的具体结构示意图；图7为本申请实施例提供的一种终端的具体结构示意图。具体实施例方式为了解决采用现有技术提供的图形共享方案无法实现跨浏览器的图形传输，且存在耗费较多人力、物力资源的缺陷，本申请实施例提供了一种新的图形共享方案，该图形共享方案无需共享图形的终端下载控件即可实现对图形的共享，在能够方便、简单地实现图形共享的同时，还能够实现跨浏览器的图形传输，不会存在无法兼容不同浏览器的缺陷。以下结合附图对本申请实施例提供的方案进行详细描述。本申请实施例首先提供一种图形共享方法，该方法的具体流程示意图如图I所示，包括以下步骤步骤11，图形提供方终端通过Canvas (画布)规范提供的图形接口，获得图形提供方终端上的浏览器基于Canvas规范所生成的图形信息；这里的图形信息包括可以基于Canvas规范生成的任意虚拟可见图形，一般可以理解为基于计算机而绘制的画面，如直线、圆、圆弧、任意曲线和图表等。由于后续在图形提供方终端与图形接收方终端上实现图形信息共享后，图形接收方终端还可能有显示图形信息的需求，因此，图形提供方在每秒内提供给图形接收方终端的图形信息总量一般应满足图形接收方的显示屏幕刷新率的要求，这样才能保证图形接收方终端对图形信息的显示质量。为了达到该目的，在一个较佳的实施例中，本申请实施例中描本文档来自技高网...

【技术保护点】
一种图形共享方法，其特征在于，包括：图形提供方终端根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息；图形提供方终端根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器，以使所述图形交换中心服务器解封装所述信息包得到所述图形信息，并通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端。

【技术特征摘要】
1.一种图形共享方法，其特征在于，包括 图形提供方终端根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息； 图形提供方终端根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器，以使所述图形交换中心服务器解封装所述信息包得到所述图形信息，并通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端。2.如权利要求I所述的方法，其特征在于，所述浏览器安装有交互式矢量图和Web动画标准Flash ;以及图形提供方终端将信息包通过所述长连接发送给图形交换中心服务器，具体包括 图形提供方终端通过基于Flash支持的信息通讯规范提供的FlashSocket接口建立的长连接，将信息包发送给图形交换中心服务器。3.如权利要求I所述的方法，其特征在于，图形提供方终端将信息包通过所述长连接发送给图形交换中心服务器，具体包括 图形提供方终端对信息包进行编码后，通过基于所述浏览器支持的信息通讯规范提供的WebSocket接口建立的长连接发送给图形交换中心服务器。4.如权利要求I所述的方法，其特征在于，图形交换中心服务器通过与图形接收方终端之间的长连接将所述图形信息发送给图形接收方终端，具体包括 图形交换中心服务器从图形接收方终端发送的握手信息中确定图形接收方终端所支持的信息通讯规范； 在确定出图形接收方终端所支持的信息通讯规范为Flash支持的信息通讯规范时，根据所述图形共享协议将所述图形信息封装成信息包后，通过基于Flash支持的信息通讯规范提供的FlashSocket接口建立的长连接发送给图形接收方终端； 在确定出图形接收方终端所支持的信息通讯规范为图形接收方终端的浏览器支持的信息通讯规范时，根据所述图形共享协议将所述图形信息封装成信息包并对信息包进行编码后，通过基于图形接收方终端的浏览器支持的信息通讯规范提供的WebSocket接口而建立的长连接发送给图形接收方终端。5.如权利要求I 4任一所述的方法，其特征在于，所述采样率是图形提供方终端根据图形交换中心服务器发送来的握手信息中包含的图形接收方终端的频率刷新率设置的。6.一种图形共享系统，包括图形提供方终端、图形接收方终端、图形交换中心服务器，其特征在于，其中 图形提供方终端，用于根据预设采样率，通过Canvas规范提供的图形接口对图形提供方终端上的浏览器基于Canvas规范所生成的图形进行采样得到图形信息，并根据预先约定的图形共享协议对获取到的图形信息进行封装得到信息包后，通过与图形交换中心服务器之间的长连接发送给图形交换中心服务器； 图形交换中心服务器，用于通过解封装图形提供方终端发送来的...

【专利技术属性】
技术研发人员：袁志俊，禹扬帆，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：