CN107749843A - 一种电子画板共享方法 - Google Patents

一种电子画板共享方法 Download PDF

Info

Publication number
CN107749843A
CN107749843A CN201710956881.8A CN201710956881A CN107749843A CN 107749843 A CN107749843 A CN 107749843A CN 201710956881 A CN201710956881 A CN 201710956881A CN 107749843 A CN107749843 A CN 107749843A
Authority
CN
China
Prior art keywords
terminal
order
server
websocket
sharing method
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710956881.8A
Other languages
English (en)
Inventor
王炎光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zhong Jiao Online Technology Co Ltd
Original Assignee
Beijing Zhong Jiao Online Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Zhong Jiao Online Technology Co Ltd filed Critical Beijing Zhong Jiao Online Technology Co Ltd
Priority to CN201710956881.8A priority Critical patent/CN107749843A/zh
Publication of CN107749843A publication Critical patent/CN107749843A/zh
Pending legal-status Critical Current

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
    • H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/14—Session management
    • H04L67/141—Setup of application sessions
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L69/00—Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
    • H04L69/16—Implementation or adaptation of Internet protocol [IP], of transmission control protocol [TCP] or of user datagram protocol [UDP]
    • H04L69/161—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields
    • H04L69/162—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields involving adaptations of sockets based mechanisms

Abstract

本发明涉及一种电子画板共享方法，发送终端建立所述发送终端与服务器之间的WebSocket连接；所述发送终端通过所述WebSocket通道向所述服务器发送所述发送终端的绘图指令；所述服务器通过WebSocket连接，向接收终端发送所述发送终端的绘图指令；所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作。本发明发送终端与接收终端只需要访问预先设置的HTML页面，就能够分别建立各自与服务器之间的WebSocket连接。其中，针对不同的终端可能设置的HTML页面不完全相同，只要能够实现与服务器建立WebSocket连接这一目的即可同步。

Description

