基于网页快速建立直播的方法

摘要

本申请涉及一种基于网页快速建立直播的方法，方法包括：读入用于直播交流的目标网页；在所述目标网页中引入包含网页操作信息采集功能的第一直播控制程序并存储为第一链接；在目标网页中引入包含解析执行网页操作指令功能的第二直播控制程序并存储为第二链接；在直播通信服务单元中创建第一链接、第二链接之间的通信关系。所述第一直播控制程序采集用户对目标网页的操作数据发送至所述直播通信服务单元，所述直播通信服务单元接收并发送至其它用户，由其他用户第二直播控制程序解析所接收的数据，还原为网页操作指令执行。本申请有利于主播与观众针对网页内容进行同步操作交流，同时减少资源消耗，提升了用户体验。

权利要求

1.一种基于网页快速建立直播的方法，其特征在于，包括以下步骤：接收源内容并识别所述源内容类型，所述源内容类型包括网页、网址、可转换为网页的文件、网页支持的素材文件中的一种或多种；当判断所述源内容类型为网页时，获取源网页内容生成为目标网页；当判断所述源内容类型为网址时，通过所述网址获取对应的网页文件内容生成目标网页；当判断所述源内容类型为可转换为网页的文件时，首先执行转换为网页操作，然后读取转换所得的网页内容生成目标网页；当判断所述源内容类型为网页支持的素材文件时，首先创建新网页，在所述新网页中创建所述素材文件类型对应的HTML标签，设置所述标签属性与内容放置所述素材文件生成目标网页；

A.读入用于直播交流的目标网页；

B.在所述目标网页中引入包含网页操作信息采集功能的第一直播控制程序，将所述包含第一直播控制程序的目标网页存储并生成为第一链接；在目标网页中引入包含解析执行网页操作指令功能的第二直播控制程序，将所述包含第二直播控制程序的目标网页存储并生成为第二链接；所述第一链接、第二链接可按照预定规则生成或按照直播通信服务单元分配；或者，将所述目标网页发送至直播网页计算产生服务单元注册，并按照预定规则生成或按照直播通信服务单元分配产生第一链接、第二链接；当所述直播网页计算产生服务单元在接收到所述第一链接访问请求时，返回包含所述目标网页以及第一直播控制程序的网页内容，所述第一直播控制程序包含网页操作信息采集功能；当所述直播网页计算产生服务单元在接收到所述第二链接访问请求时，返回包含所述目标网页以及第二直播控制程序的网页内容，所述第二直播控制程序包含解析执行网页操作指令功能；

C、在所述直播通信服务单元中创建第一链接、第二链接之间的通信关系，所述直播通信服务单元为第一链接、第二链接提供直播通信服务；所述第一链接中包含的所述第一直播控制程序采集用户对目标网页的操作数据，将所述操作数据发送至所述直播通信服务单元；所述第二链接中所包含的所述第二直播控制程序解析所接收的数据，还原为网页操作指令执行，达到与原用户网页画面同步的效果。

2.根据权利要求1所述的方法，其特征在于，在生成所述目标网页之前的步骤还包括接收来自直播创建者的网页素材处理要求、内容结构要求、内容编排要求、显示样式要求中的一种或多种，和/或结合系统内置的网页素材规范、内容结构规范、内容编排规则、标签规范中的一种或多种处理源内容。

3.根据权利要求1或2所述的方法，其特征在于，在生成所述目标网页之前的步骤还包括读入直播网页模板，根据所述直播网页模板中的对直播内容的要求处理源内容，使用处理后的源内容替换模板中的对应项，生成所述目标网页。

4.根据权利要求1所述的方法，其特征在于，在所述目标网页引入第一直播控制程序、第二直播控制程序之后的步骤还包括对所述引入第一直播控制程序、第二直播控制程序之后的目标网页进行重构操作，所述重构操作包括网页结构调整、标签属性修改、CSS样式修改、脚本调整、加载顺序调整、事件调整、存储调整中的一种或多种。

5.一种基于网页快速建立直播的方法，其特征在于，所述方法包括：A.读入用于直播交流的目标网页网址；B.读入包含iframe标签和第一直播控制程序的第一框架网页，所述第一直播控制程序包含网页操作信息采集功能，将所述目标网页网址添加进所述iframe标签，并将所述第一框架网页存储并生成为第一链接；读入包含iframe标签和第二直播控制程序的第二框架网页，所述第二直播控制程序包含解析执行网页操作指令功能，将所述目标网页网址添加进所述iframe标签，并将所述第二框架网页存储并生成为第二链接；或者，将所述目标网页网址发送至直播网页计算产生服务单元注册，并按照预定规则生成或按照直播通信服务单元分配产生第一链接、第二链接；所述直播网页计算产生服务单元在接收到所述第一链接访问请求时，读入包含iframe标签和第一直播控制程序的第一框架网页，所述第一直播控制程序包含网页操作信息采集功能，并将所述目标网页网址添加进所述iframe标签并返回；所述直播网页计算产生服务单元在接收到所述第二链接访问请求时，读入包含iframe标签和第二直播控制程序的第二框架网页，所述第二直播控制程序包含解析执行网页操作指令功能，并将所述目标网页网址添加进所述iframe标签并返回；C.在所述直播通信服务单元中创建第一链接、第二链接之间的通信关系，所述直播通信服务单元为第一链接、第二链接提供直播通信服务；所述第一链接中包含的所述第一直播控制程序采集用户对第一框架网页的操作数据，将所述操作数据发送至所述直播通信服务单元；所述第二链接中所包含的所述第二直播控制程序解析所接收的数据，还原为网页操作指令执行，达到与原用户网页画面同步的效果。

6.根据权利要求1或5所述的方法，其特征在于，所述第一直播控制程序还包括涂鸦操作数据采集、音频操作数据采集、视频操作数据采集、文字操作数据采集的一种或多种；所述第二直播控制程序还包括解析涂鸦数据、解析音频操作数据、解析视频操作数据、解析文字操作数据的一种或多种。

