[发明专利]网页端通信方法、装置、电子设备及存储介质

权利要求书

1.一种网页端通信方法，其特征在于，所述网页端通信方法用于第一终端，包括：

构建浏览器页面里的通信窗口；

对所述通信窗口进行输入监听，得到监听结果；其中，所述监听结果中包括第一图片消息和/或第一文字消息，所述第一图片消息用于表征浏览器页面截图后得到的图片消息；

将所述第一图片消息和/或第一文字消息发送至第二终端，以使所述第二终端以弹幕的形式显示所述第一图片消息和/或第一文字消息；其中，所述第二终端用于表征与所述第一终端已建立网页端通信连接的任一终端。

2.根据权利要求1所述的网页端通信方法，其特征在于，所述构建浏览器页面里的通信窗口，包括：

按照Vue组件化方式对所述通信窗口进行模块化切换，并使用超文本标记语言HTML布局方式，构建所述通信窗口；

其中，所述通信窗口包括用于消息显示框和文字输入框。

3.根据权利要求1所述的网页端通信方法，其特征在于，所述对所述通信窗口进行输入监听，包括：

利用websocket的应用程序接口API，对所述通信窗口进行输入监听。

4.根据权利要求1或3所述的网页端通信方法，其特征在于，所述对所述通信窗口进行输入监听，得到监听结果，包括：

利用canvas的画布能力，监听浏览器页面截图事件；

根据所述浏览器页面截图事件提供的页面坐标信息，绘制对应的带框的矩形图；

根据所述矩形图的矩形图坐标，使用canvas处理方式得到矩形内的浏览器页面信息；

根据所述浏览器页面信息确定所述第一图片消息。

5.根据权利要求4所述的网页端通信方法，其特征在于，所述利用canvas的画布能力，监听浏览器页面截图事件，包括：

利用canvas的画布能力，监听鼠标左键的按下事件；

在按下左键并拖动过程中，监听鼠标移动事件；

在拖动完成时监听鼠标左键的释放事件。

6.根据权利要求4所述的网页端通信方法，其特征在于，所述根据所述浏览器页面信息确定所述图片消息，包括：

调用文件对象模型DOM接口；

利用所述DOM接口生成所述浏览器页面信息对应的图片信息，并将所述图片信息转换为用于发送至所述第二终端的图片消息。

7.根据权利要求1所述的网页端通信方法，其特征在于，还包括：

接收所述第二终端发送的第二图片消息和/或第二文字消息；

将所述第二图片消息和/或第二文字消息，转换到浏览器页面的canvas画布上，并以弹幕的形式显示所述第二图片消息和/或第二文字消息。

8.一种网页端通信装置，其特征在于，包括：

构建模块，用于构建浏览器页面里的通信窗口；

监听模块，用于对所述通信窗口进行输入监听，得到监听结果；其中，所述监听结果中包括第一图片消息和/或第一文字消息，所述第一图片消息用于表征浏览器页面截图后得到的图片消息；

发送模块，用于将所述第一图片消息和/或第一文字消息发送至第二终端，以使所述第二终端以弹幕的形式显示所述第一图片消息和/或第一文字消息；其中，所述第二终端用于表征与所述第一终端已建立网页端通信连接的任一终端。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述网页端通信方法的步骤。

10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1至7任一项所述网页端通信方法的步骤。