一、前言

浏览器对H.265（HEVC）的支持一直是众多用户的一个痛点，特别是在视频监控领域中，越来越多的监控厂家新出厂的设备默认都采用H265视频编码。当我们要部署这类视频应用时，客户端解码就成为很大的问题。特别是随着web技术的普及，更多的企业应用更愿意将应用部署在web平台，客户端使用浏览器播放视频流或视频文件。

二、主流浏览器对hevc的支持情况

上图显示了HEVC在浏览器端的支持情况，其中红色代表不支持，绿色代表支持，黄色代表可通过硬解码支持或在特定的设备上支持。可以看出，HEVC在浏览器端并不是一个得到广泛支持的方案。

三、两种增加HEVC支持的方法

目前，很多厂商尝试使用webassembly+ffmpeg+webworker+canvas的技术方案实现网页版本的软解。优势是跨平台性和浏览器的兼容性比较好，缺点是性能较低，一般情况下，在PC上只能实现1路实时1080p解码，对于国产化CPU或ARM设备，就无法实现流畅的播放。另一种更彻底的方法是定制修改浏览器，但是难题是如何支持网络流和文件，而且要与H.264一样，尽可能使用硬件实现HEVC的解码。
前一种方法网上有很多的介绍，下面主要介绍第二种方法。

四、定制修改浏览器增加HEVC的主要工作

关于chromium支持hevc解码主要分成两部分：

文件解码（包括MSE）：chromium基本上都有完整的实现（这里不包括硬解码HEVC，后面单独描述），只不过chrome或者chromium的发行版本都没有把这些实现编译进去，因此通过配置一些额外的编译选项即可让chromium支持HEVC文件解码。
实时流解码（webrtc部分）：这一部分chromium是没有实现的，虽然ffmpeg可以支持hevc解码，但这还不足以让webrtc支持hevc解码。这里面还需要额外开发SDP中添加HEVC信息，rtp_hevc流的组帧，以及hevc码流的解析（比如宽高，帧类型解析等等），最后根据payload_type创建hevc解码器等等。

工作量和难度比较大的是如何让chromium支持HEVC硬解码，不管是文件还是实时流目前都需要额外开发：

在windows平台上：支持HEVC硬解码可以考虑两种方案，一是MFT方案，即使用windows系统自带的解码器，开发相对容易。二是基于DXVA接口方案、这个方案实现难度较大，需要对解码过程了解的比较深入才能实现，需要解析码流，管理内部buffer等等，不像第一种方案直接送帧数据即可。
Chromium在linux上支持HEVC硬解码，这一块就比较复杂，主要涉及三家显卡厂商Intel、AMD和Nvidia。Intel全力支持VAAPI方案，nvidia则全力支持CUVID和VDPAU方案，部分支持vaapi，amd既支持VAAPI又支持VDPAU，但又不是完全支持。所有方案和windows的DXVA方案类似，也需要做比较深入的理解解码过程，解析码流，管理buffer等。
Chromium在android上支持HEVC硬解码方案也相对比较清晰，使用系统自带的编解码器mediacodec，做适当的修改调整即可。

五、支持HEVC的chromium浏览器介绍

基于多年的浏览器定制开发经验，浏览器手艺人团队目前已成功发布支持HEVC解码的chromium浏览器，特点如下：

与H264一样，优先使用HEVC硬解码，没有硬解码情况下自动使用ffmpeg软解码；也可以通过开关切换硬解码和软解码；
通过video标签支持HEVC的文件播放，最高支持8K视频解码；
通过开关可以强制使用内置显卡的硬解码能力；
网络HEVC视频流播放：遵循标准的HTML5的webrtc技术，与H264类似，实现HEVC视频流播放。
支持windows，多种平台的linux（包括国产生态），以及android；
Windows下，通过DXVA支持HEVC硬解码，在intel的处理器上可以实现25路~36路1080p视频同时播放；Linux下，通过VAAPI支持HEVC硬解码，对于龙芯飞腾兆芯等没有内置GPU解码的处理器，浏览器可自动调用外置显卡的GPU进行硬件解码；（由于源码没有HEVC的支持，这部分工作量比较大。）；Android系统下，通过mediacodec实现HEVC硬解码。
支持最新的chromium内核版本（目前是v90）。

（注：“浏览器手艺人”极客团队由一帮热爱浏览器技术的资深技术人员组成，具有10年以上的浏览器技术开发经验，对浏览器的各项核心技术均有深入的研究，专注于浏览器定制化开发和技术服务。更多内容，请关注微信公众号（浏览器手艺人），公众号留言或发送邮件至browser_craftsman@163.com。）

如何在浏览器中支持H265/HEVC相关推荐

浏览器中支持硬件加速
1 什么是硬件加速硬件加速是指,应用程序使用计算机硬件的能力,比软件实现的功能能够更有效地执行某些操作.在 Chrome/Chromium 浏览器中,硬件加速能够利用计算机的图形处理单元(GPU)来 ...
微软将在新版Edge浏览器中支持广告拦截器
3月31日消息,据路透社报道,微软周四表示,公司正在考虑让下一版本的Edge浏览器实现通过第三方拓展件支持广告过滤功能. 科技网站ZDNet今天早些时候根据一张拍摄自微软开发者大会的产品蓝图指出,该公 ...
java saf_在不支持的浏览器中替代IndexedDB？ Safari / iOS Saf-Chrome
Here is another similar polyfill you can try,但在我(尽管有限)的经验中,两种填充物都是错误/不完整的 . 他们在GitHub上也有很多关于报告问题的人的未 ...
第十一章：WEB浏览器中的javascript
客户端javascript涵盖在本系列的第二部分第10章,主要讲解javascript是如何在web浏览器中实现的,这些章节介绍了大量的脚本宿主对象,这些对象可以表示浏览器窗口.文档树的内容.这些章节 ...
浏览器中实现深度学习？有人分析了7个基于JS语言的DL框架
作者:仵冀颖编辑:H4O 本文中,作者基于WWW'19 论文提供的线索,详细解读了在浏览器中实现深度学习的可能性.可行性和性能现状.具体而言,作者重点分析了 7 个最近出现的基于JavaScript ...
web支持H265视频码流播放
由于公司的产品经常与视频打交道,避免不了web端要支持视频播放,目前公司已经有成熟的web播放解决方案,但是可惜的是支持H264:虽然H264和H265只差一位,内部千差万别: 可以建议了解下H264 ...
video标签支持获取rtsp流么_Flask教程(二十二)在浏览器中播放rtsp实时流
软硬件环境 windows 10 64bit anaconda3 with python 3.7 pycharm 2020.1.2 flask 1.1.2 opencv 4.4.0 前言当下,网络摄 ...
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音): Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)_BADAO_LIUMAN ...
php多浏览器支持,测试网站在多个浏览器中的兼容性：MultiBrowser ┆V1.3.1 多国语言版...
MultiBrowser应该是做网站设计,网站设计师必备的软件了,此软件可以测试网站在多个浏览器中的兼容性!MultiBrowser能够让你同时检查同一网页在chrome.firefox.ie等浏览器 ...

如何在浏览器中支持H265/HEVC

文章目录