7.根据权利要求6所述的方法，其特征在于，所述第一直播控制程序还包括监听用户在第一链接对应的网页中输入的控制指令，所述指令包括开始/停止直播、开启/关闭发言、直播/会议模式切换、内容切换、内容更换、处理发言请求、观众管理、直播权移交、视频开关、音频开关、涂鸦设置、消息处理中的一种或多种；所述第二直播控制程序还包括监听用户在第二链接对应的网页中输入的控制指令，所述指令包括进入/退出直播、发言请求、直播权接收、直播权交回、视频开关、音频开关、涂鸦设置、消息处理中的一种或多种；所述第一直播控制程序、第二直播控制程序将所述控制指令发送至直播通信服务单元，所述直播通信服务单元执行或转发所述控制指令；所述第一直播控制程序、第二直播控制程序还包括接收直播通信服务单元的控制指令并执行；所述第一直播控制程序、第二直播控制程序还包括接收直播通信服务单元的直播状态信息并显示。

8.根据权利要求7所述的方法，其特征在于，接收到所述第一直播控制程序发送的直播内容更换指令和新的源内容后，生成新的目标网页数据，并发送至直播通信服务单元，所述第一直播控制程序、所述第二直播控制程序在接收到所述直播通信服务单元发送的直播内容更换指令以及新的目标网页数据后，根据所接收新的目标网页数据执行更新操作；更新过程中不改变所述直播通信服务单元与所述第一链接、所述第二链接之间的通信状态，不改变所述直播已形成的状态数据。

9.根据权利要求6所述的方法，其特征在于，在所述直播通信服务单元中创建第一链接、第二链接之间的通信关系之前的步骤还包括接收直播时间配置要求、人数限制配置要求、功能权限配置要求、用户限制配置要求、消息发送配置要求中的一种或者多种，并将所述配置要求发送至直播通信服务单元，直播通信服务单元基于所述配置要求配置本次直播通信服务。

说明书

基于网页快速建立直播的方法

技术领域

[0001] 本发明涉及通信领域，尤其涉及一种基于网页快速建立直播的方法。

背景技术

[0002] 在互联网发展的今天，直播已成为人们常见的交流形式，一般直播平台主要采用视频直播形式，主播和观众安装客户端软件或插件，主播创建账号后开启直播，同一平台观
众进入直播房间后观看直播，通过点赞、留言、赠送礼物等形式互动，为高效率的交流手段
之一，例如在近期面对突发的冠状病毒肺炎疫情时人们面对面交流不便的场景下，发挥了
巨大的作用。但应用于生产却存在许多不足，主要包括以下几点：主播甚至观众需要安装直
播软件或插件，拥有账号和熟悉软件操作；直播内容限于人物视频直播，讲解其它内容不
便；直播过程中针对讲解特定内容与观众的互动性差；直播过程主要为视频传输，网络资源
消耗非常大；无法直接针对需讲解的内容快速建立直播。

发明内容

[0003] 本申请有鉴于上述现有的状况，第一方面，本申请提供了一种基于网页快速建立直播的方法，所述方法包括：

[0004] 读入用于直播交流的目标网页；

[0005] 在所述目标网页中引入包含网页操作信息采集功能的第一直播控制程序，将所述包含第一直播控制程序的目标网页存储并生成为第一链接；在目标网页中引入包含解析执
行网页操作指令功能的第二直播控制程序，将所述包含第二直播控制程序的目标网页存储
并生成为第二链接；所述第一链接、第二链接可按照预定规则生成或按照直播通信服务单
元分配；

[0006] 或者，将所述目标网页发送至直播网页计算产生服务单元注册，并按照预定规则生成或按照直播通信服务单元分配产生第一链接、第二链接；当所述直播网页计算产生服
务单元在接收到所述第一链接访问请求时，返回包含所述目标网页以及第一直播控制程序
的网页内容，所述第一直播控制程序包含网页操作信息采集功能；当所述直播网页计算产
生服务单元在接收到所述第二链接访问请求时，返回包含所述目标网页以及第二直播控制
程序的网页内容，所述第二直播控制程序包含解析执行网页操作指令功能；

[0007] 在所述直播通信服务单元中创建第一链接、第二链接之间的通信关系，所述直播通信服务单元为第一链接、第二链接提供直播通信服务；

[0008] 所述第一直播控制程序采集用户对目标网页的操作数据，将所述操作数据发送至所述直播通信服务单元，所述直播通信服务单元接收并发送至其它用户，由其他用户第二
直播控制程序解析所接收的数据，还原为网页操作指令执行，达到与原用户网页画面同步
的效果。

[0009] 第二方面，本申请还提供了另一种基于网页快速建立直播的方法，所述方法包括：

[0010] 读入用于直播交流的目标网页网址；

[0011] 读入包含iframe标签和第一直播控制程序的第一框架网页，所述第一直播控制程序包含网页操作信息采集功能，将所述目标网页网址添加进所述iframe标签，并将所述第
一框架网页存储并生成为第一链接；读入包含iframe标签和第二直播控制程序的第二框架
网页，所述第二直播控制程序包含解析执行网页操作指令功能，将所述目标网页网址添加
进所述iframe标签，并将所述第二框架网页存储并生成为第二链接；

[0012] 或者，将所述目标网页网址发送至直播网页计算产生服务单元注册，并按照预定规则生成或按照直播通信服务单元分配产生第一链接、第二链接；所述直播网页计算产生
服务单元在接收到所述第一链接访问请求时，读入包含iframe标签和第一直播控制程序的
第一框架网页，所述第一直播控制程序包含网页操作信息采集功能，并将所述目标网页网
址添加进所述iframe标签并返回；所述直播网页计算产生服务单元在接收到所述第二链接
访问请求时，读入包含iframe标签和第二直播控制程序的第二框架网页，所述第二直播控
制程序包含解析执行网页操作指令功能，并将所述目标网页网址添加进所述iframe标签并
返回；

[0013] 在所述直播通信服务单元中创建第一链接、第二链接之间的通信关系，所述直播通信服务单元为第一链接、第二链接提供直播通信服务；

[0014] 所述第一链接中包含的所述第一直播控制程序采集用户对第一框架网页的操作数据，将所述操作数据发送至所述直播通信服务单元；所述第二链接中所包含的所述第二
直播控制程序解析所接收的数据，还原为网页操作指令执行，达到与原用户网页画面同步
的效果。