一种电子画板共享方法
技术领域
本发明属于互联网技术领域，具体涉及一种电子画板共享方法。
背景技术
目前，在教学或视频会议中广泛的需要白板共享技术，许多视频会议系统需要成套的专业设备，安装专有的软件，在Internet上展示需要安装专有插件，而这些插件都必须随着操作系统、浏览器不断的升级。而且很多用户对安装第三方插件有一定顾虑。也有要求安装flash插件，而flash安全漏洞很多，最新的浏览器也逐渐开始限制其使用，特别是android系统不支持flash；或者是在flash里面重现白板，也同样使用了私有协议，对客户端的网络连接环境，有一定要求；现有方案在手机浏览器上面基本都不能使用，只能在专有app里面显示共享白板功能。
发明内容
有鉴于此，本发明的目的在于克服现有技术的不足，提供一种电子画板共享方法。
为实现以上目的，本发明采用如下技术方案：
一种电子画板共享方法，其改进之处在于：
发送终端建立所述发送终端与服务器之间的WebSocket连接；
所述发送终端通过所述WebSocket通道向所述服务器发送所述发送终端的绘图指令；
所述服务器通过WebSocket连接，向接收终端发送所述发送终端的绘图指令；
所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作。
优选的，所述WebSocket通道为所述接收终端建立所述接收终端与所述服务器之间的连接。
优选的，所述发送终端建立所述发送终端与服务器之间的WebSocket连接；包括：
所述发送终端通过Web浏览器，访问预先指定的HTML页面；
所述发送终端通过所述HTML页面的canvas组件，调用WebSocket接口，以建立所述WebSocket连接。
进一步的，所述HTML页面的canvas组件，用于捕捉发送终端用户通过输入接口和/或人机交互接口输入的操作请求，将所述操作请求通过WebSocket通道发送给所述服务器。
进一步的，所述服务器，还用于将所述操作请求转发给所述接收终端。
优选的，所述绘图指令包括
发送终端通过Canvas画板提供的画图工具实现在Canvas上面绘制图形，发送终端对基于Canvas规范所生成绘制图形进行采样得到图形信息；发送终端根据对获取到的图形信息进行封装得到绘图指令。
进一步的，将所述绘图指令存入指令队列后，通过与websockt通道的连接发送给服务器。
进一步的，所述发送终端根据对获取到的图形信息进行封装得到绘图指令，并存入指令队列后，通过与websockt通道的连接发送给服务器还包括：
所述指令队列中的绘图指令设置预设时长，每隔一段时长，将绘图指令通过websockt通道发送给服务器。
进一步的，所述预设时长根据用户实际需求设定，按先入先出顺序发送至服务器。
优选的，所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作包括：
接收终端接收到发送终端的绘图指令，按照发送终端在Canvas画板上面执行画图命令，实现图形的重现。
本发明采用以上技术方案，
本发明能够在最新的所有支持HTML5标准的浏览器上原生实现共享白板技术，包括PC端、移动端。
本发明发送终端与接收终端只需要访问预先设置的HTML页面，就能够分别建立各自与服务器之间的WebSocket连接。其中，针对不同的终端可能设置的HTML页面不完全相同，只要能够实现与服务器建立WebSocket连接这一目的即可同步。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明提供的一种电子画板共享方法。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将对本发明的技术方案进行详细的描述。显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式，都属于本发明所保护的范围。
需要说明的是，本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant，PDA)、无线手持终端设备、无线上网本、个人电脑(Personal Computer，PC)、便携电脑、MP3播放器、MP4播放器等。
另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
本发明提供一种电子画板共享方法，发送终端建立所述发送终端与服务器之间的WebSocket连接；
所述发送终端通过所述WebSocket通道向所述服务器发送所述发送终端的绘图指令；
所述服务器通过WebSocket连接，向接收终端发送所述发送终端的绘图指令；
所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作。
其中，WebSocket，顾名思义它就是一个建立在万维网(World Wide Web，Web)通道上的一个套接字(Socket)，WebSocket将应用从HTTP中剥离出来，以一个单独服务的形式进行部署，这样更加灵活，而且能更好的节省服务器资源和带宽资源。WebSocket连接一旦建立成功，终端则可以通过这个WebSocket连接进行双向数据传输，能够实现双向实时通信，并达到实时通信，相比HTTP，其效率与实时性均有所提高。
本发明涉及HTML5的canvas画板组件为：
HTML5是Web浏览器支持的下一代HTML规范，其能为开发者提供更多更丰富的功能。HTML5包含若干子规范，比如WebSocket，Worker，WebSQL，Canvas(画布)等等。目前，已经有包括IE、Firefox、Chrome、Safari等在内的众多浏览器支持该些规范。
Canvas画板是HTML5中的绘图子规范，其主要是用来生成各种3D，2D图形，因此开发者可以使用Canvas制作游戏，甚至制作一个系统平台。近年来Web浏览器应用的越来越广泛，其对于图形的绘制等需求也越来越高，从而对于Canvas的开发应用也得到了深入研究。目前，基于Canvas的图形生成技术还属于比较前沿技术，其实现方式也在不断进步，现在已经开始采用硬件图形加速，使其对图形的操作更加迅速。
上述技术方案中，所述WebSocket通道为所述接收终端建立所述接收终端与所述服务器之间的连接。
上述技术方案中，所述发送终端建立所述发送终端与服务器之间的WebSocket连接；包括：
所述发送终端通过Web浏览器，访问预先指定的HTML页面；
所述发送终端通过所述HTML页面的canvas组件，调用WebSocket接口，以建立所述WebSocket连接。
具体为：发送终端具体可以利用Web浏览器，访问预先指定的超文本标记语言(HyperText Markup Language，HTML)页面；所述发送终端通过所述HTML页面，调用WebSocket接口，以建立服务器连接。
类似地，所述接收终端可以利用Web浏览器，访问预先指定的超文本标记语言(HyperText Markup Language，HTML)页面；接收终端通过所述HTML页面，调用WebSocket接口，以建立服务器接。
上述技术方案中，所述HTML页面的canvas组件，用于捕捉发送终端用户通过输入接口和/或人机交互接口输入的操作请求，将所述操作请求通过WebSocket通道发送给所述服务器；
所述服务器，还用于将所述操作请求转发给所述接收终端。
上述技术方案中，所述绘图指令包括
发送终端通过Canvas画板提供的画图工具实现在Canvas上面绘制图形，发送终端对基于Canvas规范所生成绘制图形进行采样得到图形信息；发送终端根据对获取到的图形信息进行封装得到绘图指令，并存入指令队列后，通过与websockt通道的连接发送给服务器。
上述技术方案中，所述发送终端根据对获取到的图形信息进行封装得到绘图指令，并存入指令队列后，通过与websockt通道的连接发送给服务器还包括：
所述指令队列中的绘图指令设置预设时长，每隔一段时长，将绘图指令通过websockt通道发送给服务器。
上述技术方案中，所述预设时长根据用户实际需求设定，按先入先出顺序发送至服务器。
上述技术方案中，所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作包括：
接收终端接收到发送终端的绘图指令，按照发送终端在Canvas画板上面执行画图命令，实现图形的重现。
这样，发送终端与接收终端只需要访问预先设置的HTML页面，就能够分别建立各自与服务器之间的WebSocket连接。其中，针对不同的终端可能设置的HTML页面不完全相同，只要能够实现与服务器建立WebSocket连接这一目的即可同步。
其中，所述发送终端与所述接收终端调用WebSocket接口，建立各自对应的WebSocket连接时，还需要进一步提供一个参数，以供服务器能够根据这个参数，将所述发送终端与所述接收终端进行配对，从而实现了在所述发送终端与所述接收终端之间传递数据这一目的。
其中，一个所述HTML页面可以相当于一个客户端，所述终端(例如，发送终端或接收终端)可以通过Web浏览器，访问一个所述HTML页面，以一个客户端发起WebSocket连接的建立；或者还可以访问多个所述HTML页面，以多个客户端分别发起WebSocket连接的建立，这样，可以通过建立的多个WebSocket连接，并行传递数据，从而能够进一步提高数据的传输效率。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种电子画板共享方法，其特征在于：
发送终端建立所述发送终端与服务器之间的WebSocket连接；
所述发送终端通过所述WebSocket通道向所述服务器发送所述发送终端的绘图指令；
所述服务器通过WebSocket连接，向接收终端发送所述发送终端的绘图指令；
所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作。
2.根据权利要求1所述的一种电子画板共享方法，其特征在于：所述WebSocket通道为所述接收终端建立所述接收终端与所述服务器之间的连接。
3.根据权利要求1所述的一种电子画板共享方法，其特征在于：所述发送终端建立所述发送终端与服务器之间的WebSocket连接；包括：
所述发送终端通过Web浏览器，访问预先指定的HTML页面；
所述发送终端通过所述HTML页面的canvas组件，调用WebSocket接口，以建立所述WebSocket连接。
4.根据权利要求3所述的一种电子画板共享方法，其特征在于：所述HTML页面的canvas组件，用于捕捉发送终端用户通过输入接口和/或人机交互接口输入的操作请求，将所述操作请求通过WebSocket通道发送给所述服务器。
5.根据权利要求4所述的一种电子画板共享方法，其特征在于：所述服务器，还用于将所述操作请求转发给所述接收终端。
6.根据权利要求1所述的一种电子画板共享方法，其特征在于：所述绘图指令包括
发送终端通过Canvas画板提供的画图工具实现在Canvas上面绘制图形，发送终端对基于Canvas规范所生成绘制图形进行采样得到图形信息；发送终端根据对获取到的图形信息进行封装得到绘图指令。
7.根据权利要求6所述的一种电子画板共享方法，其特征在于：将所述绘图指令存入指令队列后，通过与websockt通道的连接发送给服务器。
8.根据权利要求7所述的一种电子画板共享方法，其特征在于：所述发送终端根据对获取到的图形信息进行封装得到绘图指令，并存入指令队列后，通过与websockt通道的连接发送给服务器还包括：
所述指令队列中的绘图指令设置预设时长，每隔一段时长，将绘图指令通过websockt通道发送给服务器。
9.根据权利要求8所述的一种电子画板共享方法，其特征在于：所述预设时长根据用户实际需求设定，按先入先出顺序发送至服务器。
10.根据权利要求1所述的一种电子画板共享方法，其特征在于：所述接收终端根据所述发送终端的绘图指令执行与所述发送终端的绘图指令对应的操作包括：
接收终端接收到发送终端的绘图指令，按照发送终端在Canvas画板上面执行画图命令，实现图形的重现。
CN201710956881.8A 2017-10-13 2017-10-13 一种电子画板共享方法 Pending CN107749843A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710956881.8A CN107749843A (zh) 2017-10-13 2017-10-13 一种电子画板共享方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710956881.8A CN107749843A (zh) 2017-10-13 2017-10-13 一种电子画板共享方法

