H265视频在浏览器中的播放方法及系统技术方案

本发明专利技术实施例提供一种H265视频在浏览器中的播放方法及系统，属于视频播放技术领域。所述方法包括：获取H265视频解码后的初始图像帧和待更新图像帧；计算待更新图像帧与初始图像帧之间的差异值；将初始图像帧和差异值发送至浏览器前端；根据差异值和初始图像帧在浏览器前端绘制视频画面。本发明专利技术通过上述技术方案，利用初始图像帧和差异值来绘制视频画面，视频画面可直接在浏览器中播放，能有效降低传输的数据量；因此向浏览器传输的数据量比较小，浏览器能够高效地播放监控视频，在监控行业具有良好的实用性。业具有良好的实用性。业具有良好的实用性。

【技术实现步骤摘要】
H265视频在浏览器中的播放方法及系统


[0001]本专利技术涉及视频播放
，具体地涉及一种H265视频在浏览器中的播放方法、一种H265视频在浏览器中的播放系统、一种电子设备及一种计算机可读存储介质。

技术介绍

[0002]在监控行业需要大量存储视频文件，现有技术中常选择压缩比更高的H265标准作为主要的视频编码格式，即HEVC(高效视频编码)压缩标准，HEVC压缩算法根据视频的特征分配宏的方法，有效提高了编码压缩比；同时HEVC帧内编码将预测的方向性增加到33种，因此让解码器所需的运算量上升。
[0003]由于成本原因，浏览器厂商未能在浏览器中内置H265解码器，以至使浏览器中不能直接播放HEVC视频。现有技术中利用WebAssembly对HEVC视频进行处理，可以编译通用H265解码器让浏览器使用。但由于浏览器是多进程架构，进程之间也采用IPC进行通信，网络接收由网络进程负责，然后传递给Render进程进行渲染；而WebAssembly对多线程支持不好，无法发挥CPU多核性能，WebAssembly不支持CPU多媒体加速指令如MMX、SSE等；因此，HEVC视频的图像数据需要多次传递，产生的巨大数据量无法在本地高效的传输。

技术实现思路

