一种视频加载方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及视频加载技术领域，具体涉及一种视频加载方法、装置、设备及存储介质，可以理解的是，该方法能够获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络，以提高视频的加载速度，减轻服务器的负载压力；从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，从而提高视频加载速度，缓解视频加载慢的问题，用户体验度好，满意度高。满意度高。满意度高。

【技术实现步骤摘要】
一种视频加载方法、装置、设备及存储介质


[0001]本专利技术涉及视频加载
，具体涉及一种视频加载方法、装置、设备及存储介质。

技术介绍

[0002]在目前的网页中，会预设多种视频以供用户查看，但是在传统的视频加载方式中，需要将整个视频文件加载完成后才能播放，若视频内容较少，视频文件较小，则用户很快就能点击视频进行查看，但若视频内容较多，视频文件较大，则需要加载较长时间，这会导致视频加载慢、卡顿等问题，影响用户观看体验。
[0003]为了解决上述问题，目前已经有一些技术如流媒体技术、视频预加载技术等。但是，它们仍然具有一定的局限性，比如流媒体技术需要服务器支持，成本较高，而视频预加载技术则容易影响网页的性能。
[0004]因此，目前的视频加载方式，由于网络速度、服务器性能等因素的限制，网页视频的加载速度存在一定的问题，影响用户的观看体验。

技术实现思路

[0005]有鉴于此，本专利技术的目的在于提供一种视频加载方法、装置、设备及存储介质，以解决现有技术中的目前的视频加载方式，由于网络速度、服务器性能等因素的限制，网页视频的加载速度存在一定的问题，影响用户的观看体验的问题。
[0006]根据本专利技术实施例的第一方面，提供一种视频加载方法，包括：
[0007]获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络；
[0008]从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载。<br/>[0009]优选的，所述以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，包括：
[0010]加载静态文件中视频的第一帧，将所述第一帧的画面作为视频的封面展示在相应页面上；
[0011]当接收到视频播放指令时，逐帧加载所述静态文件中的视频，将后一帧在前一帧的基础上叠加显示，直至加载完整个视频。
[0012]优选的，在接收到视频播放指令之后进行逐帧加载时，还包括：
[0013]若接收到视频暂停指令，记录当前加载的帧数；
[0014]当再次接收到视频播放指令时，从记录的帧数处继续进行逐帧加载。
[0015]优选的，在接收到视频播放指令之后进行逐帧加载时，还包括：
[0016]若接收到视频快进指令，则根据所述视频快进指令中包含的视频进度数据，匹配得到视频相应的帧数，从匹配的帧数处继续进行逐帧加载。
[0017]优选的，所述将所述视频资源生成为静态文件，包括：
[0018]利用Gatsby框架的静态网站生成器将所述视频资源生成为静态文件。
[0019]优选的，所述以组件化的形式加载所述静态文件中视频，包括：
[0020]利用React将视频的加载过程组件化，所述React为组件化的JavaScript库。
[0021]根据本专利技术实施例的第二方面，提供一种视频加载装置，包括：
[0022]视频处理模块，用于获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络；
[0023]逐帧加载模块，用于从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载。
[0024]根据本专利技术实施例的第三方面，提供一种视频加载设备，包括：
[0025]主控器，及与所述主控器相连的存储器；
[0026]所述存储器，其中存储有程序指令；
[0027]所述主控器用于执行存储器中存储的程序指令，执行上述任一项所述的方法。
[0028]根据本专利技术实施例的第四方面，提供一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，实现上述任一项所述的方法。
[0029]本专利技术的实施例提供的技术方案可以包括以下有益效果：
[0030]可以理解的是，本专利技术示出的技术方案，能够获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络，以提高视频的加载速度，减轻服务器的负载压力；从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，从而提高视频加载速度，缓解视频加载慢的问题，用户体验度好，满意度高。
[0031]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本专利技术。
附图说明
[0032]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。
[0033]图1是根据一示例性实施例示出的一种视频加载方法的步骤示意图；
[0034]图2是根据一示例性实施例示出的一种视频加载装置的示意框图。
具体实施方式
[0035]这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本专利技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本专利技术的一些方面相一致的装置和方法的例子。
[0036]实施例一
[0037]图1是根据一示例性实施例示出的一种视频加载方法的步骤示意图，参见图1，提供一种视频加载方法，包括：
[0038]步骤S11、获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述
静态文件缓存到内容分发网络；
[0039]步骤S12、从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载。
[0040]可以理解的是，本专利技术示出的技术方案，能够获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络，以提高视频的加载速度，减轻服务器的负载压力；从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，从而提高视频加载速度，缓解视频加载慢的问题，用户体验度好，满意度高。
[0041]需要说明的是，所述以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，包括：
[0042]加载静态文件中视频的第一帧，将所述第一帧的画面作为视频的封面展示在相应页面上；
[0043]当接收到视频播放指令时，逐帧加载所述静态文件中的视频，将后一帧在前一帧的基础上叠加显示，直至加载完整个视频。
[0044]在具体事件中，用户在浏览网页时，若网页上有视频待播放，该视频通常会显示一个封面，而本申请首先能够加载静态文件中视频的第一帧，将第一帧作为视频封面，当用户点击播放按钮时，采取逐帧加载的模式，加载接下来的第二帧，并将第二帧在第一帧上叠加显示，在显示了第二帧之后，也加载好了第三帧，将第三帧在第二帧上叠加显示，以此类推，直至该视频显示完毕。可以理解的是，本实施例示出的技术方案，无需加载完全部的视频，而是在播放的同时进行逐帧加载，极本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种视频加载方法，其特征在于，包括：获取待加载的视频资源，先将所述视频资源生成为静态文件，再将所述静态文件缓存到内容分发网络；从所述内容分发网络中读取所述静态文件，以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载。2.根据权利要求1所述的方法，其特征在于，所述以组件化的形式加载所述静态文件中视频，实现视频的逐帧加载，包括：加载静态文件中视频的第一帧，将所述第一帧的画面作为视频的封面展示在相应页面上；当接收到视频播放指令时，逐帧加载所述静态文件中的视频，将后一帧在前一帧的基础上叠加显示，直至加载完整个视频。3.根据权利要求2所述的方法，其特征在于，在接收到视频播放指令之后进行逐帧加载时，还包括：若接收到视频暂停指令，记录当前加载的帧数；当再次接收到视频播放指令时，从记录的帧数处继续进行逐帧加载。4.根据权利要求3所述的方法，其特征在于，在接收到视频播放指令之后进行逐帧加载时，还包括：若接收到视频快进指令，则根据所述视频快进指令中包含的视频进度数据，匹配得到视频相应的帧数，从匹配的帧数处继续进行逐帧...

【专利技术属性】
技术研发人员：周佳宜，高斌，邹琼，周双全，
申请(专利权)人：深圳市瑞云科技股份有限公司，
类型：发明
国别省市：