[发明专利]视频处理方法、装置、系统和计算机可读存储介质

说明书

本发明实施例提供了一种视频处理方法、装置、系统及计算机可读存储介质。所述视频处理方法包括：在浏览器页面上使用JavaScript以二进制形式接收服务端发送出的第一格式视频流数据包；使用能够解码二进制数据的解码器对所述视频流数据包进行解码以获得第二格式图像数据；以及利用浏览器页面上的画布标签显示所述第二格式图像数据。本发明实施例实现浏览器实时视频流服务具有实现简单、不依赖插件、通用性/跨平台性好、延时低、带宽压力小、灵活性强等优势。

技术领域

本发明涉及视频处理技术领域，尤其涉及一种视频处理方法、一种视频处理装置、一种视频处理系统和一种计算机可读存储介质。

背景技术

当前的实时视频流传输与处理方案在WEB端的实现通常利用RTSP(Real TimeStreaming Protocol)/RTMP(Real Time Messaging Protocol)等基于实时流的方案，该方案需要借助浏览器端的本地插件，然而采用浏览器本地插件不利于跨平台，且会打破浏览器沙盒环境，存在安全性隐患；或者是HLS(HTTP Live Streaming)/DASH(DynamicAdaptive Streaming over HTTP)等采用渐进式下载实现的方案，浏览器虽原生支持但由于本质上属于渐进式下载的方式，并非真正实时流，具有不可避免的高延时缺陷；又或是通过视频流推送MJPEG(Motion Joint Photographic Experts Group)视频流，浏览器端从MJPEG中逐帧抽取JPEG(Joint Photographic Experts Group)图片显示，但由于JPEG压缩率问题会导致带宽占用比较大，例如同分辨率的画面相比于H.264编码方式网络压力要高10倍左右。

发明内容

基于上述问题，本发明的实施例提供一种视频处理方法、一种视频处理装置、一种视频处理系统和一种计算机可读存储介质，有效的解决了上述的问题，解决了服务器与浏览器间传输实时视频流时复杂、依赖插件、高延时、缺乏灵活性与扩展性的问题。

具体地，本发明实施例提供了一种视频处理方法，包括：在浏览器页面上使用JavaScript以二进制形式接收服务端发送出的第一格式视频流数据包；使用能够解码二进制数据的解码器对所述视频流数据包进行解码以获得第二格式图像数据；以及利用浏览器页面上的画布标签显示所述第二格式图像数据。

相对于现有技术，本实施例使用能够解码二进制数据的解码器对所述视频流数据包进行解码以获得第二格式图像数据，二进制数据更接近机器代码具有延时低、带宽压力小、灵活性强等优势，且浏览器使用所述解码器例如网页汇编语言而非本地插件解码获取的第一格式视频流数据包，实现简单、不依赖插件、通用性/跨平台性好。

在本发明的一个实施例中，所述第一格式视频流数据包为H.264格式视频流数据包，所述第二格式图像数据为RGB格式图像数据。

在本发明的一个实施例中，FFmpeg所述解码器为WebAssembly模块或JavaScript源码FFmpeg。

在本发明的一个实施例中，所述视频处理方法还包括：通过交叉编译工具将FFmpeg源码转换成所述WebAssembly模块或所述JavaScript源码，以得到所述解码器。

另一方面，本发明实施例还提供一种视频处理装置，包括：获取模块，用于在浏览器页面上使用JavaScript以二进制形式接收服务端发送出的第一格式视频流数据包；处理模块，用于使用能够解码二进制数据的解码器对所述视频流数据包进行解码以获得第二格式图像数据；以及显示模块，用于利用浏览器页面上的画布标签显示所述第二格式图像数据。

相对于现有技术，本实施例的处理模块使用能够解码二进制数据的解码器对所述视频流数据包进行解码以获得第二格式图像数据，二进制数据更接近机器代码具有延时低、带宽压力小、灵活性强等优势，且浏览器使用所述解码器例如网页汇编语言而非本地插件解码获取的第一格式视频流数据包，实现简单、不依赖插件、通用性/跨平台性好。