一种web页面的视频获取方法、存储介质和电子设备技术

本申请提供一种web页面的视频获取方法，应用于服务端，包括：接收移动终端发送的视频获取请求，确定视频获取请求对应的目标页面；在服务端加载目标页面，并截取目标页面包含的视频素材数据；对视频素材数据配置音频数据，得到视频数据；向移动终端返回视频数据，以响应视频获取请求。本申请不必在移动终端执行视频的实时生成过程，直接在服务端完成视频数据的加载和生成，降低对于移动终端的内存和CPU等资源的占用，同时生成的视频数据便于存储，在web页面生成视频时更加稳定持久，便于对接不同社交软件进行发布推广，本申请还提供一种计算机可读存储介质和电子设备，具有上述有益效果。效果。效果。

【技术实现步骤摘要】
一种web页面的视频获取方法、存储介质和电子设备


[0001]本申请涉及计算机应用领域，特别涉及web页面的视频获取方法、计算机可读存储介质和电子设备。

技术介绍

[0002]当前，在应用端若需要生成视频，需要反复获取用户权限，且视频生成过程及时性较差。同时，若web页面的视频如果有用css3技术实现动效，在移动终端加载视频容易使得有些动画不会引起dom属性的变化，导致视频还原不完整，时常出现音频获取存在延迟，甚至没有获取当前音频流等情况。同时该视频加载过程对用户系统内存和CPU资源占用较大，性能较差，甚至可能存在兼容性问题，极易导致播放卡顿甚至无法播放，极大地影响用户体验。

技术实现思路

