CN110457623A - 网页帧的获取方法、服务器及存储介质 - Google Patents

Abstract

本发明实施例涉及网络技术领域，公开了一种网页帧的获取方法、服务器及存储介质。本发明中，根据网页地址实时获取网页快照数据；以预设的缓存模式缓存获取的网页快照数据；其中，缓存模式至少包括周期缓存模式；周期缓存模式用于缓存一个周期内的网页快照数据；根据预设的缓存模式缓存的网页快照数据获取目标网页帧。这样做以特定的缓存方式对特殊网页快照数据进行缓存，并从缓存的网页快照数据中获取网页帧，提高了根据特殊网页快照数据获取目标网页帧的效率。

Description

网页帧的获取方法、服务器及存储介质

技术领域

本发明实施例涉及网络技术领域，特别涉及一种网页帧的获取方法、服务器及存储介质。

背景技术

随着HTML5、JavaScript等技术的发展以及各种浏览器前端技术的不断出现，网页帧中涵盖的内容呈现的效果越来越好，用户可以从网络中获取内容丰富的网页帧，并将获取的网页帧应用在日常生活中，比如，将获取的网页帧所涵盖的内容作为表情包发送给好友，等等。在获取网页帧时需要将网页快照数据缓存，目前的缓存方式通常为，在网页渲染过程中对网页快照数据进行缓存，在用户需要获取网页帧时对缓存的网页快照数据进行处理，从而得到用户想要的网页帧。

发明人发现相关技术中至少存在如下问题：目前对网页快照数据的缓存方式单一，无法提高网页帧的获取效率。

发明内容

本发明实施方式的目的在于提供一种网页帧的获取方法、服务器及存储介质，以提高网页帧的获取效率。

为解决上述技术问题，本发明的实施方式提供了一种网页帧的获取方法，应用于服务器，包括：获取网页地址；根据网页地址实时获取网页快照数据；以预设的缓存模式缓存获取的网页快照数据；其中，缓存模式至少包括周期缓存模式；周期缓存模式用于缓存一个周期内的网页快照数据；根据以预设的缓存模式缓存的网页快照数据获取目标网页帧。

本发明的实施方式还提供了一种服务器，包括：至少一个处理器；以及，与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行上述网页帧的获取方法。

本发明的实施方式还提供了一种存储介质，存储有计算机程序，计算机程序被处理器执行时实现上述网页帧的获取方法。

本发明实施方式相对于现有技术而言，在根据获取的网页地址实时获取网页快照数据之后，以预设的周期缓存模式缓存网页快照数据，周期缓存模式可以缓存一个周期内的网页快照数据，使得针对呈周期性特性的网页快照数据，无需对第二个周期内的网页快照数据进行缓存，只需在第一个周期内的网页快照数据中获取对应的网页快照数据，从而提高根据网页快照数据获取目标网页帧的效率。

另外，根据以预设的缓存模式缓存的网页快照数据获取目标网页帧，具体包括：将缓存的网页快照数据解码，得到网页帧；根据缓存的网页快照数据的时间戳，在网页帧中选取目标网页帧。这样做可以一次性解码全部缓存的网页快照数据，此后无需再次进行解码操作，大大减少了解码的次数。

另外，根据以预设的缓存模式缓存的网页快照数据获取目标网页帧，具体为：根据缓存的网页快照数据的时间戳在缓存的网页快照数据中选取目标数据；将选取的目标数据进行解码，得到目标网页帧。这样做每次只需针对选取目标数据进行解码，解码后即获取目标网页帧，无需在解码的数据中进行选取便可直接获取目标网页帧。

另外，在得到所述目标网页帧之后，还包括：删除所选取的目标数据。在选取的目标数据解码后得到目标网页帧之后，删除所解码的目标数据，减少了网页快照数据占用的内存。

另外，以预设的缓存模式缓存获取的网页快照数据，具体包括：根据网页地址在预设的多个缓存模式中选取目标缓存模式；以选取的所述目标缓存模式，缓存所述获取的网页快照数据。在每次根据网页地址获取网页帧时，可以根据网页地址在预先存储的多个缓存模式中选择适合本次网页快照数据的缓存模式，使每次缓存网页快照数据的缓存模式均为适合网页快照数据的缓存模式。