[0015] 本申请提供的基于网页快速建立直播的方法，主播和观众分别访问第一链接、第二链接即可开启直播交流，无需进行注册下载等其他操作，简化了直播流程，直播过程中网
页操作画面保持同步，提高了主播与观众的沟通效率，有助于主播讲解和观众互动，提升用
户体验。

附图说明

[0016] 图1为本申请实施方式所提供的一种基于网页快速建立直播的方法的流程示意图；

[0017] 图2为本申请实施方式所提供的基于源内容生成目标网页的流程示意图；

[0018] 图3为本申请实施方式所提供的基于直播网页模板生成目标网页的流程示意图；

[0019] 图4为本申请实施方式所提供的针对目标网页的重构方法的流程示意图；

[0020] 图5为本申请实施方式所提供的另一种基于网页快速建立直播的方法的流程示意图；

[0021] 图6为本申请实施方式所提供的第一框架网页内部结构示意图；

[0022] 图7为本申请实施方式所提供的第二框架网页内部结构示意图；

[0023] 图8为本申请实施方式所提供的根据直播配置要求配置直播通信的流程示意图；

[0024] 图9为本申请实施方式所提供的创建、配置直播的界面示意图；

[0025] 图10为本申请实施方式所提供的创建直播过程中上传源内容的界面示意图；

[0026] 图11为本申请实施方式所提供的创建直播过程中生成链接后的界面示意图；

[0027] 图12为本申请实施方式所提供的主播端(第一链接)界面示意图；

[0028] 图13为本申请实施方式所提供的观众端(第二链接)界面示意图；

具体实施方式

[0029] 以下，参考附图，详细地说明本发明的一种实施方式。

[0030] 如图1所示，本申请提供一种基于网页快速建立直播的方法，方法包括：

[0031] 步骤S101，读入用于直播交流的目标网页；

[0032] 步骤S1021，在所述目标网页中引入包含网页操作信息采集功能的第一直播控制程序，将所述包含第一直播控制程序的目标网页存储并生成为第一链接；在目标网页中引
入包含解析执行网页操作指令功能的第二直播控制程序，将所述包含第二直播控制程序的
目标网页存储并生成为第二链接。或步骤S1022，将所述目标网页发送至直播网页计算产生
服务单元注册并产生第一链接、第二链接，所述直播网页计算产生服务单元根据第一链接、
第二链接访问请求，返回包含目标网页以及第一直播控制程序的网页内容、返回包含目标
网页以及第二直播控制程序的网页内容；

[0033] 步骤S103，在直播通信服务单元中创建第一链接、第二链接之间的通信关系。

[0034] 其中，步骤S101，所述目标网页为包含直播交流内容的网页文件，通过直播创建者上传的源内容处理、转换生成。

[0035] 在目标网页中引入控制程序和生成两个链接，包括步骤S1021、步骤S1022两种方式：

[0036] 步骤S1021，在所述目标网页中插入script标签，所述script标签中包含用于执行网页操作信息采集功能的第一直播控制程序的程序文件地址或者用于执行网页操作信息
采集功能的第一直播控制程序内容，然后将包含所述第一直播控制程序的目标网页存储部
署生成第一链接，其中第一链接可以通过预定规则生成(如根据创建者信息、时间信息生成
文件名称；如第一链接、第二链接采用不同文件名称或者相同文件名称+参数)，或者按照直
播通信服务单元分配(如直播通信服务单元预先配置了直播房间的访问地址，在部署包含
所述第一直播控制程序的目标网页时采用该访问网址)；相同的，按照以上步骤在目标网页
中引入用于执行解析执行网页操作指令功能的第二直播控制程序存储部署并生成第二链
接。此种方式中，生成了静态的引入直播控制程序的目标网页，当访问第一链接、第二链接
时，返回包含直播控制程序的目标网页文件。

[0037] 步骤S1022，动态的生成包含直播控制程序的目标网页，所述包含直播控制程序的目标网页由直播网页计算产生服务单元实时计算生成，具体的，在直播创建过程中，将目标
网页发送至直播网页计算产生服务单元注册，所述直播网页计算产生服务单元保存所述目
标网页信息，并按照预定规则生成或按照直播通信服务单元分配，首先产生第一链接、第二
链接并提供，同时建立所述第一链接、第二链接与目标网页数据之间对应关系，直播启动
后，当所述播网页计算产生服务单元在接收到第一链接、第二链接请求时，根据之前建立的
对应关系查找到所述目标网页数据内容并读入，在所述目标网页数据内容中插入相应的直
播控制程序(即直播控制API)后返回。其中第一链接请求获得的数据包括目标网页数据以
及第一直播控制程序；第二链接请求获得的数据包括目标网页以及第二直播控制程序。此
种方式中，在服务器上运行直播网页计算产生服务单元(例如Servlet等服务程序)，动态生
成包含直播控制程序的目标网页内容。

[0038] 步骤S103中，所述直播通信服务单元一般为用于直播的通信服务器，直播过程中为主播端、观众端提供通信及控制服务。由此，创建直播需在直播通信服务单元中进行注
册，具体为，按照用于主播端访问的第一链接、用于观众端访问的第二链接、直播创建的配
置要求创建直播通信服务记录，并存储第一链接、第二链接与所述直播通信记录之间的对
应关系。当接收到第一链接访问请求时，根据所述访问请求按照所述对应关系查找直播通
信记录，并基于所述通信记录启动本次直播服务，建立主播端与所述直播通信服务单元之
间的通信连接(如Socket通信连接)，当接收到第二链接访问请求时，根据所述第二链接访
问请求按照所述对应关系查找直播通信记录，在查找到的通信记录主播端与所述直播通信
服务单元通信连接已建立的状态下，建立观众端与所述直播通信服务单元之间的通信连接
(如Socket通信连接)。所述直播通信服务单元按照第一链接、第二链接之间的对应关系接
收、处理、发送数据，提供直播通信及控制服务。

[0039] 根据步骤S103，当建立直播通信关系后，所述第一链接中包含的所述第一直播控制程序采集用户对目标网页的操作数据，将所述操作数据发送至所述直播通信服务单元；
所述第二链接中所包含的所述第二直播控制程序解析所接收的数据，还原为网页操作指令
执行，达到与原用户网页画面同步的效果。