[0004]本专利技术实施例的目的是提供一种H265视频在浏览器中的播放方法及系统，以解决现有技术中浏览器无法高效的播放H265视频。
[0005]为了实现上述目的，本专利技术实施例提供一种H265视频在浏览器中的播放方法，所述方法包括：<br/>[0006]获取H265视频解码后的初始图像帧和待更新图像帧；
[0007]计算待更新图像帧与初始图像帧之间的差异值；
[0008]将初始图像帧和差异值发送至浏览器前端；
[0009]根据差异值和初始图像帧在浏览器前端绘制视频画面。
[0010]优选地，所述方法还包括：初始图像帧的更新，包括：
[0011]设定初始图像帧的更新周期；
[0012]将到达更新周期后获得的第一帧图像帧作为初始图像帧的更新值。
[0013]优选地，所述方法还包括，H265视频解码，包括：
[0014]获取监控摄像头的流媒体数据；
[0015]根据流媒体的封装规则对流媒体数据进行解析，得到视频流；
[0016]将视频流读到包中，得到视频帧；
[0017]调用显卡解码器对视频帧进行解码处理，得到图像帧。
[0018]优选地，每个更新周期内具有n帧图像帧，其中每个更新周期内的第一帧图像帧为初始图像帧，剩余的图像帧为待更新图像帧。
[0019]优选地，计算初始图像帧和待更新图像帧之间的差异值，包括：
[0020]将初始图像帧和待更新图像帧分别标记为pic1、pic2；
[0021]计算pic2与pic1的差值的绝对值，得到图像差异picdiff；
[0022]对图像差异picdiff进行转换，得到灰阶图；
[0023]对灰阶图进行阈值处理，得到二值图像；
[0024]计算二值图像的差异轮廓；
[0025]根据差异轮廓的区域计算差异矩形；
[0026]根据差异矩形对二值图进行裁剪，得到差异图像和差异图像对应的坐标，所述差异图像和坐标用于表征差异值。
[0027]优选地，所述方法还包括，对二值图进行预处理，所述预处理包括中值滤波和/或形态学过滤噪点。
[0028]优选地，所述方法还包括，绘制视频画面，包括：
[0029]确定出浏览器前端接收到的初始图像帧；
[0030]基于SDL API绘制方法并以初始图像帧为参照，在浏览器前端进行图像绘制，得到初始画面；
[0031]基于SDL绘制精灵并以接收到的差异值为参照，对初始画面进行局部更新，得到新画面。
[0032]本专利技术实施例还提供一种H265视频在浏览器中的播放系统，所述系统用于实现上述H265视频在浏览器中的播放方法，所述系统包括：
[0033]获取模块，用于获取H265视频解码后的初始图像帧和待更新图像帧；
[0034]计算模块，用于计算初始图像帧和待更新图像帧之间的差异值；
[0035]发送模块，用于将初始图像帧和差异值发送至浏览器前端；
[0036]绘制模块，用于根据差异值和初始图像帧在浏览器前端绘制视频画面。
[0037]本专利技术实施例还提供一种电子设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的H265视频在浏览器中的播放方法。
[0038]本专利技术实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述的H265视频在浏览器中的播放方法。
[0039]本专利技术通过上述技术方案，利用初始图像帧和差异值来绘制视频画面，视频画面可直接在浏览器中播放，能有效降低传输的数据量；因此向浏览器传输的数据量比较小，浏览器能够高效地播放监控视频，在监控行业具有良好的实用性。
[0040]本专利技术实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
[0041]附图是用来提供对本专利技术实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本专利技术实施例，但并不构成对本专利技术实施例的限制。在附图中：
[0042]图1是本专利技术一种实施方式提供的H265视频在浏览器中的播放方法的流程图；
[0043]图2是本专利技术一种可选实施方式提供的H265视频解码操作的流程图；
[0044]图3是本专利技术一种可选实施方式提供的差异值计算方法的流程图；
[0045]图4是本专利技术一种可选实施方式提供的初始图像帧更新方法的流程图；
[0046]图5是本专利技术一种可选实施方式提供的绘制视频画面操作的流程图；
[0047]图6是本专利技术一种可选实施方式提供的H265视频在浏览器中的播放系统的框图。
具体实施方式
[0048]以下结合附图对本专利技术实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本专利技术实施例，并不用于限制本专利技术实施例。
[0049]图1是本专利技术一种实施方式提供的H265视频在浏览器中的播放方法的流程图，如图1所示，一种H265视频在浏览器中的播放方法，所述方法包括：
[0050]步骤S101：获取H265视频解码后的初始图像帧和待更新图像帧。
[0051]在本实施例中，H265视频为监控摄像头的监控视频，如图2所示，作为本实施例的进一步优化，所述方法还包括，H265视频解码，包括：
[0052]步骤a1：获取监控摄像头的流媒体数据。
[0053]流媒体数据具有以下协议，例如RTSP、RTMP、HTTP
‑
FLV、HTTP
‑
TS等协议，其中RTSP和RTMP协议可以承本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种H265视频在浏览器中的播放方法，其特征在于，所述方法包括：获取H265视频解码后的初始图像帧和待更新图像帧；计算待更新图像帧与初始图像帧之间的差异值；将初始图像帧和差异值发送至浏览器前端；根据差异值和初始图像帧在浏览器前端绘制视频画面。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：初始图像帧的更新，包括：设定初始图像帧的更新周期；将到达更新周期后获得的第一帧图像帧作为初始图像帧的更新值。3.根据权利要求2所述的方法，其特征在于，所述方法还包括，H265视频解码，包括：获取监控摄像头的流媒体数据；根据流媒体的封装规则对流媒体数据进行解析，得到视频流；将视频流读到包中，得到视频帧；调用显卡解码器对视频帧进行解码处理，得到图像帧。4.根据权利要求3所述的方法，其特征在于，每个更新周期内具有n帧图像帧，其中每个更新周期内的第一帧图像帧为初始图像帧，剩余的图像帧为待更新图像帧。5.根据权利要求1所述的方法，其特征在于，计算初始图像帧和待更新图像帧之间的差异值，包括：将初始图像帧和待更新图像帧分别标记为pic1、pic2；计算pic2与pic1的差值的绝对值，得到图像差异picdiff；对图像差异picdiff进行转换，得到灰阶图；对灰阶图进行阈值处理，得到二值图像；计算二值图像的差异轮廓；根据差异轮廓的区域计算差异矩形；根据差异矩形对二值图进行裁剪，得到差异图像和差异图像对应的坐标，所述差异图像和坐标用于表征差异值。6.根据权利要求5...

【专利技术属性】
技术研发人员：林静，杜海洋，曾义霞，占俊翔，卢会春，郭一钢，
申请(专利权)人：杭州天翼智慧城市科技有限公司，
类型：发明
国别省市：