另外，多个缓存模式还包括：单缓存模式；若所述目标缓存模式为单缓存模式，则所述以选取的所述目标缓存模式，缓存所述获取的网页快照数据，具体包括：缓存一个网页快照数据；将缓存的网页快照数据进行解码，得到目标网页帧；在利用周期缓存模式进行缓存的同时，还可以通过单缓存模式对网页快照数据进行缓存。

另外，在得到目标网页帧之后，还包括：将缓存的网页快照数据删除。这样做可以减少缓存的网页快照数据占用的内存。

另外，目标网页帧用于与预先获取的输入视频进行合成；在获取目标网页帧之后，在目标网页帧与预先获取的输入视频进行合成之间，还包括：将目标网页帧的像素格式与待合成视频的像素格式调整为一致的像素格式。这样做可以将获取的目标网页帧与待合成视频进行合并，从而在待合成视频中添加文字、图片及动画效果，丰富待合成视频的视频画面，使待合成视频的视频效果更加生动。

附图说明

一个或多个实施例通过与之对应的附图中的图片进行示例性说明，这些示例性说明并不构成对实施例的限定，附图中具有相同参考数字标号的元件表示为类似的元件，除非有特别申明，附图中的图不构成比例限制。

图1是根据本发明第一实施方式中的网页帧的获取方法的流程图；

图2是根据本发明第一实施方式中的获取网页快照数据的流程图；

图3是根据本发明第一实施方式中对浏览器的状态以及与浏览器的连接情况进行监控的流程图；

图4是根据本发明第二实施方式中的网页帧的获取方法的流程图；

图5是根据本发明第二实施方式中在缓存数据尚未达到一个周期时的网页帧的获取方法的流程图；

图6是根据本发明第三实施方式中的网页帧的获取方法的流程图；

图7是根据本发明第四实施方式中的网页帧的获取方法的流程图；

图8是根据本发明第五实施方式中的网页帧的获取方法的流程图；

图9是根据本发明第六实施方式中的服务器的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的各实施方式进行详细的阐述。然而，本领域的普通技术人员可以理解，在本发明各实施方式中，为了使读者更好地理解本申请而提出了许多技术细节。但是，即使没有这些技术细节和基于以下各实施方式的种种变化和修改，也可以实现本申请所要求保护的技术方案。

以下各个实施例的划分是为了描述方便，不应对本发明的具体实现方式构成任何限定，各个实施例在不矛盾的前提下可以相互结合相互引用。

本发明的第一实施方式涉及一种网页帧的获取方法，获取网页地址；根据网页地址实时获取网页快照数据；以预设的缓存模式缓存获取的网页快照数据；其中，缓存模式至少包括周期缓存模式；所述周期缓存模式用于缓存一个周期内的网页快照数据；根据预设的缓存模式缓存的网页快照数据获取目标网页帧，从而提高根据特定的网页快照数据获取网页帧的效率，具体流程如图1所示。

步骤101，获取网页地址。具体地说，获取的网页地址可以是百度或优酷视频等互联网的网页地址，也可以是包含特定网页帧的模板地址。模板地址中包含的特定网页帧具体为某些特定的布局效果或元素，具有固定的布局风格及元素排版。

步骤102，根据网页地址实时获取网页快照数据。具体地说，服务器在获取网页快照数据时，可以控制浏览器访问预设网页地址，控制浏览器渲染网页画面并获取网页快照数据。在控制浏览器访问预设网页地址时，所控制的浏览器需支持开发工具调试协议，比如谷歌浏览器的devtools协议等，服务器通过开发工具调试协议可以控制浏览器行为，并获得浏览器页面和网络等相关信息。本实施方式中获取的网页快照数据具体为周期性特性的网页快照数据，由于网页快照数据解码后会得到一个或多个网页帧，如果网页帧内的画面不同，则该网页帧对应的解码的网页快照数据也不同，而两个网页帧内的画面完全相同，则网页帧对应的两个网页快照数据也完全相同。现在有一组网页帧，第一个网页帧至第五个网页帧内的画面均不相同，但是第六个网页帧的画面与上述第一个网页帧的画面完全相同，第七个网页帧的画面与上述第二个网页帧的画面完全相同，等等，第十个网页帧的画面与上述第五个网页帧的画面完全相同，第十一个网页帧的画面再次与第一个网页帧的画面相同，以此类推，这一组网页帧对应的解码的网页快照数据即为本实施方式中具有周期性特性的网页快照数据。

以下针对控制浏览器渲染网页画面并获取网页快照数据进行说明，其过程如图2所示。