[0003]本申请的目的是提供一种web页面的视频获取方法、计算机可读存储介质和电子设备，能提高在web端观看视频的用户体验。
[0004]为解决上述技术问题，本申请提供一种web页面的视频获取方法，应用于服务端，具体技术方案如下：
[0005]接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面；
[0006]在服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据；
[0007]对所述视频素材数据配置音频数据，得到视频数据；
[0008]向所述移动终端返回所述视频数据，以响应所述视频获取请求。
[0009]可选的，所述接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面包括：
[0010]接收移动终端发送的视频获取请求，解析所述视频获取请求得到用户权限token；
[0011]根据所述用户权限token确定待生成视频对应的用户配置信息；
[0012]根据所述用户配置信息确定所述目标页面对应的URL地址信息。
[0013]可选的，所述在服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据包括：
[0014]在服务端利用puppeteer库渲染浏览器环境，在所述浏览器环境中加载URL地址信息，生成所述目标页面；
[0015]对所述目标页面循环截图，得到所述目标页面包含的视频素材数据。
[0016]可选的，对所述目标页面循环截图，得到所述目标页面包含的视频素材数据包括：
[0017]利用所述puppeteer库按预设周期对所述目标页面循环截屏，直至检测到停止截屏指令时停止截屏，得到所述目标页面包含的视频截图数据。
[0018]可选的，所述在服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据包括：
[0019]在服务端利用puppeteer库渲染浏览器环境，在所述浏览器环境中加载URL地址信息，生成所述目标页面，并播放所述目标页面中的待播放视频；
[0020]利用puppeteer库驱动预设录制插件，并利用所述预设录制插件获取所述待播放视频的视频流；其中，所述预设录制插件内嵌于所述浏览器环境。
[0021]可选的，对所述视频素材数据配置音频数据，得到视频数据包括：
[0022]利用多媒体视频处理工具组合所述视频截图数据并配置音频数据得到视频数据。
[0023]可选的，对所述视频素材数据配置音频数据，得到视频数据包括：
[0024]利用多媒体视频处理工具对所述视频流配置音频数据，得到视频数据。
[0025]可选的，对所述视频素材数据配置音频数据得到视频数据之后，还包括：
[0026]发送所述视频数据的生成成功消息至所述视频获取请求的请求方，并在所述生成成功消息显示后显示所述视频数据。
[0027]本申请还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的方法的步骤。
[0028]本申请还提供一种电子设备，包括存储器和处理器，所述存储器中存有计算机程序，所述处理器调用所述存储器中的计算机程序时实现如上所述的方法的步骤。
[0029]本申请提供一种web页面的视频获取方法，应用于服务端，包括：接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面；在服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据；对所述视频素材数据配置音频数据，得到视频数据；向所述移动终端返回所述视频数据，以响应所述视频获取请求。
[0030]本申请在接收到移动终端发送的视频获取请求后，不直接在网页加载，而在服务端加载视频获取请求对应的目标页面，在目标页面截取视频素材数据，并配置相应的音频数据，即可得到视频数据。不必在移动终端执行视频的实时生成过程，直接在服务端完成视频数据的加载和生成，降低对于移动终端的内存和CPU等资源的占用，也避免了可能存在的兼容性问题。同时本申请生成的视频数据便于存储，在web页面生成视频时更加稳定持久，便于对接不同社交软件进行发布推广，从而提高可玩性和用户粘性。同时对于播放该视频数据要求较低，适配性更强。
[0031]本申请还提供一种计算机可读存储介质和电子设备，具有上述有益效果，此处不再赘述。
附图说明
[0032]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
[0033]图1为本申请实施例所提供的一种web页面的视频获取方法的流程图；
[0034]图2为本申请实施例所提供的一种web页面的视频生成过程示意图；
[0035]图3为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
[0036]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0037]参见图1，图1为本申请实施例所提供的一种web页面的视频获取方法的流程图，应用于服务端，该方法包括：
[0038]S101：接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面；
[0039]本步骤旨在接收移动终端发送的视频获取请求，并确定该视频获取请求对应的目标页面，该目标页面主要指待生成相应视频的web页面。特别的，该页面可以为H5页面，可包含用户的相关信息。例如以年度音乐盘点为例，该页面可以包含用户本年度听音乐的相关信息，包括单循环次数最多的歌曲、最爱的歌手等等信息。
[0040]在此对于如何接收该视频获取请求不作限定，可以由用户在移动终端的网页或者html5等页面中执行点击操作生成该视频获取请求。例如用户可以在年度音乐盘点页面，点开“开始盘点”，此后自动生成该视频获取请求。该目标页面可以在用户点击生成视本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种web页面的视频获取方法，应用于服务端，其特征在于，包括：接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面；在所述服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据；对所述视频素材数据配置音频数据，得到视频数据；向所述移动终端返回所述视频数据，以响应所述视频获取请求。2.根据权利要求1所述的视频获取方法，其特征在于，所述接收移动终端发送的视频获取请求，确定所述视频获取请求对应的目标页面包括：接收移动终端发送的视频获取请求，解析所述视频获取请求得到用户权限token；根据所述用户权限token确定待生成视频对应的用户配置信息；根据所述用户配置信息确定所述目标页面对应的URL地址信息。3.根据权利要求2所述的视频获取方法，其特征在于，所述在服务端加载所述目标页面，并截取所述目标页面包含的视频素材数据包括：在服务端利用puppeteer库渲染浏览器环境，在所述浏览器环境中加载URL地址信息，生成所述目标页面；对所述目标页面循环截图，得到所述目标页面包含的视频素材数据。4.根据权利要求3所述的视频获取方法，其特征在于，对所述目标页面循环截图，得到所述目标页面包含的视频素材数据包括：利用所述puppeteer库按预设周期对所述目标页面循环截屏，直至检测到停止截屏指令时停止截屏，得到所述目标页面包含的视频截图数据。5.根据权利要求2所述的视频获取方法，其特征在于，所述在服务端加载所述目标页面，并截取所述目标页面包...

【专利技术属性】
技术研发人员：毛亮亮，
申请(专利权)人：腾讯音乐娱乐科技深圳有限公司，
类型：发明
国别省市：