基于网页即时通信的多窗口通信方法及系统.pdf

《基于网页即时通信的多窗口通信方法及系统.pdf》由会员分享，可在线阅读，更多相关《基于网页即时通信的多窗口通信方法及系统.pdf（10页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201911301056.X (22)申请日 2019.12.17 (71)申请人 杭州涂鸦信息技术有限公司 地址 310013 浙江省杭州市西湖区浙商财 富中心3幢701室 (72)发明人 翁益栋 (74)专利代理机构 北京崇智专利代理事务所 (普通合伙) 11605 代理人 任小燕何海英 (51)Int.Cl. H04L 12/58(2006.01) G06F 16/958(2019.01) H04L 29/08(2006.01) (54)发明名称 一种基于网页即时通信的多窗。

2、口通信方法 及系统 (57)摘要 本申请公开了一种基于网页即时通信的多 窗口通信方法， 包括： 网页生成多个网页即时通 信连接对象； 所述网页生成多个连接请求信息， 并通过所述多个即时通信连接对象发送至多个 监听设备； 所述多个监听设备返回多个连接应答 信息至所述网页； 所述多个监听设备通所述多个 即时通信连接对象发送第一音频或视频数据至 所述网页， 且设定所有所述第一音频或视频数据 的初始音量为第一预设值； 网页选中所述第一音 频或视频数据的至少其中之一； 调节被选中的所 述第一音频或视频的音量为第二预设值。 与现有 技术相比， 本申请实现了在WebRTC的多窗口模式 下， 通过选择窗口来获。

3、取当前WebRTC下的音频输 出。 权利要求书2页 说明书5页 附图2页 CN 111030921 A 2020.04.17 CN 111030921 A 1.一种基于网页即时通信的多窗口通信方法， 其特征在于， 包括： 网页与服务器之间生成长连接； 所述网页生成多个网页即时通信连接对象， 且每个所述网页即时通信连接对象分别对 应一个识别信息； 所述网页生成多个连接请求信息， 并将所述多个连接请求信息一一对应地通过所述多 个即时通信连接对象发送至多个监听设备； 所述多个监听设备一一对应地返回对所述连接请求信息的多个连接应答信息至所述 网页； 所述网页与所述多个监听设备建立点对点的连接； 所述多。

4、个监听设备一一对应地通所述多个即时通信连接对象发送第一音频或视频数 据至所述网页， 且设定所有所述第一音频或视频数据的初始音量为第一预设值； 网页选中所述第一音频或视频数据的至少其中之一； 调节被选中的所述第一音频或视频的音量为第二预设值。 2.根据权利要求1所述的基于网页即时通信的多窗口通信方法， 其特征在于， 所述网页 一一对应地通所述多个即时通信连接对象发送第二音频或视频数据至所述多个监听设备， 且设定所有所述第二音频或视频数据的初始音量为第三预设值； 网页选中所述第二音频或视频数据的至少其中之一； 调节被选中的所述第二音频或视频的音量为第四预设值。 3.根据权利要求2所述的基于网页即时。

5、通信的多窗口通信方法， 其特征在于， 所述第一 预设值为0。 4.根据权利要求3所述的基于网页即时通信的多窗口通信方法， 其特征在于， 所述第三 预设值为0。 5.根据权利要求4所述的基于网页即时通信的多窗口通信方法， 其特征在于， 所述网页 选中所述第一音频或视频数据的其中之一。 6.根据权利要求5所述的基于网页即时通信的多窗口通信方法， 其特征在于， 网页选中 所述第二音频或视频数据的其中之一。 7.一种基于网页即时通信的多窗口通信系统， 其特征在于， 包括： 长连接模块， 用于网页与服务器之间生成长连接； 网页即时通信连接对象生成模块， 用于生成多个网页即时通信连接对象， 且每个所述 网。

6、页即时通信连接对象分别对应一个识别信息； 连接请求信息生成模块， 用于生成多个连接请求信息， 并将所述多个连接请求信息一 一对应地通过所述多个即时通信连接对象发送至多个监听设备； 连接应答信息生成模块， 用于一一对应地返回对所述连接请求信息的多个连接应答信 息至所述网页； 点对点连接建立模块， 用于建立所述网页与所述多个监听设备建立点对点的连接； 发送模块， 用于一一对应地通所述多个即时通信连接对象发送第一音频或视频数据至 所述网页， 且设定所有所述第一音频或视频数据的初始音量为第一预设值； 选中模块， 用于选中所述第一音频或视频数据的至少其中之一； 调节模块， 用于调节被选中的所述第一音频或。