步骤201，启动浏览器并与浏览器建立通信连接。具体地说，根据需要设置调试端口、安全选项等调试相关参数，启动浏览器进程，同时根据开发工具调试协议的通信协议，建立与浏览器的通信连接，从而实现向浏览器发送控制指令，控制浏览器的行为并且获得浏览器行为的相关信息。

步骤202，设置浏览器的页面属性。具体地说，为了将目标网页帧合成到待合成视频中，需要设置浏览器页面的相关属性，所设置的页面属性主要包括分辨率、背景颜色信息和交互设置等，以保证网页快照数据满足预设的页面属性。在具体实施过程中，通常将浏览器页面的分辨率设置为和输出视频画面的分辨率相同，背景颜色可以设置为透明色，这样做使获得的网页快照数据，除文字、动画以及输入框等网页页面元素外，网页背景部分是透明的，从而方便将获取的目标网页帧与待合成视频进行合成，减少在合成之前对获取的网页截图的处理。另外，网页中的人机交互的相关的操作，可能会影响获取网页快照数据的质量，因此在具体实施过程中，可以设置禁止人机交互相关操作，例如禁止网页弹出对话框或网页不显示滚动条等。

步骤203，访问指定网址。具体地说，在将网页相关属性设置完成后，即可进行访问预设网页地址获取网页快照数据的操作，服务器根据预设的网页地址向浏览器发送访问指定网址的控制指令，浏览器在收到该控制指令后，将访问指定的网址。

步骤204，追踪和处理页面过程与网络过程。具体地说，在浏览器访问指定网页地址的同时，使用开发工具调试协议向浏览器发送追踪页面过程和网络过程的指令，并接收处理相应的页面过程和网络过程相关的信息。所述页面过程包括：页面的创建、页面开始加载以及加载完成等过程和相关事件；所述网络过程包括：网络请求的开始、网络请求失败、网络请求成功和数据接收等过程和相关事件。通过追踪页面过程和网络过程，可以知道指定网页是否访问成功。

步骤205，判断页面是否访问成功，若判断结果为是，则进入步骤206；若判断结果为否，则返回步骤203。具体地说，如果访问失败，则可以进行一定次数的重试，如果重试多次后仍然失败，则反馈给外部错误信息并停止本过程。如果访问成功，那么可以在页面加载完成时进行页面截图操作，获取截图数据，并将截图数据作为网页快照数据保存，以保证截取的网页快照数据为有效数据。

步骤206，开启截图。具体地说，在追踪到页面访问成功且页面加载完成后，即可以向浏览器发送截图指令，获取浏览器返回的当前时刻的网页页面的截图，作为当前网页的快照数据。由于网页的画面内容可能是不断变化的，也可能在某段时间内没有变化，针对不同的画面内容，需要采用不同的截图方式，以便可以在获取网页快照数据的同时节省资源的消耗。

在网页的画面内容不断变化，比如网页可能包含动画或滚动的文字等时，可以定时地向浏览器发送截图指令，以获得最新的画面内容。定时的间隔可以根据待合成视频画面的帧率进行设置，比如待合成视频画面的帧率是每秒25帧时，那么一帧的持续时间就是1/25＝0.04秒即40毫秒。意味着每隔40毫秒就会有一帧输入视频帧。因为我们需要将网页内容合成到输入视频中，而每隔40毫秒就有一个输入视频帧，那么每隔40毫秒同时也就需要一个网页帧。所以可以将间隔时间设置为40毫秒，从而实现待合成视频的每一帧都可以对应一个网页内容截图。如果网页画面内容在某段时间内没有变化时，可以在这段时间内只获取一次网页快照数据即可，可以通过开发工具调试协议向浏览器请求，设置当网页页面内容发生变化时，浏览器才主动返回新的画面截图数据。这样做无需设定一个间隔时间定时向浏览器发送截图指令，只需要向浏览器请求一次，即可使得当网页页面内容有变化时浏览器主动返回最新变化的网页页面内容的截图，避免截取重复的网页内容。

步骤207，接收截图数据并标记时间戳。具体地说，在向浏览器发送截图指令后，浏览器会在接下来的过程中返回网页页面的截图数据。由于网页一般是动态的，因此会不断地生成最新的网页页面截图数据，为了区分不同时刻的截图数据，需要对截图数据进行时间戳标记。若浏览器在返回网页页面截图数据的时候，同时返回浏览器渲染该截图数据对应的画面时刻的时间戳，则将接收到的浏览器传回的时间戳设置为该截图数据的时间戳。若浏览器返回网页页面截图数据时不附带对应的时间戳，则可以将收到浏览器返回该网页页面截图数据时刻的系统时间戳作为该截图数据的时间戳，将标记了时间戳的网页页面截图数据作为当前时刻的网页快照数据保存。