[0040] 本实施方式中，主播端对应的第一直播控制程序包含网页操作信息采集功能，其中所述网页操作包括针对网页的常见操作与用于辅助直播的其它操作。针对网页的常见操
作如：页面滑动、点击、输入、缩放、拖拽、跳转等；用于辅助直播的其它操作，如涂鸦操作、文
字输入操作、音频操作、视频操作等，所述用于辅助直播的其它操作由第一直播控制程序提
供。当主播进行直播操作时，所述第一直播控制程序将针对不同的操作类型采集生成对应
的操作类型数据，例如使用涂鸦操作时，将通过第一直播控制程序在目标网页上建立一个
Canvas画布，主播在Canvas画布上进行涂鸦操作，此时会采集涂鸦轨迹、涂鸦笔类型、涂鸦
笔粗细等相关涂鸦操作数据。执行数据采集后将操作数据发送至直播通信服务单元，直播
通信服务单元再进行广播转发，发送给其他观众端，观众端对应的第二直播控制程序解析
直播操作数据并按照操作类型还原对应的直播操作，例如，第二直播控制程序接收到的网
页操作数据包含网页body滑动数据时，基于所述网页操作数据中网页滑动前的位置数据、
滑动后的位置数据、滑动的起始时间与结束时间，所述第二直播控制程序调用网页body设
置方法设置scrollTop属性，将其scrollTop值设置为滑动后的位置数据，同时根据滑动时
间生成滑动动画，从而实现还原主播端的操作的滑动效果。

[0041] 在本申请的一些实施方式中，所述第一直播控制程序、第二直播控制程序为集成了多种功能函数的程序集合，本申请仅定义在主播端引入所述第一直播控制程序，在观众
端引入所述第二直播控制程序，但不限于所述第一直播控制程序与第二直播控制程序在实
质上为同一程序或部分内容相同，所述第一直播控制程序、第二直播控制程序均可包含网
页操作信息采集、解析执行网页操作指令、涂鸦操作数据采集、解析涂鸦数据、音频操作数
据采集、解析音频操作数据、视频操作数据采集、解析视频操作数据、文字操作数据采集、解
析文字操作数据功能的一种或多种。例如：如果第二直播控制程序包括网页操作信息采集、
音频操作数据采集、涂鸦操作数据采集、视频操作数据采集功能，则观众端在会议模式下获
得直播权限后也可以执行直播操作，并通过所述直播通信服务单元将数据转发给其他用
户，其它观众端通过第二直播控制程序解析执行数据，同时主播端对应的第一直播控制程
序也可以执行操作数据解析及其它数据解析功能，还原对应的直播操作。

[0042] 本实施方式中，目标网页中引入的第一直播控制程序还用于监听用户的直播控制指令，对直播过程进行控制。所述直播控制指令包括开始/停止直播、开启/关闭发言、直播/
会议模式切换、内容切换、内容更换、处理发言请求、观众管理、直播权移交、视频开关、音频
开关、涂鸦设置、消息处理中的一种或多种，详细说明如下：

[0043] 当接收到开始/停止直播控制指令时，所述第一直播控制程序会向所述直播通信服务单元发送对应请求，直播通信服务单元收到开始直播控制指令后会建立主播端与直播
通信服务单元之间的连接，当收到停止直播控制指令后会进行本次直播停止处理并断开与
本次直播通信相关的所有连接；

[0044] 当接收开启/关闭发言控制指令后，将所述控制指令通过直播通信服务单元转发给观众端的第二直播控制程序，开启/关闭发言功能针对观众端发言进行控制；

[0045] 当接收到直播模式切换控制指令时，将所述控制指令发送至直播通信服务单元，所述直播通信服务单元将当前服务模式切换为直播模式，设定为直播模式下的数据收发处
理方式，发送指令至观众端与主播端进行模式切换处理，如关闭观众端的发言功能，开启主
播端的网页操作、发言、视频、涂鸦等功能；当接收到会议模式切换控制指令时，将所述控制
指令发送至直播通信服务单元，所述直播通信服务单元将当前服务模式切换为会议模式，
设定为会议模式下的数据收发处理方式，发送指令至观众端与主播端进行模式切换处理，
如开启观众端的网页操作、发言、涂鸦功能等。所述直播模式与会议模式的主要区别为，直
播模式下仅允许主播进行直播讲解操作，会议模式下允许全部或部分观众获取直播讲解操
作权；

[0046] 当接收到内容切换控制指令时，将调出可切换内容的列表界面，主播选择需要切换的内容记录，并将切换的目标内容记录标识发送至直播通信服务单元，所述直播通信服
务单元发送切换指令以及切换的目标内容记录标识至观众端或主播端执行切换操作，发送
刷新指令触发主播端和观众端的网页刷新功能。所述内容切换功能用于提供多个讲解内容
(多个网址、网页、按素材编排为多个网页等)的创建者在直播讲解过程中进行内容切换；

[0047] 当接收到内容更换控制指令时，将调出用于生成新目标网页的网址或源内容采集界面，将所采集信息直接或间接发送至直播生成单元，新的目标网页生成后，发送内容更新
请求至直播通信服务单元，最终由直播通信服务单元发送更新指令至主播端与观众端，触
发主播端和用户端更新直播内容。所述内容更换功能用于至直播过程中整体改变或增加新
的直播内容；

[0048] 当接收到处理发言请求控制指令时，将处理发言请求的处理结果发送至发送至直播生成单元，经所述直播通信服务单元处理并根据发言请求处理结果发送指令至观众端，
由所述第二直播控制程序执行客户端开启或关闭发言操作；

[0049] 当接收到观众管理控制指令时，将从直播通信服务单元获取当前在线观众的信息，并调出观众信息列表界面，主播可以查看观众信息，也可以点击信息列表界面上的禁
言、踢出按钮对某个观众执行对应的操作，例如点击禁言时，将所述禁言指令至发送至直播
通信服务单元，经所述直播通信服务单元处理并发送指令至相应观众端，由所述第二直播
控制程序执行客户端相关功能关闭操作；

[0050] 当接收到直播权移交控制指令时，将所述控制指令发送至直播通信服务单元，经所述直播通信服务单元处理并发送权限移交指令至相关的主播端、观众端，由所包含的第
一直播控制程序、第二直播控制程序执行权限移交的客户端处理；

