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

说明书

本发明实施例公开了一种网页端通信方法、装置、电子设备及存储介质，该网页端通信方法用于第一终端，包括：构建浏览器页面里的通信窗口；对通信窗口进行输入监听，得到监听结果；其中，监听结果中包括第一图片消息和/或第一文字消息，第一图片消息用于表征浏览器页面截图后得到的图片消息；将第一图片消息和/或第一文字消息发送至第二终端，以使第二终端以弹幕的形式显示第一图片消息和/或第一文字消息；其中，第二终端用于表征与第一终端已建立网页端通信连接的任一终端。因此，本发明实施例实现了不同终端之间的浏览器页面截图并发送的能力，丰富了网页端通信的实现方式，提高了网页端通信的灵活性。

技术领域

本发明涉及通信技术领域，具体涉及一种网页端通信方法、装置、电子设备及存储介质。

背景技术

随着通信技术的不断发展，各种通信工具的应用也越来越广泛。尤其是传统的C/S(Client/Server，客户端/服务器)架构的通信工具，出现了基于B/S(Browser/Server，浏览器和服务器)架构的通信工具，其特点是打开网页即可使用，无需安装，并且可以跨平台使用，开发成本较低。但是，针对基于B/S架构的通信工具，如何丰富网页端通信的实现方式是当前亟待解决的问题。

发明内容

由于现有方法存在上述问题，本发明实施例提出一种网页端通信方法、装置、电子设备及存储介质。

第一方面，本发明实施例提出一种网页端通信方法，所述网页端通信方法用于第一终端，包括：

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

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

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

可选地，所述构建浏览器页面里的通信窗口，包括：

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

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

可选地，所述对所述通信窗口进行输入监听，包括：

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

可选地，所述对所述通信窗口进行输入监听，得到监听结果，包括：

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

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

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

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

可选地，所述利用canvas的画布能力，监听浏览器页面截图事件，包括：

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

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

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

可选地，所述根据所述浏览器页面信息确定所述图片消息，包括：

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

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