步骤208，输出快照数据。

另外，在启动浏览器后，对浏览器的状态以及与浏览器的连接情况进行监控。具体如图3所示。

步骤301，对浏览器状态和连接情况进行监控。

步骤302，判断浏览器是否异常结束，若判断结果为是，则进入步骤305后返回301；若判断结果为否，则进入步骤303。

步骤303，判断连接是否断开，若判断结果为是则进入步骤304；若判断结果为否，则返回步骤301。

步骤304，重新建立连接。

步骤305，启动浏览器并建立连接。

具体地说，在通过开发工具调试协议控制浏览器并获得网页页面截图数据的过程中，需要对浏览器进行监控并且对与浏览器的连接进行监控。如果浏览器正常运行但是监控到与浏览器的连接异常断开，则需要重新建立和浏览器的通信连接后，再继续原来的控制指令发送和响应接收操作。如果监控到浏览器异常结束，则需要重新启动浏览器，并再次检测浏览器的状态及与浏览器的连接情况。

在实际应用中，通过控制浏览器渲染网页并获取网页页面截图时，浏览器只需要渲染出网页内容，获得网页页面的截图数据，不需要将网页内容显示在屏幕中，因此可以设置浏览器为无图形界面模式，浏览器不会创建显示窗口，从而能够脱离图形界面的依赖，使上述获取网页快照数据的方放同样适用于没有图形界面环境的服务器端。另外，由于没有创建可见窗口，因此能够降低资源消耗。

在获取网页快照数据之后，执行步骤103，以预设的缓存模式缓存获取的网页快照数据。具体地说，在上述说明中具体说明了本实施方式中获取的网页快照数据的周期性，针对这种网页快照数据预设的缓存模式也具有一定的特殊之处，假设获取的网页快照数据解码后重复网页帧的数量为5帧，即第六帧网页帧与第一帧网页帧的网页画面相同，那么以预设缓存模式对网页快照数据进行缓存，也就是将第一帧网页帧至第五帧网页帧对应的网页快照数据缓存，这种缓存模式称为周期缓存模式。

步骤104，根据预设的缓存模式缓存的网页快照数据获取目标网页帧。具体地说，在缓存的网页快照数据中获取目标网页帧，可以将缓存的网页快照数据全部解码后，在解码后的网页帧中选取目标网页帧，这样做只需解码一次，减少了解码的动作；也可以先在网页快照数据中选择目标数据，再将目标数据解码得到目标网页帧，这样做解码时解码的网页快照数据需要占用的内存较少。

本发明实施方式相对于现有技术而言，在根据获取的网页地址实时获取网页快照数据之后，以预设的周期缓存模式缓存网页快照数据，周期缓存模式可以缓存一个周期内的网页快照数据，使得针对呈周期性特性的网页快照数据，无需对第二个周期内的网页快照数据进行缓存，只需在第一个周期内的网页快照数据中获取对应的网页快照数据，从而提高根据网页快照数据获取目标网页帧的效率。

本发明的第二实施方式涉及一种网页帧的获取方法。在本发明第二实施方式中，对周期缓存模式的其中一种缓存方式进行具体说明，如图4所示。

步骤401，获取网页地址。

步骤402，根据网页地址实时获取网页快照数据。

步骤403，以周期缓存模式缓存获取的网页快照数据。

步骤404，将缓存的网页快照数据解码，得到网页帧。

步骤405，根据时间戳在网页帧中选取目标网页帧。

具体地说，一次性将所有缓存的网页快照数据解码，再对解码后的全部裸视频帧进行必要的像素格式转换后，形成一个网页帧列表，列表中每个网页帧的时间戳为对应的生成该网页帧的网页快照数据的时间戳，在网页帧列表中逐一挑选目标网页帧。这样做能够一次性解码完所有缓存的网页快照数据，在此后的过程中无需再次解码网页快照数据，只需要从网页帧列表中按照待合成视频帧的时间戳选择目标网页帧即可。可见，这种周期缓存模式的实施方式能够节省解码和格式转换所带来的计算资源消耗。

