技术领域
[0001] 本
申请涉及网页即时通信领域，具体而言，涉及一种基于网页即时通信的多窗口通信方法。
背景技术
[0002] 网页即时通信(WebRTC，Web Real-Time Communication)实现了基于网页的语音对话或视频通话，目的是无
插件实现web端的实时通信的能
力。随着WebRTC技术的逐渐成熟以及应用的逐渐普及，用户产生了多窗口预览通信的需求。现有的WebRTC具有以下问题：
[0003] 仅有单个WebRTC窗口的实现，无法满足用户想要查看多个摄像头的需求；实现WebRTC多窗口实时语音和视频通信之后，多个音频同时输出很多无效信息，导致用户无法得到想要的目的信息。
[0004] 实现音频控制之后，处理各个音频的切换。
发明内容
[0005] 本申请的主要目的在于提供一种基于网页即时通信的多窗口通信方法，包括：
[0007] 所述网页生成多个网页即时通信连接对象，且每个所述网页即时通信连接对象分别对应一个识别信息；
[0008] 所述网页生成多个连接
请求信息，并将所述多个连接请求信息一一对应地通过所述多个即时通信连接对象发送至多个监听设备；
[0009] 所述多个监听设备一一对应地返回对所述连接请求信息的多个连接应答信息至所述网页；
[0010] 所述网页与所述多个监听设备建立点对点的连接；
[0011] 所述多个监听设备一一对应地通所述多个即时通信连接对象发送第一音频或视频数据至所述网页，且设定所有所述第一音频或视频数据的初始音量为第一预设值；
[0012] 网页选中所述第一音频或视频数据的至少其中之一；
[0013] 调节被选中的所述第一音频或视频的音量为第二预设值。
[0014] 可选地，所述网页一一对应地通所述多个即时通信连接对象发送第二音频或视频数据至所述多个监听设备，且设定所有所述第二音频或视频数据的初始音量为第三预设值；
[0015] 网页选中所述第二音频或视频数据的至少其中之一；
[0016] 调节被选中的所述第二音频或视频的音量为第四预设值。
[0017] 可选地，所述第一预设值为0。
[0018] 可选地，所述第三预设值为0。
[0019] 可选地，所述网页选中所述第一音频或视频数据的其中之一。
[0020] 可选地，网页选中所述第二音频或视频数据的其中之一。
[0021] 根据本申请的另一方面，还提供了一种基于网页即时通信的多窗口通信系统，包括：
[0022] 长连接模
块，用于网页与服务器之间生成长连接；
[0023] 网页即时通信连接对象生成模块，用于生成多个网页即时通信连接对象，且每个所述网页即时通信连接对象分别对应一个识别信息；
[0024] 连接请求信息生成模块，用于生成多个连接请求信息，并将所述多个连接请求信息一一对应地通过所述多个即时通信连接对象发送至多个监听设备；
[0025] 连接应答信息生成模块，用于一一对应地返回对所述连接请求信息的多个连接应答信息至所述网页；
[0026] 点对点连接建立模块，用于建立所述网页与所述多个监听设备建立点对点的连接；
[0027] 发送模块，用于一一对应地通所述多个即时通信连接对象发送第一音频或视频数据至所述网页，且设定所有所述第一音频或视频数据的初始音量为第一预设值；
[0028] 选中模块，用于选中所述第一音频或视频数据的至少其中之一；
[0029] 调节模块，用于调节被选中的所述第一音频或视频的音量为第二预设值。
[0030] 本申请还公开了一种计算机设备，包括
存储器、处理器和存储在所述存储器内并能由所述处理器运行的
计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述的方法。
[0031] 本申请还公开了一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，所述计算机程序在由处理器执行时实现上述任一项所述的方法。
[0032] 本申请还公开了一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行上述任一项所述的方法。
[0033] 与
现有技术相比，本申请具有如下优点：
[0034] 实现了在WebRTC的多窗口模式下，可以通过选择窗口来获取当前WebRTC下的音频输出；在WebRTC的多窗口模式下，可以通过点击对讲按钮来进行实时的语音通信。
附图说明
[0035] 构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性
实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0036] 图1是根据本申请一个实施例的基于网页即时通信的多窗口通信方法的流程示意图；
[0037] 图2是根据本申请一个实施例的计算机设备的示意图；以及
[0038] 图3是根据本申请一个实施例的计算机可读存储介质的示意图。
具体实施方式
[0039] 为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
[0040] 需要说明的是，本申请的
说明书和
权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何
变形，意图在于
覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0041] 需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
[0042] 请参照图1，本申请一实施例提供了一种基于网页即时通信的多窗口通信方法，包括：
[0043] S1：网页与服务器之间生成长连接；
[0044] S2：所述网页生成多个网页即时通信连接对象，且每个所述网页即时通信连接对象分别对应一个识别信息；
[0045] S3：所述网页生成多个连接请求信息，并将所述多个连接请求信息一一对应地通过所述多个即时通信连接对象发送至多个监听设备；
[0046] S4：所述多个监听设备一一对应地返回对所述连接请求信息的多个连接应答信息至所述网页；
[0047] S5：所述网页与所述多个监听设备建立点对点的连接；
[0048] S6：所述多个监听设备一一对应地通所述多个即时通信连接对象发送第一音频或视频数据至所述网页，且设定所有所述第一音频或视频数据的初始音量为第一预设值；
[0049] S7：网页选中所述第一音频或视频数据的至少其中之一；
[0050] S8：调节被选中的所述第一音频或视频的音量为第二预设值。
[0051] 实现WebRTC预览：创建一个WebSocket长连接(web端-服务器)，在网页端创建一个RTCPeerConnection对象，用于与被监控设备点对点的相互传输数据。一个RTCPeerConnection对应一个窗口，创建本地offer(发送连接请求)和candidate数据通过WebSocket发送至设备端(被监测设备)。设备端传回来的answer(对请求的响应)以及candidate数据，RTCPeerConnection接收以上数据，之后在浏览器中建立P2P的连接，这个时候就能收到设备端发送过来的视频以及音频数据，进行实时的视频和音频通信。当最开始用WebSocket建立长连接之后，以后都用RTCPeerConnection双向传输音视频数据。
[0052] 实现多窗口WebRTC预览：在上述技术方案的
基础上，创建多个RTCPeerConnection对象，然后复用同一个WebSocket长连接来进行数据的交换，同时在每一个RTCPeerConnection对象生成时创建一个唯一的ID来区分在WebSocket内传输的数据，这样就可以做到每个RTCPeerConnection的数据分离。
[0053] 分离视频和音频，同时做到控制：在上述技术方案的基础上，通过RTCPeerConnection提供的track事件来监听视频和音频数据，每一次连接建立并开始时，首先将音频输出音量置为0(第一预设值)，防止因多窗口导致的音频输出杂乱问题，当选中目标窗口时，将音频输出的音量调整至正常
水平(第二预设值)，切换窗口时，同理只有当前选中的窗口有音频输出。
[0054] 在本申请一实施例中，所述网页一一对应地通所述多个即时通信连接对象发送第二音频或视频数据至所述多个监听设备，且设定所有所述第二音频或视频数据的初始音量为第三预设值；
[0055] 网页选中所述第二音频或视频数据的至少其中之一；
[0056] 调节被选中的所述第二音频或视频的音量为第四预设值。
[0057] 控制语音输出(双向通信)，同时只有一个窗口可以语音输出：与上述技术方案类似，只有当前窗口可以进行语音输出，可以通过transceiver.sender.replaceTrack(track|null)(加
音轨的代码，开始对讲或结束对讲)来精确控制是否需要进行语音输出，达到双向对讲的功能。一开始将所有的网页端的音视频的音量设置为0(第三预设值)，当选中需要输出的窗口时，该窗口的音量变为正常值(第四预设值)。
[0058] 在本申请一实施例中，所述第一预设值为0。
[0059] 在本申请一实施例中，所述第三预设值为0。
[0060] 在本申请一实施例中，所述网页选中所述第一音频或视频数据的其中之一。
[0061]
[0062] 在本申请一实施例中，网页选中所述第二音频或视频数据的其中之一。
[0063] 选择听声音的窗口可以是一个也可以是多个，都属于本申请所要求保护的范围内。
[0064] 根据本申请的一个方面，还提供了一种基于网页即时通信的多窗口通信系统，包括：
[0065] 长连接模块，用于网页与服务器之间生成长连接；
[0066] 网页即时通信连接对象生成模块，用于生成多个网页即时通信连接对象，且每个所述网页即时通信连接对象分别对应一个识别信息；
[0067] 连接请求信息生成模块，用于生成多个连接请求信息，并将所述多个连接请求信息一一对应地通过所述多个即时通信连接对象发送至多个监听设备；
[0068] 连接应答信息生成模块，用于一一对应地返回对所述连接请求信息的多个连接应答信息至所述网页；
[0069] 点对点连接建立模块，用于建立所述网页与所述多个监听设备建立点对点的连接；
[0070] 发送模块，用于一一对应地通所述多个即时通信连接对象发送第一音频或视频数据至所述网页，且设定所有所述第一音频或视频数据的初始音量为第一预设值；
[0071] 选中模块，用于选中所述第一音频或视频数据的至少其中之一；
[0072] 调节模块，用于调节被选中的所述第一音频或视频的音量为第二预设值。
[0073] 与现有技术相比，本申请具有如下优点：
[0074] 实现了在WebRTC的多窗口模式下，可以通过选择窗口来获取当前WebRTC下的音频输出；在WebRTC的多窗口模式下，可以通过点击对讲按钮来进行实时的语音通信。
[0075] 请参照图2，本申请还提供了一种计算机设备，包括存储器、处理器和存储在所述存储器内并能由所述处理器运行的计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述的方法。
[0076] 请参照图3，一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，所述计算机程序在由处理器执行时实现上述任一项所述的方法。
[0077] 一种计算机程序产品，包括计算机可读代码，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行上述任一项所述的方法。
[0078] 显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成
电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的
硬件和
软件结合。
[0079] 以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何
修改、等同替换、改进等，均应包含在本申请的保护范围之内。