Publications (1)

Publication Number Publication Date
CN107749843A true CN107749843A (zh) 2018-03-02

Family

ID=61253687

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710956881.8A Pending CN107749843A (zh) 2017-10-13 2017-10-13 一种电子画板共享方法

Country Status (1)

Country Link
CN (1) CN107749843A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108718399A (zh) * 2018-07-09 2018-10-30 深圳市潮流网络技术有限公司 一种基于浏览器页面的视频会议布局方法
CN111240675A (zh) * 2020-01-10 2020-06-05 广发证券股份有限公司 一种基于Canvas API的多端绘图方法

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1555197A (zh) * 2003-12-24 2004-12-15 清华大学深圳研究生院 基于Internet的视频会议共享白板实现方法
CN101577007A (zh) * 2009-06-16 2009-11-11 腾讯科技（深圳）有限公司 一种生成图片的方法及装置
CN102761564A (zh) * 2011-04-25 2012-10-31 阿里巴巴集团控股有限公司 图形共享方法、系统与终端
CN103023746A (zh) * 2011-09-23 2013-04-03 北京神州泰岳软件股份有限公司 一种基于im系统的画板实现方法和一种im系统
CN103279583A (zh) * 2013-06-28 2013-09-04 百视通新媒体股份有限公司 基于电子画板的实时搜索方法及系统
CN103279279A (zh) * 2013-05-20 2013-09-04 南京恒知讯科技有限公司 一种基于多人协同操作的电子画板系统、数据处理方法及设备
CN104412601A (zh) * 2012-06-29 2015-03-11 阿沃森特亨茨维尔公司 容纳多种不同视频压缩技术的单个kvm客户端的系统和方法
CN104518941A (zh) * 2013-09-26 2015-04-15 北京新媒传信科技有限公司 实现即时通信多人画板的方法、客户端、服务器及系统
CN105190617A (zh) * 2013-02-04 2015-12-23 海沃氏公司 具有对全局协作数据的白板访问的协作系统
CN105228080A (zh) * 2014-06-27 2016-01-06 上海视九信息科技有限公司 多屏互动方法、系统及浏览器
CN106846431A (zh) * 2016-12-27 2017-06-13 中国电子科技网络信息安全有限公司 一种支持多表现形式的统一Web图形绘制系统

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1555197A (zh) * 2003-12-24 2004-12-15 清华大学深圳研究生院 基于Internet的视频会议共享白板实现方法
CN101577007A (zh) * 2009-06-16 2009-11-11 腾讯科技（深圳）有限公司 一种生成图片的方法及装置
CN102761564A (zh) * 2011-04-25 2012-10-31 阿里巴巴集团控股有限公司 图形共享方法、系统与终端
CN103023746A (zh) * 2011-09-23 2013-04-03 北京神州泰岳软件股份有限公司 一种基于im系统的画板实现方法和一种im系统
CN104412601A (zh) * 2012-06-29 2015-03-11 阿沃森特亨茨维尔公司 容纳多种不同视频压缩技术的单个kvm客户端的系统和方法
CN105190617A (zh) * 2013-02-04 2015-12-23 海沃氏公司 具有对全局协作数据的白板访问的协作系统
CN103279279A (zh) * 2013-05-20 2013-09-04 南京恒知讯科技有限公司 一种基于多人协同操作的电子画板系统、数据处理方法及设备
CN103279583A (zh) * 2013-06-28 2013-09-04 百视通新媒体股份有限公司 基于电子画板的实时搜索方法及系统
CN104518941A (zh) * 2013-09-26 2015-04-15 北京新媒传信科技有限公司 实现即时通信多人画板的方法、客户端、服务器及系统
CN105228080A (zh) * 2014-06-27 2016-01-06 上海视九信息科技有限公司 多屏互动方法、系统及浏览器
CN106846431A (zh) * 2016-12-27 2017-06-13 中国电子科技网络信息安全有限公司 一种支持多表现形式的统一Web图形绘制系统

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
朱正杨: "基于HTML5的电子白板的设计与实现", 《中国科技论文在线HTTP://WWW.PAPER.EDU.CN/RELEASEPAPER/CONTENT/201511-650》 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108718399A (zh) * 2018-07-09 2018-10-30 深圳市潮流网络技术有限公司 一种基于浏览器页面的视频会议布局方法
CN108718399B (zh) * 2018-07-09 2023-12-08 深圳市潮流网络技术有限公司 一种基于浏览器页面的视频会议布局方法
CN111240675A (zh) * 2020-01-10 2020-06-05 广发证券股份有限公司 一种基于Canvas API的多端绘图方法
CN111240675B (zh) * 2020-01-10 2023-07-25 广发证券股份有限公司 一种基于Canvas API的多端绘图方法

