一种浏览器端的视频资源处理方法、装置、设备及介质与流程

本发明涉及视频处理，尤其涉及一种浏览器端的视频资源处理方法、装置、设备及介质。

背景技术：

1、随着互联网技术的快速发展，视频资源的在线播放已成为人们日常生活中不可或缺的一部分。然而，由于网络带宽、设备性能以及视频资源大小等多种因素的限制，传统的视频播放方式往往存在上传失败、播放卡顿、缓冲时间长等问题，严重影响了用户的观看体验。为了解决上述问题，业界已经进行了一系列的研究和尝试。例如，通过cdn(内容分发网络)技术实现视频资源的分布式存储和传输，以提高视频流的传输效率和稳定性；通过视频转码技术将视频资源适配到不同设备和网络环境下，以提高播放的兼容性和流畅性；通过缓存技术减少视频资源的重复加载，提高加载速度等。然而，这些技术往往只能在一定程度上缓解问题，无法全面满足用户对高质量视频播放体验的需求。

技术实现思路

1、本发明的目的在于提供一种浏览器端的视频资源处理方法、装置、设备及介质，以解决上述现有技术问题的至少之一。

2、第一方面，本发明提供了一种浏览器端的视频资源处理方法，所述方法具体包括：

3、获取第一视频资源，根据ffmpeg工具将所述第一视频资源分割为多个第二视频资源，再将多个所述第二视频资源上传到cdn网络中；

4、在浏览器端通过加载器组件对多个所述第二视频资源逐个进行加载，获得多个第三视频资源，将多个所述第三视频资源存入视频片段缓存池；

5、基于mediasource对象，将多个所述第三视频资源从所述视频片段缓存池中提取出来并转换为视频流，通过html video实例使所述视频流在所述浏览器端进行播放。

6、第二方面，本发明提供了一种浏览器端的视频资源处理装置，所述装置具体包括：

7、第一处理模块，用于获取第一视频资源，根据ffmpeg工具将所述第一视频资源分割为多个第二视频资源，再将多个所述第二视频资源上传到cdn网络中；

8、第二处理模块，用于在浏览器端通过加载器组件对多个所述第二视频资源逐个进行加载，获得多个第三视频资源，将多个所述第三视频资源存入视频片段缓存池；

9、第三处理模块，用于基于mediasource对象，将多个所述第三视频资源从所述视频片段缓存池中提取出来并转换为视频流，通过html video实例使所述视频流在所述浏览器端进行播放。

10、第三方面，本发明提供了一种计算机设备，包括：存储器和处理器及存储在存储器上的计算机程序，当所述计算机程序在处理器上被执行时，实现如上述方法中任一项所述的浏览器端的视频资源处理方法。

11、第四方面，本发明提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器运行时，实现如上述方法中任一项所述的浏览器端的视频资源处理方法。

12、与现有技术相比，本发明具有以下技术效果的至少之一：

13、1、通过将视频资源分割为多个较小的片段进行传输和播放，显著减少了单次加载的数据量，提高了加载速度和播放流畅性。

14、2、通过实时监测视频的播放情况并动态调整资源加载和播放策略，有效避免了播放卡顿和缓冲现象，提高了用户体验。

15、3、利用机器学习和时间序列预测算法预测未来网络环境下的最佳视频资源传输顺序，进一步提高了视频播放的流畅性和稳定性。

16、4、采用遗传算法对视频资源的分发方案进行优化，实现了最大化传输效率、最小化传输延迟并满足用户需求的目标，提高了视频资源的分发效率。

技术特征：

1.一种浏览器端的视频资源处理方法，其特征在于，所述方法具体包括：

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

3.根据权利要求2所述的方法，其特征在于，所述根据监听器组件监听所述html video实例并获得播放实时信息，将所述播放实时信息发送给判断器组件，具体包括：

4.根据权利要求3所述的方法，其特征在于，所述生成promise实例并发送给判断器组件，之后还包括：

5.根据权利要求1至4中任一项所述的方法，其特征在于，所述方法还包括：

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

7.根据权利要求1至4中任一项所述的方法，其特征在于，所述方法还包括：

8.一种浏览器端的视频资源处理装置，其特征在于，所述装置具体包括：

9.一种计算机设备，其特征在于，包括：存储器和处理器及存储在存储器上的计算机程序，当所述计算机程序在处理器上被执行时，实现如权利要求1至7中任一项所述的浏览器端的视频资源处理方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器运行时，实现如权利要求1至7中任一项所述的浏览器端的视频资源处理方法。

技术总结本发明涉及视频处理技术领域，尤其涉及一种浏览器端的视频资源处理方法、装置、设备及介质，所述方法具体包括：获取第一视频资源，根据ffmpeg工具将所述第一视频资源分割为多个第二视频资源，再将多个所述第二视频资源上传到CDN网络中；在浏览器端通过加载器组件对多个所述第二视频资源逐个进行加载，获得多个第三视频资源，将多个所述第三视频资源存入视频片段缓存池；基于MediaSource对象，将多个所述第三视频资源从所述视频片段缓存池中提取出来并转换为视频流，通过HTML video实例使所述视频流在所述浏览器端进行播放。本发明通过将视频资源分割为多个较小的片段进行传输和播放，显著减少了单次加载的数据量，提高了加载速度和播放流畅性。技术研发人员：王晓凯,陈树卫受保护的技术使用者：广州三七极耀网络科技有限公司技术研发日：技术公布日：2024/7/25