一种用户可以同步同屏实时手绘的应用程序及聊天方法与流程

1.本发明涉及手机端互联网技术领域，尤其涉及一种用户可以同步同屏实时手绘的应用程序及聊天方法。


背景技术：

2.现有的应用程序不外乎是文字、图片、语音或视频的信息交流，目前市场上除了语音或视频信息交流外，书面上的信息交流无法做到一笔一画与对方同时同步实时分享，现有的书面信息交流是用户经过了输入法等一些辅助方式把自己真实意图通过这些输入法的辅助方式做了转换之后再发送给接收方，所以很可能在发送的时候因为用户在输入拼音或其他输入法的时候选错字而发送并非本意的信息，目前市面上聊天类应用程序几乎都会把聊天记录储存在用户终端设备上，日积月累内容越来越多，用户如不清理会严重影响终端的操作运行，导致聊天应用软件越用其所占用的手机容量越大。


技术实现要素：

3.本发明的目的在于：为了解决所发送的内容是发送者真实意图，同时也为了解决目前市面上聊天类应用程序几乎都会把聊天记录储存在用户终端设备上，日积月累内容越来越多，用户如不清理会严重影响终端的操作运行，导致聊天应用软件越用其所占用的手机容量越大的问题，而提出的一种用户可以同步同屏实时手绘的应用程序及聊天方法。
4.为了实现上述目的，本发明采用了如下技术方案：
5.一种用户可以同步同屏实时手绘的聊天方法，包括：
6.s1：a用户(发起方)通过应该程序发送用户uuid(程序后端用户的唯一标识代码)和所属ip到服务器数据库获取服务器token来登录和读取其联系人列表；
7.s2：a用户(发起方)选择一名或多名联系人发起实时同步同屏信息交换请求后即向服务器发送了一条这些已选的联系人列表，服务器在接受到列表之后即向列表中的联系人ip发送实时同步同屏信息交换邀请；
8.s3：当邀请获得允许后，a用户(发起方)即开启了websocket全双工的和被邀请人连接确认，websocket连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端；
9.s4:每个终端都有三块不同的画板重叠，其中一块是用于显示当前终端绘制的点位坐标，其他几块是分别用于绘制通过websocket传送过来的点位坐标，每个数据流的信息包中包含json字符串起点点位x坐标(lastcoordinate.x)和起点点位y坐标(lastcoordinate.y)，起点的xy坐标即可确定起点在画板上的确定位置，还有终点点位x坐标(curcoordinate.x)和终点点位y坐标(curcoordinate.y)，终点的xy坐标即可确定终点在画板上的确定位置；
10.s5:当一方退出数据流信息包交换，即等于退出websocket连接,连接结束。作为上述技术方案的进一步描述：
11.所述画板包括第一画板、第二画板和第三画板，所述第一画板是给发送方绘制使用也是程序收集发送者x,y值的区域，所述第二画板是根据接受发送方发送过来的值绘制图案，所述第三画板显示同步各方分享出来的图片。
12.一种用户可以同步同屏实时手绘的应用程序，包括：
13.s101：a用户(发起方)发起开始同步会话后，将在本地屏幕l画板上绘制或擦抹的点位数据收集并打包，同时接收b用户(被邀请方)远程发送过来的数据包；
14.s102：在本地屏幕l画板上绘制或擦抹的点位数据收集并打包后，点位数据在a本地屏幕l画板上显示后丢弃点位数据并反馈至上一步，同时点位数据包发送至b用户(被邀请方)终端；
15.s103：在接收b用户(被邀请方)远程发送过来的数据包后，读取数据包点位信息，根据点位显示在a本地屏幕r画板上后丢弃数据包；
16.s201：b用户(被邀请方)接受请求后开始同时同步同屏图像绘制对话后，对绘制或擦除图像触摸屏点位数据收集并打包，同时接收a用户(发起方)远程发送过来的数据包；
17.s202：在对绘制或擦除图像触摸屏点位数据收集并打包后，将点位数据发送至a用户(发起方)终端，同时点位数据在b用户(被邀请方)本地屏幕l画板上显示后丢弃点位数据并反馈至上一步；
18.s203：在接收a用户(发起方)远程发送过来的数据包后，读取数据包点位信息，根据点位显示在b用户(被邀请方)本地屏幕r画板上后丢弃数据包。
19.综上所述，由于采用了上述技术方案，本发明的有益效果是：
20.1、本发明中，使用时，安装在客户端的应用程序，可以使用户随时点击开始使用，当用户通过选择联系人发送请求之后，客户端即发送请求至服务器并开启绘制屏幕区域等待接入，服务器收到发送方请求后即推送请求信息给接收方，等待接收方加入，在接收方加入后各方即开始绘制所需图案信息，并同步实时观察对方的绘制内容，使用互联网websocket协议的全双工原理，根据使用者手指在屏幕上划动的轨迹给出每个不同点位的x,y轴坐标值，并实时传送给接收方；与此同时也在同步接受接收方传送过来的x,y轴坐标值，并根据这些值同屏绘制出来或抹除，能使两位或多位用户可以在同一块背景之下同时同步各自独立地通过手绘并可以随时同时同步地清除来传达各自的信息，本发明可以完全实时同步还原发送人发送绘制或涂改信息的实际真实意图，手写文字的信息可以免除了文字信息需要通过键盘输入法等辅助方式在发送者实际表达和文字信息输入中间做转换，同时也不会在各方终端留下文字等记录文件，即时同步同屏方式使用数据流方式进行信息交流，用户绘制的同时可以擦除绘制内容，所有数据流传到终端即丢弃不在用户终端留存储数据记录。
21.2、本发明中，每个接收到的数据包被程序读取即丢弃不在终端存储，解决了终端数据的堆积使得终端系统处理迟缓，由上所述只要接收到含有这些信息的数据流中的包，被邀请的终端设备就可以把使用者的线条给绘制出来，擦除线条也是同理。
附图说明
22.图1示出了根据本发明实施例提供的a用户和b用户通信连接结构示意图；
23.图2示出了根据本发明实施例提供的用户可以同步同屏实时手绘的应用程序存储
处理结构示意图；
24.图3示出了根据本发明实施例提供的a用户和b用户在同时同步同屏绘制2d内容结构示意图；
25.图4示出了根据本发明实施例提供的a用户和b用户分别清除自己所绘制的图案部分结构示意图；
26.图5示出了根据本发明实施例提供的a用户和b用户在同时同步同屏绘制3d内容结构示意图。
具体实施方式
27.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
28.请参阅图1-5，本发明提供一种技术方案：一种用户可以同步同屏实时手绘的聊天方法，包括：
29.s1：a用户(发起方)通过应该程序发送用户uuid(程序后端用户的唯一标识代码)和所属ip到服务器数据库获取服务器token来登录和读取其联系人列表；
30.s2：a用户(发起方)选择一名或多名联系人发起实时同步同屏信息交换请求后即向服务器发送了一条这些已选的联系人列表，服务器在接受到列表之后即向列表中的联系人ip发送实时同步同屏信息交换邀请；
31.s3：当邀请获得允许后，a用户(发起方)即开启了websocket全双工的和被邀请人连接确认，websocket连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端；
32.s4:每个终端都有三块不同的画板重叠，其中一块是用于显示当前终端绘制的点位坐标，其他几块是分别用于绘制通过websocket传送过来的点位坐标，每个数据流的信息包中包含json字符串起点点位x坐标(lastcoordinate.x)和起点点位y坐标(lastcoordinate.y)，起点的xy坐标即可确定起点在画板上的确定位置，还有终点点位x坐标(curcoordinate.x)和终点点位y坐标(curcoordinate.y)，终点的xy坐标即可确定终点在画板上的确定位置；
33.s5:当一方退出数据流信息包交换，即等于退出websocket连接,连接结束；websocket是独立的、创建在tcp上的协议，websocket通过http/1.1协议的101状态码进行握手，为了创建websocket连接，需要通过浏览器发出请求，之后服务器进行回应，这个过程通常称为“握手”(handshaking)，websocke特点是较少的控制开销，在连接创建后，服务器和客户端之间交换数据时，用于协议控制的数据包头部相对较小，在不包含扩展的情况下，对于服务器到客户端的内容，此头部大小只有2至10字节(和数据包长度有关)；对于客户端到服务器的内容，此头部还需要加上额外的4字节的掩码，相对于http请求每次都要携带完整的头部，此项开销显著减少了，更强的实时性，由于协议是全双工的，所以服务器可以随时主动给客户端下发数据，相对于http请求需要等待客户端发起请求服务端才能响应，延迟明显更少；即使是和comet等类似的长轮询比较，其也能在短时间内更多次地传递数据；
能够保持连接状态，与http不同的是，websocket需要先创建连接，这就使得其成为一种有状态的协议，之后通信时可以省略部分状态信息，而http请求可能需要在每个请求都携带状态信息(如身份认证等)。
34.具体的，如图3-5所示，画板包括第一画板、第二画板和第三画板，第一画板是给发送方绘制使用也是程序收集发送者x,y值的区域，第二画板是根据接受发送方发送过来的值绘制图案，第三画板显示同步各方分享出来的图片，这样三块画板重叠在一起即可以实现发送方与接收方实时同步同屏的绘制信息交流，即时同步同屏方式使用数据流方式进行信息交流，用户绘制的同时可以擦除绘制内容，所有数据流被邀请终端接收后即读取数据流里的信息包，并把信息包里相关xy坐标点位在终端显示出来后即丢弃不在用户终端留存储数据记录，如此不同其他传统的网络聊天信息在终端做保存的做法可以解决终端数据堆积造成的空间占用和拖延系统运行速度，绘制的线条可以不仅仅局限再单色纯色的各种颜色上，可以用彩色或各类小图片的连接组成。
35.请参阅图1-5，本发明提供另一种技术方案：一种用户可以同步同屏实时手绘的应用程序，包括：
36.s101：a用户(发起方)发起开始同步会话后，将在本地屏幕l画板上绘制或擦抹的点位数据收集并打包，同时接收b用户(被邀请方)远程发送过来的数据包；
37.s102：在本地屏幕l画板上绘制或擦抹的点位数据收集并打包后，点位数据在a本地屏幕l画板上显示后丢弃点位数据并反馈至上一步，同时点位数据包发送至b用户(被邀请方)终端；
38.s103：在接收b用户(被邀请方)远程发送过来的数据包后，读取数据包点位信息，根据点位显示在a本地屏幕r画板上后丢弃数据包；
39.s201：b用户(被邀请方)接受请求后开始同时同步同屏图像绘制对话后，对绘制或擦除图像触摸屏点位数据收集并打包，同时接收a用户(发起方)远程发送过来的数据包；
40.s202：在对绘制或擦除图像触摸屏点位数据收集并打包后，将点位数据发送至a用户(发起方)终端，同时点位数据在b用户(被邀请方)本地屏幕l画板上显示后丢弃点位数据并反馈至上一步；
41.s203：在接收a用户(发起方)远程发送过来的数据包后，读取数据包点位信息，根据点位显示在b用户(被邀请方)本地屏幕r画板上后丢弃数据包。
42.工作原理：使用时，安装在客户端的应用程序，可以使用户随时点击开始使用，当用户通过选择联系人发送请求之后，客户端即发送请求至服务器并开启绘制屏幕区域等待接入，服务器收到发送方请求后即推送请求信息给接收方，等待接收方加入，在接收方加入后各方即开始绘制所需图案信息，并同步实时观察对方的绘制内容，使用互联网websocket协议的全双工原理，根据使用者手指在屏幕上划动的轨迹给出每个不同点位的x,y轴坐标值，并实时传送给接收方；与此同时也在同步接受接收方传送过来的x,y轴坐标值，并根据这些值同屏绘制出来或抹除。
43.以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，根据本发明的技术方案及其发明构思加以等同替换或改变，都应涵盖在本发明的保护范围之内。