[0051] 当接收到视频开关控制指令时，所述第一直播控制程序将开始执行视频操作数据采集功能，并将所采集视频数据发送至直播通信服务单元；当接收到视频关闭指令时，停止
视频操作数据采集；

[0052] 当接收到音频开启指令时，所述第一直播控制程序将开始执行音频操作数据采集功能，并将所采集音频数据发送至直播通信服务单元；当接收到音频关闭指令时，停止音频
操作数据采集；

[0053] 当接收到涂鸦设置控制指令时，将调出涂鸦相关的设置按钮并在目标网页执行涂鸦操作，并开始采集主播的涂鸦操作数据，将所采集涂鸦数据发送至直播通信服务单元，当
主播对涂鸦进行设置时，第一直播控制程序根据对应的设置参数调整涂鸦属性；

[0054] 消息处理指令，执行相关消息处理操作，如：接收直播通信服务单元消息数据并更新消息列表。

[0055] 相应地，目标网页中引入的第二直播控制程序也可以监听观众端的直播控制指令，所述直播控制指令包括进入/退出直播、发言请求、直播权接收、直播权交回、视频开关、
音频开关、涂鸦设置、消息处理中的一种或多种。其中进入/退出直播建立/断开与直播通信
服务单元之间的连接；发言请求控制指令用于向直播通信服务单元发送发言请求，申请获
取直播的发言权；执行直播权接收指令表示同意接收直播权移交的请求；执行直播权交回
指令发送至直播通信服务单元，由所述直播通信服务单元进行直播权限回收处理。

[0056] 在一种可选的实施方式中，对应步骤S101中读入用于直播交流的目标网页之前，还包括处理并生成目标网页，具体实施可以有两种方式，第一种方式，参考图2所示，步骤包
括：

[0057] 步骤S201，接收源内容并识别所述源内容类型；

[0058] 步骤S202，接收来自直播创建者的网页素材处理要求、内容结构要求、内容编排要求、显示样式要求中的一种或多种，和/或结合系统内置的网页素材规范、内容结构规范、内
容编排规则、标签规范中的一种或多种处理源内容；

[0059] 步骤S203，将源内容转换为目标网页。

[0060] 步骤S201中，所述源内容通过直播创建者上传，所述源内容类型包括网页、网址、能够转换为网页的文件、网页支持的素材文件中的一种或多种，且每种类型的源内容可上
传一个或多个，当上传多个网页、网址、能够转换为网页的文件时，直播创建者可指定按照
一定顺序排列，生成直播后，可以使用内容切换控制指令在多个内容中进行切换。

[0061] 步骤S202中，所述网页素材处理要求指直播创建者针对网页素材内容提出的处理要求，其中包括图片显示尺寸、图片显示画质、音频音质、文字大小、文字字体等，详细说明
如下：

[0062] 内容结构要求，可以将源内容按照所提供的内容结构处理后生成目标网页。例如，提供某树状结构作为内容结构要求，则根据该结构对源内容进行处理，生成对应的树状章
节并插入相关源内容。

[0063] 内容编排要求，主要为创建者按照直播时内容讲解的顺序、优先级提出的要求，基于该要求对源内容显示顺序进行编排，例如当上传的源内容为多个图片时，可以按照内容
编排要求设置图片的展示顺序。

[0064] 显示样式要求，可以规定源内容处理后的显示样式，按照显示样式要求处理源内容，修改尺寸、颜色、位置、阴影、边框、模糊、CSS动画效果等显示样式。

[0065] 系统内置的网页素材规范，指系统规定的网页素材需符合的规范，如图片文件大小、图片尺寸、文件类型、视频文件大小需符合的规范等。

[0066] 系统内置的内容结构规范，即系统对内容结构的限制性要求，如内容结构的层数限制等。同时，系统为进行源内容整理提供默认结构处理规范，而且可包括多个默认规范，
根据源内容的类型、数量、上传顺序等从默认结构处理规范中选择。

[0067] 系统内置的内容编排规则，即系统针对源内容的默认的编排规则，如按照上传的时间顺序编排规则、按照源内容类型的编排规则等。

[0068] 系统内置的标签处理规范，即系统对源内容标签的限制性要求，如限制使用HTML5已废弃的标签以及标签属性等(如font标签、tt标签、frame标签、align属性等)。

[0069] 根据步骤S202，系统结合直播创建者的要求以及系统规定的要求处理源内容，当创建者未提供相关要求时，则采用系统相应的默认要求，当创建者提供的要求不符合系统
要求时，一般优先执行系统要求。如创建者用户提供了某网页素材图片，其大小为2M，图片
尺寸为2000＊1000像素，要求以宽度1000像素显示，系统对图片文件的大小要求为500K，则
处理方式为：根据用户提出的图片处理要求，将图片尺寸缩放至1000＊500，此时用户要求
已满足，但原图片文件大小不满足系统要求，则需对图片文件进行尺寸缩放、压缩处理，使
其文件大小小于500K，达到系统要求。

[0070] 其中步骤S203，根据源内容的不同类型执行不同的转换步骤，详细如下：

[0071] 当判断所述源内容类型为网页时，获取源网页内容生成为目标网页；

[0072] 当判断所述源内容类型为网址时，通过所述网址获取对应的网页文件内容生成目标网页；

[0073] 当判断所述源内容类型为可转换为网页的文件时，首先执行转换为网页操作，然后读取转换所得的网页内容生成目标网页，例如PDF、Word、PPT等格式的文件；

[0074] 当判断所述源内容类型为网页支持的素材文件时，首先创建新网页，在所述新网页中创建所述素材文件类型对应的HTML标签，设置所述标签属性与内容放置所述素材文件
生成目标网页，例如创建者提供一组JPG图片以及数段文字，则首先创建新网页，在新网页
中添加img标签并设置属性放置图片，添加p标签放置文本内容，生成最终目标网页。

[0075] 第二种方式，参考图3所示，步骤包括：

[0076] S301接收源内容并读入直播网页模板；

[0077] S302根据所述直播网页模板中的对直播内容的要求处理源内容，使用处理后的源内容替换模板中的对应项，生成所述目标网页。