7、视频的音量为第二预设值。 权利要求书 1/2 页 2 CN 111030921 A 2 8.一种计算机设备， 包括存储器、 处理器和存储在所述存储器内并能由所述处理器运 行的计算机程序， 其特征在于， 所述处理器执行所述计算机程序时实现如权利要求1-6中任 一项所述的方法。 9.一种计算机可读存储介质， 非易失性可读存储介质， 其内存储有计算机程序， 其特征 在于， 所述计算机程序在由处理器执行时实现如权利要求1-6中任一项所述的方法。 10.一种计算机程序产品， 包括计算机可读代码， 其特征在于， 当所述计算机可读代码 由计算机设备执行时， 导致所述计算机设备执行权利要求1-6中任一项所述的。

8、方法。 权利要求书 2/2 页 3 CN 111030921 A 3 一种基于网页即时通信的多窗口通信方法及系统 技术领域 0001 本申请涉及网页即时通信领域， 具体而言， 涉及一种基于网页即时通信的多窗口 通信方法。 背景技术 0002 网页即时通信(WebRTC， Web Real-Time Communication)实现了基于网页的语音 对话或视频通话， 目的是无插件实现web端的实时通信的能力。 随着WebRTC技术的逐渐成熟 以及应用的逐渐普及， 用户产生了多窗口预览通信的需求。 现有的WebRTC具有以下问题： 0003 仅有单个WebRTC窗口的实现， 无法满足用户想要查看多。

9、个摄像头的需求； 实现 WebRTC多窗口实时语音和视频通信之后， 多个音频同时输出很多无效信息， 导致用户无法 得到想要的目的信息。 0004 实现音频控制之后， 处理各个音频的切换。 发明内容 0005 本申请的主要目的在于提供一种基于网页即时通信的多窗口通信方法， 包括： 0006 网页与服务器之间生成长连接； 0007 所述网页生成多个网页即时通信连接对象， 且每个所述网页即时通信连接对象分 别对应一个识别信息； 0008 所述网页生成多个连接请求信息， 并将所述多个连接请求信息一一对应地通过所 述多个即时通信连接对象发送至多个监听设备； 0009 所述多个监听设备一一对应地返回对所述。

10、连接请求信息的多个连接应答信息至 所述网页； 0010 所述网页与所述多个监听设备建立点对点的连接； 0011 所述多个监听设备一一对应地通所述多个即时通信连接对象发送第一音频或视 频数据至所述网页， 且设定所有所述第一音频或视频数据的初始音量为第一预设值； 0012 网页选中所述第一音频或视频数据的至少其中之一； 0013 调节被选中的所述第一音频或视频的音量为第二预设值。 0014 可选地， 所述网页一一对应地通所述多个即时通信连接对象发送第二音频或视频 数据至所述多个监听设备， 且设定所有所述第二音频或视频数据的初始音量为第三预设 值； 0015 网页选中所述第二音频或视频数据的至少其中。

11、之一； 0016 调节被选中的所述第二音频或视频的音量为第四预设值。 0017 可选地， 所述第一预设值为0。 0018 可选地， 所述第三预设值为0。 0019 可选地， 所述网页选中所述第一音频或视频数据的其中之一。 0020 可选地， 网页选中所述第二音频或视频数据的其中之一。 说明书 1/5 页 4 CN 111030921 A 4 0021 根据本申请的另一方面， 还提供了一种基于网页即时通信的多窗口通信系统， 包 括： 0022 长连接模块， 用于网页与服务器之间生成长连接； 0023 网页即时通信连接对象生成模块， 用于生成多个网页即时通信连接对象， 且每个 所述网页即时通信连接。

12、对象分别对应一个识别信息； 0024 连接请求信息生成模块， 用于生成多个连接请求信息， 并将所述多个连接请求信 息一一对应地通过所述多个即时通信连接对象发送至多个监听设备； 0025 连接应答信息生成模块， 用于一一对应地返回对所述连接请求信息的多个连接应 答信息至所述网页； 0026 点对点连接建立模块， 用于建立所述网页与所述多个监听设备建立点对点的连 接； 0027 发送模块， 用于一一对应地通所述多个即时通信连接对象发送第一音频或视频数 据至所述网页， 且设定所有所述第一音频或视频数据的初始音量为第一预设值； 0028 选中模块， 用于选中所述第一音频或视频数据的至少其中之一； 00。

13、29 调节模块， 用于调节被选中的所述第一音频或视频的音量为第二预设值。 0030 本申请还公开了一种计算机设备， 包括存储器、 处理器和存储在所述存储器内并 能由所述处理器运行的计算机程序， 所述处理器执行所述计算机程序时实现上述任一项所 述的方法。 0031 本申请还公开了一种计算机可读存储介质， 非易失性可读存储介质， 其内存储有 计算机程序， 所述计算机程序在由处理器执行时实现上述任一项所述的方法。 0032 本申请还公开了一种计算机程序产品， 包括计算机可读代码， 当所述计算机可读 代码由计算机设备执行时， 导致所述计算机设备执行上述任一项所述的方法。 0033 与现有技术相比， 本。