Similar Documents

Publication Publication Date Title
KR102153645B1 (ko) 데이터 송신 방법 및 장치
CN104580192B (zh) 应用程序的网络访问请求的处理方法和装置
CN104253856A (zh) 可缩放Web实时通信媒体引擎以及相关的方法、系统
CN103650458A (zh) 媒体流的传输方法、装置与系统
CN105407369A (zh) 一种基于Web应用的终端通信方法与装置
CN111082997B (zh) 移动边缘计算平台中基于业务识别的网络功能编排方法
CN102025759B (zh) 实时提供ugc分享业务的方法和系统
CN104735030B (zh) 应用开启方法、装置和系统
CN103442126A (zh) 一种基于云服务的手机的通讯方法及系统
CN102111454A (zh) 一种分享网页或多媒体信息的方法和系统
CN104753989B (zh) 基于Web-based OS运行环境的屏幕影像传输播放方法及装置
EP2933982A1 (en) Media stream transfer method and user equipment
CN102904959A (zh) 网络加速方法和网关
CN106850384A (zh) 一种实现访问不同局域网内设备的方法及移动终端
CN110166791A (zh) 连接的建立方法、装置、设备及存储介质
CN110475126A (zh) 一种用于媒体内容共享过程的界面适配方法
CN107749843A (zh) 一种电子画板共享方法
CN109474646B (zh) 通信连接方法、装置、系统及存储介质
CN103457981B (zh) 呼叫中心座席系统、实现方法、及终端
CN107786415A (zh) 一种业务处理方法及相关设备与系统
CN104932452A (zh) 一种用于航空总线测试仪远程控制的方法及系统
CN104426895A (zh) 信息处理方法以及终端设备
CN109379339A (zh) 一种Portal认证方法及装置
CN102387154A (zh) 一种实现多方多媒体通讯的方法和应用服务器
CN102148869B (zh) Java应用程序向本地传递信息的方法及设备

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20180302

RJ01 Rejection of invention patent application after publication