[0078] 该方式中，所述直播网页模板为系统预置，供直播创建者进行选择。所述直播网页模板已包含了直播内容处理要求，例如网页素材处理要求、内容结构要求、内容编排要求、
显示样式要求等，直播创建者仅需基于需交流的内容选择相应的直播网页模板，并根据模
板内容要求上传源内容，步骤S302根据模板对网页素材的处理要求进行素材处理，如缩放
图片至模板要求尺寸，压缩处理图片符合模板要求的文件大小等，然后读入直播网页模板
所对应的模板文件，根据处理后的素材替换对应项目，从而生成目标网页。通常，应用直播
网页模板能够为创建者节约时间，所述网页直播模板结构类似于PPT模板，模板中包括了详
细的交互功能、动画效果，创建者仅需提供素材便可以快速生成优秀的直播作品。

[0079] 在一种可选的实施方式中，参考图4，步骤S401在目标网页中引入第一直播控制程序、第二直播控制程序之后，还包括：

[0080] S402，对包含直播控制程序的目标网页进行重构操作。

[0081] 步骤S402中，所述重构操作包括网页结构调整、标签调整、CSS样式调整、脚本调整、加载调整、事件调整、存储调整中的一种或多种。相对于步骤S202来讲，S402步骤中对包
含直播控制程序的目标网页进行重构在于进一步提升直播网页的性能，前者侧重于内容、
显示方面，后者侧重于质量、性能方面。本方法采用了一种自动生成直播网页代码的方式，
因此，进行网页程序代码重构操作更为重要。

[0082] 步骤S402中，所述重构基于程序质量以及性能方面考虑，围绕各种重构目的进行调整，重构的目的包括：使得网页中包含的常用JS库保持最新状态、不存在已抛弃使用的
HTML标签和属性、网页结构布局清晰、网页内容中不存在恶意的广告及链接、程序代码不存
在内存泄露问题、在内容较多网页结构布局清晰的情况下异步加载待讲解的内容、代码静
态检查合格、页面加载顺序合理、网页中不允许包含非法内容、网页本地存储运行正常、调
用数据库正常且连接正常、资源加载在合理的时间范围内、在期望的设备环境下网页显示
正常、不存在与直播控制相冲突的事件等。

[0083] 步骤S402中，所述重构操作基于上述重构目的，调用对应的重构工具或方法，进行网页结构调整、标签调整、CSS样式调整、脚本调整、加载调整、事件调整、存储调整等，综合
达到重构目的。如为使网页结构布局清晰，即需进行网页结构调整，对导航栏、栏目、正文内
容等页面组成元素进行调整和布局(DOM调整)，同时还要进行CSS调整。

[0084] 本申请的其他实施方式中还提供了另一种基于网页快速建立直播的方法，参考图5所示，在该种实施方式中，所述方法包括：

[0085] 步骤S501，读入用于直播交流的目标网页网址；

[0086] 步骤S5021，读入包含iframe标签和第一直播控制程序的第一框架网页，所述第一直播控制程序包含网页操作信息采集功能，将所述目标网页网址添加进所述iframe标签，
并将所述第一框架网页存储并生成为第一链接；读入包含iframe标签和第二直播控制程序
的第二框架网页，所述第二直播控制程序包含解析执行网页操作指令功能，将所述目标网
页网址添加进所述iframe标签，并将所述第二框架网页存储并生成为第二链接。或步骤
S5022，将所述目标网页网址发送至直播网页计算产生服务单元注册，并按照预定规则生成
或按照直播通信服务单元分配产生第一链接、第二链接；所述直播网页计算产生服务单元
在接收到所述第一链接访问请求时，读入包含iframe标签和第一直播控制程序的第一框架
网页，所述第一直播控制程序包含网页操作信息采集功能，并将所述目标网页网址添加进
所述iframe标签并返回；所述直播网页计算产生服务单元在接收到所述第二链接访问请求
时，读入包含iframe标签和第二直播控制程序的第二框架网页，所述第二直播控制程序包
含解析执行网页操作指令功能，并将所述目标网页网址添加进所述iframe标签并返回；

[0087] 步骤S503在所述直播通信服务单元创建第一链接、第二链接之间的通信关系，所述直播通信服务单元为第一链接、第二链接提供直播通信服务。

[0088] 以下，详细介绍本实施方式要点：

[0089] 本实施方式中，步骤S501，读入的用于直播交流的目标网页网址可为一个或多个，当为多个网址时，直播创建者可指定按照一定顺序排列，生成直播后，可以使用内容切换控
制指令在多个内容中进行切换。

[0090] 本实施方式中，参考图6、图7所示，所述第一框架网页和所述第二框架网页已集成直播控制程序，且为目标网页提供了iframe标签，仅需将所述iframe标签中src属性修改为
目标网页网址后即可获得最终的直播网页，本方式通过所述第一框架网页和所述第二框架
网页中包含的iframe标签创建内联框架，在iframe标签中添加所述目标网页网址后，
iframe标签基于目标网页网址调用目标网页，实现目标网页嵌入在框架网页中运行。

[0091] 本实施方式中，所述第一直播控制程序包含网页操作信息采集功能，所述网页操作包括针对网页的常见操作与用于辅助直播的其它操作，其中针对网页的常见操作与图1
所示的实施方式略有不同，由于第一直播控制程序和目标网页在通信时存在跨域限制，第
一直播控制程序无法采集用户对目标网页的部分操作数据(如目标网页内部按钮的点击操
作等)，所以此实施方式仅能提供有限的网页操作(如目标网页滑动、跳转等)。

[0092] 本实施方式中，所述第一直播控制程序在监听到用户输入的内容切换控制指令时，调出可切换的目标网页网址的列表界面，并将用户选择的目标网页网址标识发送至直
播通信服务单元，直播通信服务单元将所述新的目标网页网址和更新指令发送至主播端与
观众端，触发第一框架网页和第二框架网页中iframe标签的地址更新。

[0093] 本实施方式中，所述第一直播控制程序在监听到用户发送的内容更换控制指令后，调出用于输入新的目标网页网址的界面并接收新的目标网页网址，将所述新的目标网
页网址和内容更新请求发送至直播通信服务单元，直播通信服务单元将所述新的目标网页
网址和更新指令发送至主播端与观众端，触发第一框架网页和第二框架网页中iframe标签
的地址更新。