14、申请具有如下优点： 0034 实现了在WebRTC的多窗口模式下， 可以通过选择窗口来获取当前WebRTC下的音频 输出； 在WebRTC的多窗口模式下， 可以通过点击对讲按钮来进行实时的语音通信。 附图说明 0035 构成本申请的一部分的附图用来提供对本申请的进一步理解， 使得本申请的其它 特征、 目的和优点变得更明显。 本申请的示意性实施例附图及其说明用于解释本申请， 并不 构成对本申请的不当限定。 在附图中： 0036 图1是根据本申请一个实施例的基于网页即时通信的多窗口通信方法的流程示意 图； 0037 图2是根据本申请一个实施例的计算机设备的示意图； 以及 0038 图3是根据本申请。

15、一个实施例的计算机可读存储介质的示意图。 具体实施方式 0039 为了使本技术领域的人员更好地理解本申请方案， 下面将结合本申请实施例中的 附图， 对本申请实施例中的技术方案进行清楚、 完整地描述， 显然， 所描述的实施例仅仅是 本申请一部分的实施例， 而不是全部的实施例。 基于本申请中的实施例， 本领域普通技术人 说明书 2/5 页 5 CN 111030921 A 5 员在没有做出创造性劳动前提下所获得的所有其他实施例， 都应当属于本申请保护的范 围。 0040 需要说明的是， 本申请的说明书和权利要求书及上述附图中的术语 “第一” 、“第 二” 等是用于区别类似的对象， 而不必用于描述特。

16、定的顺序或先后次序。 应该理解这样使用 的数据在适当情况下可以互换， 以便这里描述的本申请的实施例。 此外， 术语 “包括” 和 “具 有” 以及他们的任何变形， 意图在于覆盖不排他的包含， 例如， 包含了一系列步骤或单元的 过程、 方法、 系统、 产品或设备不必限于清楚地列出的那些步骤或单元， 而是可包括没有清 楚地列出的或对于这些过程、 方法、 产品或设备固有的其它步骤或单元。 0041 需要说明的是， 在不冲突的情况下， 本申请中的实施例及实施例中的特征可以相 互组合。 下面将参考附图并结合实施例来详细说明本申请。 0042 请参照图1， 本申请一实施例提供了一种基于网页即时通信的多窗口。

17、通信方法， 包 括： 0043 S1： 网页与服务器之间生成长连接； 0044 S2： 所述网页生成多个网页即时通信连接对象， 且每个所述网页即时通信连接对 象分别对应一个识别信息； 0045 S3： 所述网页生成多个连接请求信息， 并将所述多个连接请求信息一一对应地通 过所述多个即时通信连接对象发送至多个监听设备； 0046 S4： 所述多个监听设备一一对应地返回对所述连接请求信息的多个连接应答信息 至所述网页； 0047 S5： 所述网页与所述多个监听设备建立点对点的连接； 0048 S6： 所述多个监听设备一一对应地通所述多个即时通信连接对象发送第一音频或 视频数据至所述网页， 且设定所。

18、有所述第一音频或视频数据的初始音量为第一预设值； 0049 S7： 网页选中所述第一音频或视频数据的至少其中之一； 0050 S8： 调节被选中的所述第一音频或视频的音量为第二预设值。 0051 实现WebRTC预览： 创建一个WebSocket长连接(web端-服务器)， 在网页端创建一个 RTCPeerConnection对象 ， 用于与被监控设备点对点的 相互传输数据。 一个 RTCPeerConnection对应一个窗口， 创建本地offer(发送连接请求)和candidate数据通过 WebSocket发送至设备端(被监测设备)。 设备端传回来的answer(对请求的响应)以及 ca。

19、ndidate数据， RTCPeerConnection接收以上数据， 之后在浏览器中建立P2P的连接， 这个 时候就能收到设备端发送过来的视频以及音频数据， 进行实时的视频和音频通信。 当最开 始用WebSocket建立长连接之后， 以后都用RTCPeerConnection双向传输音视频数据。 0052 实现多窗口WebRTC预览： 在上述技术方案的基础上， 创建多个RTCPeerConnection 对象 ， 然 后复 用同 一 个We bSo cke t长连 接来 进行 数 据的 交 换 ， 同 时 在每一 个 RTCPeerConnection对象生成时创建一个唯一的ID来区分在We。

20、bSocket内传输的数据， 这样 就可以做到每个RTCPeerConnection的数据分离。 0053 分 离 视 频 和 音 频 ， 同 时 做 到 控 制 ： 在 上 述 技 术 方 案 的 基 础 上 ， 通 过 RTCPeerConnection提供的track事件来监听视频和音频数据， 每一次连接建立并开始时， 首先将音频输出音量置为0(第一预设值)， 防止因多窗口导致的音频输出杂乱问题， 当选中 目标窗口时， 将音频输出的音量调整至正常水平(第二预设值)， 切换窗口时， 同理只有当前 说明书 3/5 页 6 CN 111030921 A 6 选中的窗口有音频输出。 0054 在。