上述说明是针对周期缓存模式下缓存一个周期的网页快照数据后，根据缓存的网页快照数据获取目标网页帧的过程，以下具体针对缓存的网页快照数据未达到一周期网页快照数据的情况下，根据缓存的网页快照数据得到目标网页帧的过程进行说明，具体如图5所示。

步骤501，缓存接收的网页快照数据。

步骤502，解码最新的网页快照数据，得到目标网页帧。

步骤503，输出目标网页帧。

具体地说，在缓存数据未达到一个周期时，则将最新缓存的网页快照数据进行解码，从而得到目标网页帧。这样做在缓存过程中也可以输出网页帧，无需等待缓存数据满足一个周期，可以节省等待缓存的时间。

本发明的第三实施方式涉及一种网页帧的获取方法。第三实施方式将第一实施方式进一步细化，主要细化之处在于：在本发明第三实施方式中，对周期缓存模式的另外一种缓存方式进行具体说明，如图6所示。

步骤601，获取网页地址。

步骤602，根据网页地址实时获取网页快照数据。

步骤603，以周期缓存模式缓存获取的网页快照数据。

步骤604，根据时间戳在缓存的网页快照数据中选取目标数据。

步骤605，将选取的目标数据解码，得到目标网页帧。

具体地说，在以周期缓存模式缓存一个周期的网页快照数据后，停止网页的渲染过程，在缓存的网页快照数据中选择所需的网页快照数据进行解码，从而得到目标网页帧。在选择目标数据时可以根据时间戳决定所选择的目标数据，例如，若目标网页帧需要与待合成视频进行合并，则根据待合成视频的时间戳决定目标数据。选择网页快照数据的规则具体如下：假设缓存的网页快照数据按照时间戳从小到大排列依次为WTS₁，WTS₂，……WTS_n，时间戳为WTS₁和WTS_n的网页快照数据所对应的网页画面内容为相同的网页画面内容，代表一个周期的开始和结束，由此可知缓存的网页快照数据对应的网页画面持续时间T为T＝WTS_n-WTS₁。以上述将目标网页帧与待合成视频进行合并为例，假设开始将目标网页帧合成到直播输出画面时，待合成视频帧的时间戳为ITS₁，那么当待合成视频帧的时间戳为ITS_k时，从缓存的网页快照中，按照时间戳从大到小的顺序寻找第一个满足时间戳小于或等于mod(ITS_k-ITS1，T+WTS1的网页快照数据，作为目标数据进行解码，得到目标网页帧，将目标网页帧与待合成视频帧一起合成最终的输出画面。上述mod代表广义的求余数操作，即对于两个正数x和y，mod(x，y)为一个大于或等于0且小于y的数使得存在一个非负整数p满足x＝p*y+mod(x，y)。为了减少内存的占用率，在实际应用中可以在将目标数据解码，得到目标网页帧之后，将目标数据删除，从而减少了缓存的网页快照数据占用的内存。

上述说明是针对周期缓存模式下缓存一个周期的网页快照数据后，根据缓存的网页快照数据获取目标网页帧的过程，针对缓存的网页快照数据未达到一周期网页快照数据的情况下，根据缓存的网页快照数据得到网页帧的过程与第二实施方式中步骤501至503一致，在此不再赘述。

本发明的第四实施方式涉及一种网页帧的获取方法。第四实施方式将第一实施方式进一步细化，主要细化之处在于：在本发明第四实施方式中，还包括单缓存模式，如图7所示。

步骤701，获取网页地址。

步骤702，根据网页地址在预设的多个缓存模式中选取目标缓存模式。

步骤703，以单缓存模式缓存获取的网页快照数据。

步骤704，缓存一个网页快照数据。

步骤705，将缓存的网页快照数据解码，得到网页帧。

步骤706，将网页帧作为目标网页帧。

具体地说，以单缓存模式缓存网页快照数据时，只需缓存最新的一个网页快照数据，并将缓存的一个网页快照数据解码，得到网页帧，判断得到的网页帧与目标网页帧是否一致，若一致，则将获取到的网页帧作为目标网页帧，若不一致，则获取下一个网页快照数据，并将之前缓存的网页快照数据删除，保证缓存的网页快照数据总是为最近得到的那一个网页快照数据。

本发明的第五实施方式涉及一种网页帧的获取方法。在本发明第五实施方式中，将获取的目标网页帧与待合成视频的像素格式做出了调整，具体如图8所示。

步骤801，获取网页地址。

步骤802，根据网页地址实时获取网页快照数据。

步骤803，以预设的缓存模式缓存获取的网页快照数据。

步骤804，根据预设的缓存模式缓存的网页快照数据获取目标网页帧。

步骤805，将目标网页帧的像素格式与待合成视频的像素格式调整为一致的像素格式。具体地说，当待合成视频的像素格式和目标网页帧不一致时，需要进行像素格式的转换，这样做可以使目标网页帧与待合成视频能够在像素级别上对两者按照一定的合成模式进行合成操作。例如：待合成视频格式最为常见的是YUV420P格式，而网页快照数据是PNG图像，网页快照数据解码后的裸视频帧为RGB24格式。此时需要将RGB24格式的网页帧进行像素格式化转换，转换为YUV420P格式后，与待合成视频一起合成最终输出视频。

另外，在获得目标网页帧之后，可以通过对目标网页帧进行抠图，得到最终与待合成视频进行合并的网页内容。具体地说，如果目标网页帧的网页页面的背景色不是透明色，则需要对目标网页帧进行抠图处理。抠图处理可以预先设定一种或多种颜色(一般是背景颜色)，如果目标网页帧画面中某个像素点的颜色和设定颜色接近程度在一定范围内，则将该像素点设置为全透明。这样做可以保留目标网页帧中有意义的页面元素所对应的画面部分，最终合成到待合成视频中。

步骤806，将目标网页帧与待合成视频合并。

具体地说，待合成视频可以是由摄像机拍摄、屏幕采集或者解码源视频等途径得到的视频。将上述获取的目标网页帧与待合成视频进行合成，丰富待合成视频的画面内容，增强视频的表现力。例如，目标网页帧可以是包含一种特效，一段文字或一张图片等的网页帧，将获取的目标网页帧合并至待合成视频的指定位置，经过合成操作后，最终的输出视频画面中同时包含了待合成视频的内容以及目标网页帧包含的内容。由于在待合成视频中合成的目标网页帧的数量可能为多个，每个合成的目标网页帧可以是不同的，也就是说，获取目标网页帧的网页地址可以在待合成视频的播放过程中实时更改。例如，在待合成视频的第2分钟需要合成第一个目标网页帧，第一个目标网页帧是从百度网页中获取的，在待合成视频的第4分钟需要合成第二个目标网页帧，而第二个目标网页帧是从优酷视频网页中获取的，那么在待合成视频播放的第2分钟，获取百度的网页地址，进而获取百度网页的网页快照数据，根据网页快照数据得到第一个目标网页帧，并将获取的第一个目标网页帧与待合成视频的第2分钟的视频帧进行合并，这时用户观看的输出视频即为合并了第一个目标网页帧的待合成视频。在视频播放至第4分钟时，获取优酷视频的网页地址，进而获取优酷网页的网页快照数据，根据网页快照数据得到第二个目标网页帧，将获取的第二个目标网页帧与待合成视频的第4分钟的视频帧进行合并，这时用户观看的输出视频即为合并了第二个目标网页帧的待合成视频。从输出视频画面中可以观看到待合成视频画面叠加了这些网页特效效果，使得直播画面更为生动形象。

在实际应用中，输出视频可以为直播视频，也可以为用户点播的视频。若该输出视频为直播视频，则可以利用流媒体服务器，在直播过程对直播视频进行缓存，并在需要进行合成操作时获取目标网页帧，将目标网页帧与缓存的直播视频进行合成，最终将合成后的直播视频输出。若该输出视频为点播视频，则在服务器对点播视频转码过程中获取目标网页帧，并将目标网页帧与点播视频合成，最终将合成后的点播视频输出。

在将目标网页帧与待合成视频帧合并时，可以将目标网页帧作为前景画面，待合成视频帧作为背景画面进行合成。也就是说如果在输出画面的某个区域中待合成视频和目标网页帧的画面内容有重叠，那么目标网页帧的画面将会遮挡待合成视频的画面，也可以理解为待合成视频的画面在下方，目标网页帧画面在上方。同样，在将目标网页帧与待合成视频合并时，还可以将目标网页帧作为背景画面，待合成视频作为前景画面进行合成，也就是说待合成视频的画面在上方，目标网页帧放在下方。

根据目标网页帧在最终合成的输出画面中的大小，可以将合成方式分为全画面合成和区域合成。全画面合成是指，目标网页帧在最终直播输出画面中的占用面积等于直播输出画面的面积，即目标网页帧铺满整个直播输出画面；区域合成是指目标网页帧在最终直播输出画面中的占用面积小于直播输出画面的面积，即目标网页帧只占据直播输出画面的一部分区域。

在实际应用中，假设输出画面的分辨率为W_o*H_o，即直播输出画面的宽为W_o个像素、高为H_o个像素。一般而言，最终直播输出画面的分辨率大小和待合成视频帧的分辨率大小一致。设目标网页帧在直播输出画面中的位置为(p，q)，大小为W_w*H_w，即目标网页帧在输出视频画面中的宽为W_w个像素、高为H_w个像素，且目标网页帧左上角像素点位于输出视频画面左上角像素点右侧p个像素点、下方q个像素点的距离。假设目标网页帧中每个像素点的透明度归一化到[0，1]区间，其中透明度为0代表全透明，透明度为1代表完全不透明。使目标网页帧和待合成输出视频帧合成最终直播输出画面的步骤如下：

首先，对待合成的网页内容进行缩放。若合成方式为全画面合成，则在目标网页帧的分辨率大小与输出视频画面的分辨率大小不一致时，将目标网页帧缩放到和输出视频画面一样的大小，即使得W_w＝W_o，H_w＝H_o；若合成方式为指定区域合成，则根据配置的区域大小，将目标网页帧缩放到适配指定的区域大小。

其次，对目标网页帧和待合成视频的各像素点的透明度进行调节，并将调节后的目标网页帧和待合成视频的各像素点进行合成。在合成方式为全画面合成时，设最终合成的输出视频画面中的像素点为Out_i，j，其中i和i分别为像素点在水平和竖直方向的位置索引，i代表像素点在水平方向上距离输出视频画面左上角像素点的偏移，i代表像素点在竖直方向上距离输出视频画面左上角像素点的偏移，0≤i＜W_o且0≤j＜H_o。最终的输出视频画面中的各像素点的像素值通过以下公式进行计算：

Out_i，j＝(1-α_i，j)*In_i，j+α_i，j*Web_i，j，

其中，α_i，j为缩放后的目标网页帧中位置为(i，j)的像素点的透明度值。In_i，j为待合成视频中位置为(i，j)的像素点的像素值，Web_i，j为缩放后的目标网页帧中位置为(i，j)的像素点的像素值。

特别的，当目标网页帧每个像素的透明度只有全透明和完全不透明两种情况时，即α_i，j的取值只有0和1两种情况时，输出视频画面中各像素点的像素值为

由上述公式可知，如果缩放后的目标网页帧中某个像素点完全不透明，则直播输出画面中相应位置的像素点的像素值为缩放后的目标网页帧中该像素点的像素值；如果缩放后的目标网页帧中某个像素点完全透明，则输出视频画面中相应位置的像素点的像素值为待合成视频帧中相应位置的像素点的像素值。如果目标网页帧中全透明的像素点是对目标网页帧中的背景颜色进行抠图得到的，或者是在使用浏览器渲染网页页面画面时，将网页的背景颜色设置为了透明色而得到的，那么最终输出视频画面中只有网页页面中的动画、元素等非背景部分保留了下来，叠加到了待合成视频帧的上方。

另外，在合成方式为指定区域合成时，在最终合成的输出视频画面中，除了指定的缩放后的目标网页帧所占据的区域，其它区域的像素点的值等于待合成视频对应位置像素点的值。在指定的缩放后的目标网页帧所占据的区域，采用和全画面合成类似的合成方法。最终的直播输出画面中各像素点的像素值为

区域S为输出视频画面中，指定的缩放后的目标网页帧所占据的区域，即满足以下限制条件的区域：

p≤i＜p+W_w且q≤j＜q+H_w。

值得一提的是，以上实例为了对本发明实施方式的合成原理进行具体说明所做的假设，在实际生活中不限于上述合成方式，可以根据具体的需求，进行不同的合成方案。比如最终输出视频画面的分辨率也可以不等于待合成视频帧的分辨率，此时需要对待合成视频进行类似目标网页帧的缩放；再比如也可以把待合成视频作为前景画面，目标网页帧作为背景画面；或者待合成视频并不铺满整个输出视频画面，只占据最终输出视频画面的某个区域，此时需要将待合成视频根据区域位置合成到指定区域内，无需铺满整个输出视频画面。

上面各种方法的步骤划分，只是为了描述清楚，实现时可以合并为一个步骤或者对某些步骤进行拆分，分解为多个步骤，只要包括相同的逻辑关系，都在本专利的保护范围内；对算法中或者流程中添加无关紧要的修改或者引入无关紧要的设计，但不改变其算法和流程的核心设计都在该专利的保护范围内。

本发明第六实施方式涉及一种服务器，如图9所示，包括至少一个处理器901；以及，与至少一个处理器901通信连接的存储器902；其中，存储器902存储有可被至少一个处理器901执行的指令，指令被至少一个处理器901执行，以使至少一个处理器901能够执行上述网页帧获取方法。

其中，存储器902和处理器901采用总线方式连接，总线可以包括任意数量的互联的总线和桥，总线将一个或多个处理器901和存储器902的各种电路连接在一起。总线还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路连接在一起，这些都是本领域所公知的，因此，本文不再对其进行进一步描述。总线接口在总线和收发机之间提供接口。收发机可以是一个元件，也可以是多个元件，比如多个接收器和发送器，提供用于在传输介质上与各种其他装置通信的单元。经处理器处理的数据通过天线在无线介质上进行传输，进一步，天线还接收数据并将数据传送给处理器901。

处理器901负责管理总线和通常的处理，还可以提供各种功能，包括定时、外围接口、电压调节、电源管理以及其他控制功能。而存储器902可以被用于存储处理器901在执行操作时所使用的数据。

本发明第七实施方式涉及一种计算机可读存储介质，存储有计算机程序。计算机程序被处理器执行时实现上述方法实施例。

即，本领域技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

本领域的普通技术人员可以理解，上述各实施方式是实现本发明的具体实施例，而在实际应用中，可以在形式上和细节上对其作各种改变，而不偏离本发明的精神和范围。

Claims (10)

1.一种网页帧的获取方法，应用于服务器，其特征在于，包括：

获取网页地址；

根据所述网页地址实时获取网页快照数据；

以预设的缓存模式缓存所述获取的网页快照数据；其中，所述缓存模式包括周期缓存模式；所述周期缓存模式用于缓存一个周期内的网页快照数据；

根据以所述预设的缓存模式缓存的网页快照数据获取目标网页帧。

2.根据权利要求1所述的网页帧的获取方法，其特征在于，所述根据以所述预设的缓存模式缓存的网页快照数据获取目标网页帧，具体包括：

将所述缓存的网页快照数据解码，得到网页帧；

根据所述缓存的网页快照数据的时间戳，在所述网页帧中选取目标网页帧。

3.根据权利要求1所述的网页帧的获取方法，其特征在于，所述根据以所述预设的缓存模式缓存的网页快照数据获取目标网页帧，具体为：

根据所述缓存的网页快照数据的时间戳在所述缓存的网页快照数据中选取目标数据；

将所述选取的目标数据进行解码，得到所述目标网页帧。

4.根据权利要求3所述的网页帧的获取方法，其特征在于，在所述得到所述目标网页帧之后，还包括：

删除所述选取的目标数据。

5.根据权利要求1所述的网页帧的获取方法，其特征在于，所述以预设的缓存模式缓存所述获取的网页快照数据，具体包括：

根据所述网页地址在预设的多个缓存模式中选取目标缓存模式；

以选取的所述目标缓存模式，缓存所述获取的网页快照数据。

6.根据权利要求5所述的网页帧的获取方法，其特征在于，所述多个缓存模式至少包括：单缓存模式；

若所述目标缓存模式为单缓存模式，则所述以选取的所述目标缓存模式，缓存所述获取的网页快照数据，具体包括：

缓存一个网页帧对应的网页快照数据；

将所述缓存的网页快照数据进行解码，得到所述目标网页帧。

7.根据权利要求6所述的网页帧的获取方法，其特征在于，在所述得到所述目标网页帧之后，还包括：

将缓存的所述网页快照数据删除。

8.根据权利要求1至7中任一项所述的网页帧的获取方法，其特征在于，所述目标网页帧用于与预先获取的输入视频进行合成；

在所述获取目标网页帧之后，在所述目标网页帧与预先获取的输入视频进行合成之间，还包括：

将所述目标网页帧的像素格式与待合成视频的像素格式调整为一致的像素格式。

9.一种服务器，其特征在于，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如权利要求1至8中任一所述的网页帧的获取方法。

10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至8中任一项所述的网页帧的获取方法。