[0094] 同样地，本实施方式在以上内容切换控制指令和内容更换控制指令响应后，在更新过程中不改变所述直播通信服务单元与所述第一链接、所述第二链接之间的通信状态，
不改变所述直播已形成的状态数据。

[0095] 由于本实施方式为主播端、观众端直播网页提供了完整的生成基础(即已集成对应直播控制程序的框架网页，类似于程序模板，且具有一定的成熟度)，在构建过程中，仅需
添加目标网页网址即可生成最终的直播网页，创建过程中，创建者无需提供直播创建要求，
系统无需进行复杂的重构处理，尤其适用于根据已有网址快速建立直播，对目标网页进行
展示讲解，操作交互要求不高的情形。

[0096] 在一种可选的实施方式中，在步骤S602(对应步骤S103或步骤S503)所述直播通信服务单元创建第一链接、第二链接之间的通信关系步骤之前，参考图8所示，还包括以下步
骤：

[0097] S601，接收直播配置要求，并基于所述配置要求配置本次直播通信服务。

[0098] 步骤S601中，所述直播配置要求包括直播时间配置要求、人数限制配置要求、功能权限配置要求、用户限制配置要求、消息发送配置要求中的一种或者多种，直播通信服务单
元接收直播配置要求后，对直播通信服务按照直播配置要求进行配置，例如：设置直播时间
配置要求，以实现根据所述时间配置要求中的起始时间、结束时间建立和断开通信连接；设
置人数限制配置要求，直播通信服务单元检测当前连接的用户人数，对直播人数进行限制；
设置功能权限配置要求，可对直播中的用户功能权限进行限制；设置消息发送配置要求，控
制消息的发送范围、频率、类型等。

[0099] 下面以一方法具体应用场景进行示例性说明和阐述：

[0100] 参考图9至图11，为直播的一个创建示例过程。

[0101] 直播创建第一步，参考图9所示，用户需提供直播标题、简介、介绍图片、运行环境、时间设定、其它设置信息等。其中标题、简介、介绍图片用于邀请链接转发时的链接说明，同
时应用于直播未开启时的引导画面；运行环境比如PC、手机等，该信息还将用作系统内置的
针对目标网页处理规范(如网页素材规范、内容结构规范、内容编排规则、标签规范等)的计
算参考，同时还用作计算最终的重构目的参考；时间设定包括直播的起始时间、结束时间、
计时方式(显示时长或倒计时)等；其它设置信息包括观众人数限制、观众来源区域限制、会
议模式发言人数限制、是否超时自动关闭直播等，该信息用作计算直播配置要求(直播时间
配置要求、人数限制配置要求、功能权限配置要求、用户限制配置要求、消息发送配置要求
等)。

[0102] 以上直播概要信息、配置信息设置完成后，下一步进入直播内容设置。

[0103] 直播内容设置的初始画面，参考图10所示，该页面为用户提供了多种直播内容设置的方式，以充分满足用户的直播创建需求。

[0104] A.从网址创建。该方式接收用户上传的网址作为直播内容创建直播，针对用户已拥有一个或多个网址(如：网站)，需要为他人快速讲解的情形，使用本方式最为适合。

[0105] 该方式同时支持用户上传多个网址的创建方式，当上传多个网址时，需指定一个默认网址作为直播起始内容，同时，用户可指定每个网址的选择顺序(系统默认按照上传顺
序存储为选择顺序)，本方法对用户上传的网址进行存储、排序处理，在直播过程中供用户
切换选择。

[0106] 根据用户对直播内容的处理要求，通过本方式创建直播，用户还可选择一种针对网页内容的处理方式，如：保留原网页、优化处理，前者系统在最大程度上保留原网页显示、
交互内容，后者系统根据网页内容进行优化处理，如调整网页布局、缩放图片等，获得最佳
的显示效果。

[0107] 另外，本方式基于网址的方式创建直播，同时支持图1、图5两种直播生成方法，具体取决于用户上传的网址所指向的网页内容，用户选择从网址创建后，同时询问用户对直
播的交互要求，当不涉及网页内部的事件交互，仅用于浏览讲解(类似PPT讲解)时，系统选
择以图5(使用包含iframe标签的框架网页进行创建)方式创建直播。

[0108] B.从网页创建。该方式与从网址创建非常相似，不同之处在于，用户拥有的不是网址，而是实际的网页文件，上传内容不仅包括网页文件，同时包括网页所引用的资源文件
(图片等)，为方便用户执行上传操作，同时提供了文件夹、压缩包的上传方式。文件上传后，
经目标网页生成处理，根据需要在服务器临时存储生成网络文件。

[0109] 同样地，本创建方式支持多个网页生成直播内容，按照图1、图5所示步骤生成直播。

[0110] C.从其它文件创建。在用户拥有PPT文件、PDF文件、Word文件等的前提下，使用该方式创建非常方便，用户仅需将文件上传，服务端调用相应的转换工具，对上传文件进行转
换网页处理。同时，转换过程中可根据原文件的分页建立网页的内部分页，并建立目录、翻
页导航等，生成与原文件一致的浏览效果，该操作具体根据用户要求而定。

[0111] 该创建方式理论上接收可转换为网页的文件进行转换操作，同时支持多个文件上传、根据用户要求处理目标网页、根据内容交互要求选择图1或图5的直播生成方法等。

[0112] D.从内容、素材创建。从原理上讲，该方式内含了一个根据网页素材自动构建网页的过程，针对手头拥有一些素材的用户(如一组工程图片)，采用该方式简单快捷的生成直
播。创建过程中，用户可以选择不定义生成要求，由系统根据素材的特征进行结构处理、内
容编排，生成目标网页。从直播生成方法上看，采用图1、图5(需要将上传内容、生成的目标
网页存储为网络文件)方法均可。

[0113] E.从模板创建。该方式在以上从内容、素材创建方式的基础上，为用户提供了一种快速创建高质量直播内容的方式。用户可以根据需求选择模板，设置模板中的文字以及更
换模板中包含的素材文件，由于模板提供了专业的设计排版、配色方案、动画效果、交互方
案，应用模板可快速生成风格统一的直播目标网页。同时，模板根据内部的交互特点一般匹
配了最佳的直播生成方法(采用图1或图5方法)。