21、本申请一实施例中， 所述网页一一对应地通所述多个即时通信连接对象发送第 二音频或视频数据至所述多个监听设备， 且设定所有所述第二音频或视频数据的初始音量 为第三预设值； 0055 网页选中所述第二音频或视频数据的至少其中之一； 0056 调节被选中的所述第二音频或视频的音量为第四预设值。 0057 控制语音输出(双向通信)， 同时只有一个窗口可以语音输出： 与上述技术方案类 似， 只有当前窗口可以进行语音输出， 可以通过transceiver.sender.replaceTrack(track |null)(加音轨的代码， 开始对讲或结束对讲)来精确控制是否需要进行语音输出， 达到双 向对讲的。

22、功能。 一开始将所有的网页端的音视频的音量设置为0(第三预设值)， 当选中需要 输出的窗口时， 该窗口的音量变为正常值(第四预设值)。 0058 在本申请一实施例中， 所述第一预设值为0。 0059 在本申请一实施例中， 所述第三预设值为0。 0060 在本申请一实施例中， 所述网页选中所述第一音频或视频数据的其中之一。 0061 0062 在本申请一实施例中， 网页选中所述第二音频或视频数据的其中之一。 0063 选择听声音的窗口可以是一个也可以是多个， 都属于本申请所要求保护的范围 内。 0064 根据本申请的一个方面， 还提供了一种基于网页即时通信的多窗口通信系统， 包 括： 0065 。

23、长连接模块， 用于网页与服务器之间生成长连接； 0066 网页即时通信连接对象生成模块， 用于生成多个网页即时通信连接对象， 且每个 所述网页即时通信连接对象分别对应一个识别信息； 0067 连接请求信息生成模块， 用于生成多个连接请求信息， 并将所述多个连接请求信 息一一对应地通过所述多个即时通信连接对象发送至多个监听设备； 0068 连接应答信息生成模块， 用于一一对应地返回对所述连接请求信息的多个连接应 答信息至所述网页； 0069 点对点连接建立模块， 用于建立所述网页与所述多个监听设备建立点对点的连 接； 0070 发送模块， 用于一一对应地通所述多个即时通信连接对象发送第一音频或视。

24、频数 据至所述网页， 且设定所有所述第一音频或视频数据的初始音量为第一预设值； 0071 选中模块， 用于选中所述第一音频或视频数据的至少其中之一； 0072 调节模块， 用于调节被选中的所述第一音频或视频的音量为第二预设值。 0073 与现有技术相比， 本申请具有如下优点： 0074 实现了在WebRTC的多窗口模式下， 可以通过选择窗口来获取当前WebRTC下的音频 输出； 在WebRTC的多窗口模式下， 可以通过点击对讲按钮来进行实时的语音通信。 0075 请参照图2， 本申请还提供了一种计算机设备， 包括存储器、 处理器和存储在所述 存储器内并能由所述处理器运行的计算机程序， 所述处理。

25、器执行所述计算机程序时实现上 述任一项所述的方法。 说明书 4/5 页 7 CN 111030921 A 7 0076 请参照图3， 一种计算机可读存储介质， 非易失性可读存储介质， 其内存储有计算 机程序， 所述计算机程序在由处理器执行时实现上述任一项所述的方法。 0077 一种计算机程序产品， 包括计算机可读代码， 当所述计算机可读代码由计算机设 备执行时， 导致所述计算机设备执行上述任一项所述的方法。 0078 显然， 本领域的技术人员应该明白， 上述的本发明的各模块或各步骤可以用通用 的计算装置来实现， 它们可以集中在单个的计算装置上， 或者分布在多个计算装置所组成 的网络上， 可选地。

26、， 它们可以用计算装置可执行的程序代码来实现， 从而， 可以将它们存储 在存储装置中由计算装置来执行， 或者将它们分别制作成各个集成电路模块， 或者将它们 中的多个模块或步骤制作成单个集成电路模块来实现。 这样， 本发明不限制于任何特定的 硬件和软件结合。 0079 以上所述仅为本申请的优选实施例而已， 并不用于限制本申请， 对于本领域的技 术人员来说， 本申请可以有各种更改和变化。 凡在本申请的精神和原则之内， 所作的任何修 改、 等同替换、 改进等， 均应包含在本申请的保护范围之内。 说明书 5/5 页 8 CN 111030921 A 8 图1 说明书附图 1/2 页 9 CN 111030921 A 9 图2 图3 说明书附图 2/2 页 10 CN 111030921 A 10 。