[0114] 以上直播创建、配置设置、源内容上传完成后，在服务器中存储了本次直播的网页链接或者服务端具有了动态生成直播网页的能力，所生成信息、设置信息还需在直播通信
服务器(即直播通信服务单元)进行注册，注册步骤一般为：在数据库中创建一条提供直播
的记录，包含ID、创建者、直播名称、直播内容简介、直播时间、主播端链接、观众端链接、目
标网页生成方式(动态生成或静态提供)、直播创建方式(如使用包含iframe标签的框架网
页创建方式)、认证方式、用户限制数量、创建时间、其它设置等信息。

[0115] 直播创建完成后，即生成本次直播的主播、观众分享链接，参考图11所示，提供了二维码、链接供创建者分享和进入直播。

[0116] 直播通信服务器根据接收到的主播访问链接，查找到相应的直播创建记录，为该记录建立直播通信服务。

[0117] 主播端与观众端访问对应链接，按照直播创建时设定的时间，当未到开始时间时，显示直播信息画面，包括直播主题、直播内容简介、直播开启倒计时等信息。

[0118] 参考图12、图13，为直播过程中主播端、观众端的一个示例。

[0119] 直播正常开启后，所述主播端页面参考图12所示，页面主要包括：目标网页内容显示区域、直播信息展示区域、快捷工具区域、消息区域、直播控制区域等几个主要区域。

[0120] 目标网页内容显示区域用来显示本次直播讲解的网页内容，即目标网页内容。主播可在目标网页内容显示区域进行网页操作，如滑动、点击、输入、缩放、拖拽、跳转等操作，
与此同时，观众端保持该区域的画面同步。

[0121] 直播信息展示区域用来展示本直播相关信息，如当前直播观众参与人数、当前直播模式、当前发言人、当前发言人视频、时长或计时信息等。

[0122] 快捷工具区域主要包含主播在直播过程中的常用操作工具，如：内容同步开关、视频开关按钮、音频开关按钮、涂鸦操作按钮，其中内容控制开启和关闭目标网页内容显示区
域的画面同步，视频、音频开关控制开启和关闭发送主播视频、音频，涂鸦操作在开启后，目
标网页内容显示区域内针对网页的操作处于无效状态，此时便于在屏幕上进行涂鸦操作，
同时显示详细的涂鸦工具，如涂鸦笔类型切换、颜色切换、线条粗细设置等，涂鸦过程中观
众端画面同样保持同步，涂鸦操作关闭后，恢复针对目标网页内容显示区域内针对网页的
操作。

[0123] 消息区域显示直播过程中主播与观众发送的消息，其中部分消息携带请求指令，如请求发言、发言完毕交回发言权等，通过消息区域可快速启动相关处理。

[0124] 直播控制区域包含直播控制的全部功能，如直播模式切换、内容选择、更换内容、观众管理、设置、停止等。直播模式切换包括普通直播模式、会议模式两种，两者区别在于，
普通直播模式为主播单独发送语音，会议模式允许多个发言人(发言人数量根据设置)同时
发送语音；内容选择，针对上传了多个直播内容的情形，该处可进行内容选择；更换内容为
在直播过程中临时更换新的直播内容，如播放讲解一个新网址时使用，系统会在保持通信
状态不变的前提下，执行新目标网页内容的生成、替换操作；观众管理显示观众列表，其中
包含观众的名称、地区、发言状态、音视频开关状态等信息，管理操作如查看详细信息、拉
黑、屏蔽消息、屏蔽发言、请求发言、收回发言权等，如可在该列表中指定某观众发言，并将
直播权转移；设置功能包括针对直播的其它设置信息，如计时显示模式、关闭观众进入、消
息发送接收范围、直播时间调整、麦克风音量调整、是否记录直播过程数据等；停止功能即
关闭本次直播。

[0125] 直播正常开启后，所述观众端页面参考图13所示，页面主要包括：目标网页内容显示区域、直播信息展示区域、快捷工具区域、消息区域、观众直播控制区域等几个主要区域，
与主播端略同。

[0126] 目标网页内容显示区域用来显示本次直播讲解的网页内容，直播过程中一般与主播端保持画面同步，且该区域的网页操作处于屏蔽状态，仅当在观众端取得直播权的情况
下，方可进行网页操作并同步至其他用户。

[0127] 直播信息展示区域，该区域同主播端基本相同，常规状态下直播发言人的小视频(参考图13左上角)，用户可选择放大、关闭该视频。

[0128] 快捷工具区域，该区域所包含的操作工具及功能与主播端基本相同，在观众取得直播权限时后供内容同步控制、音频开关控制、视频开关控制、涂鸦控制、直播权交回等功
能，在未取得直播权限的情况下，该区域隐藏或将相关按钮置为不可用状态。

[0129] 消息区域，该区域与主播端功能相同，显示消息并可携带请求指令，如“接受发言请求”。

[0130] 观众直播控制区域，该区域包含直播过程中观众直播控制的全部功能，如我要发言、消息、观众列表、退出等。我要发言功能便于观众在直播过程中争取直播权限；消息功能
启动消息发送窗口，并可指定发送至主播或某一观众；观众列表用于查看观众的基本信息。

[0131] 直播通信服务器为直播过程提供服务，同时可记录直播全部过程。直播结束后，主播与观众访问链接，显示直播的简介、直播时长等信息，同时可查看直播回放。

[0132] 本申请提供的基于网页快速建立直播的方法，可以基于多种类型的源内容快速建立直播，访问本方法生成的链接后即可快速开始直播，无需下载额外的软件或插件，也无需
学习直播软件相关的操作知识，简化流程并降低了使用成本。同时，本方法提供多种辅助直
播工具，主播端与观众端画面实时同步，提升了主播与观众之间的互动性，有助于观众更好
的理解直播内容。另外，直播过程中产生的数据，相对于传统直播的视频流数据而言，传输
量要小很多且可达到无损的效果，有利于实现快速传输。

[0133] 虽然以上结合附图和实施例对本发明进行了具体说明，但是可以理解，上述说明不以任何形式限制本发明。本领域技术人员在不偏离本发明的实质精神和范围的情况下可
以根据需要对本发明进行变形和变化，这些变形和变化均落入本发明的范围内。