[超详细]在edge/chrome浏览器上为b站开启hevc硬解和av1硬解(支持4k120hz8khdr真彩,杜比视界杜比全景声)(代码片段)

jacpty jacpty     2022-11-30     387

关键词:

启用HEVC、AV1解码

前言

本文章仅适用于Windows10/11 PC网页端,开启HEVC/AV1硬解适用于所有清晰度,开启4K、8K、HDR真彩、杜比视界、杜比全景声都需要B站大会员。就算没有大会员,开启了硬解也能节省很多流量以及降低CPU占用。

Edge和Chrome浏览器由于都是使用Chromium内核,所以操作步骤基本相同。
Chrome用户可能打不开拓展商城,大部分插件文章中已经给出了官网地址,没有的请自行上网寻找资源。

经过实际检验,大部分视频都已经支持HEVC。AV1的视频还不是很多,新上传的、播放量高的、知名up主上传的和番剧这些大多支持AV1。

一、B站对于HEVC和AV1的支持情况

首先就是介绍下软解和硬解的区别:

  • 硬解就是硬件解码,使用机器中的专门的解码芯片来完成,效率极高,本文将教你如何使用硬解来播放B站视频。
  • 软解就是用CPU来解码,对CPU的性能消耗非常大,越先进的编码需要的性能越高,所以强制开启HEVC或者是AV1会导致视频卡顿、电脑发热等问题。

目前网页端B站默认使用的是AVC(H.264)编码,相同视频下编码效率文件大小都比HEVC(H.265)编码的视频差了接近一半。而AV1编码的视频能在画质相同的情况下做到和HEVC差不多的大小,在4K以上的分辨率大幅超过HEVC(详细测试请看后文)。那为什么这么好的编码B站没有默认使用呢?

HEVC(High Efficiency Video Coding)是闭源的,而且专利费极高,所以使用了Chromium内核的Edge浏览器和Chrome浏览器并不支持HEVC硬解,目前仅有macOS和iOS的Safari浏览器支持HEVC硬解。HEVC硬解虽然对硬件有要求,不过intel的核显从很早就支持了,只要不是特别老的机器都是可以支持HEVC硬解的,支持列表请看下文。

AOMedia Video 1(AV1)是一个开放,免专利的视频编码格式,针对互联网传输视频而设计,目前YouTube已经全面支持AV1。B站从2022.3.3开始陆续将视频转码成AV1,但AV1硬解对于设备有较高的要求,只有目前最新款的硬件才支持,支持列表请看下文。

如果设备支持HEVC硬解但不支持AV1硬解的就使用HEVC,如果设备HEVC和AV1都支持硬解的就使用AV1。如果平时看直播比较多的就直接选HEVC。Chrome无法调用Windows系统的插件,所以无法正常开启HEVC硬解。

二、查看设备是否支持

要知道自己的电脑支持什么格式的硬解码,可以下载DXVA Checker
下载地址:https://bluesky-soft.com/en/DXVAChecker.html

也可以直接查询BlueSky的数据库(可直接点击超链接)
AMD :https://bluesky-soft.com/en/dxvac/deviceInfo/decoder/amd.html
Intel :https://bluesky-soft.com/en/dxvac/deviceInfo/decoder/intel.html
NVIDIA :https://bluesky-soft.com/en/dxvac/deviceInfo/decoder/nvidia.html

浏览器通常采用核显加速,同时有独显核显的,参考核显的解码能力。
HEVC硬解支持的硬件较多,Intel第六代酷睿处理器及以后的核显全部支持HEVC,六代之前的部分支持,具体请看BlueSky的数据库。
AV1硬解目前仅限于AMD RX 6000系(除6500XT)、Nvidia 30系、Intel Arc显卡、Intel UHD 700系和Iris 锐炬Xe核显,后续型号应该也会支持AV1。

三、开启HEVC硬解

下载HEVC插件

开启HEVC之前需要下载HEVC插件,这个插件可以在微软商店花7块钱购买。

也可以直接在网上免费下载,两者都是一样的。
HEVC视频拓展下载地址:https://www.free-codecs.com/hevc_video_extension_download.htm
由于以前的bug已经修复,所以可以直接下载最新版的插件,选择x64版本的HEVC Video Extension 1.0.50361下载并安装。

下载并使用UA插件

直接到Edge浏览器拓展商店搜索User-Agent Switcher and Manager下载。
选择Safari和Mac OS,然后点击最新版本,再点击Apply(all windows)即可。

现在已经完成了UA的设置,不过这个设置是全局的,我们只想要在B站中启用UA。

  1. 打开拓展程序管理面板或者是在地址栏输入(按浏览器自己选择)edge://extensions/chrome://extensions/
  2. 找到刚刚安装的User-Agent Switcher and Manager,点击详细信息,选择在特定站点上
  3. 填入https://www.bilibili.com/*

体验HEVC

这时候重启一下浏览器再打开B站,点击右下角的齿轮→更多播放设置→选择HEVC,刷新一下即可。
重启浏览器还是不行的话可能是浏览器还有后台,如果你不知道在任务管理器里怎么关掉的话就重启电脑

查看一下当前的编码,在视频中右键 “视频统计信息”,出现hev字样即为HEVC编码。
这时候再打开任务管理器,选到显卡查看“Video Decode”,如果有占用的话就是调用了硬件解码,这时候CPU占用一般较低。


四、开启AV1硬解

下载AV1插件

开启AV1硬解的步骤就比开启HEVC简单多了,只需要下载AV1插件即可使浏览器支持硬解。
如果你使用的是chrome或者是Firefox浏览器,那么就不需要下载这个插件,因为浏览器内置了。
由于AV1编解码器是免费的,所以直接到微软商店搜索AV1 Video Extension下载安装即可。

体验AV1

这时候重启一下浏览器再打开B站,点击右下角的齿轮→更多播放设置→选择AV1,刷新一下即可。
重启浏览器还是不行的话可能是浏览器还有后台,如果你不知道在任务管理器里怎么关掉的话就重启电脑

查看一下当前的编码,在视频中右键 “视频统计信息”,出现av01字样即为AV1编码。
这时候再打开任务管理器,选到显卡查看“Video Decode”,如果有占用的话就是调用了硬件解码,这时候CPU占用一般较低。


五、测试

测试的环境为50Mbps速率的网络以及两台电脑,分别是一台使用4K分辨率显示器的台式电脑(不支持HDR),以及一台12代酷睿笔记本电脑。台式电脑开启HEVC,笔记本电脑开启AV1。
台式电脑配置:Intel core i5-8400 CPU、NVIDIA GTX1060 6GB、8GB DDR4内存
笔记本配置:RedmiBook Pro 15 2022 核显版

总结:
B站网页端的4K硬解和8K硬解效果很好,建议开启。
对于开启HDR真彩,可能需要支持HDR的显示器,不然会导致屏幕发灰。
对于开启杜比全景声,这个相当于加载了一条音轨,可以无脑开启。
对于开启杜比视界,需要满足三个条件:

  1. 硬件设备有杜比视界认证
  2. 片源为杜比视界相关格式
  3. 播放软件要有杜比认证(比如Netflix、bilibili)

不满足以上条件的会导致色彩不对、发灰等问题,因为开启杜比视界的条件比较苛刻,建议一律关闭。

AVC、HEVC和AV1码率测试

选用了两个视频,分别测试京都之秋4K、8K和影视飓风演示片4K、8K。
相同分辨率下不同编码的视频画质都差不多,所以HEVC和AV1对于网速慢、流量少的人帮助很大。

【8K HDR】京都之秋 | Nikon Z9 演示片|Links:https://www.bilibili.com/video/BV11f4y1K7Wx
【8K演示片】B站首发!你的设备还顶得住吗?:https://www.bilibili.com/video/BV1qM4y1w716

4K分辨率下的京都之秋

AVC编码13559Kbps、HEVC编码7155Kbps、AV1编码7656Kbps


8K分辨率下的京都之秋

AVC编码不支持8K、HEVC编码21401Kbps、AV1编码10075Kbps

4K分辨率下的影视飓风演示片

AVC编码10711Kbps、HEVC编码4776Kbps、AV1编码4993Kbps


8K分辨率下的影视剧风演示片

AVC编码不支持8K、HEVC编码19806Kbps、AV1编码9398Kbps

HDR真彩

由于本人的显示器不支持HDR,所以出现了视频发灰的问题,网上有人说用支持HDR的显示器开启HDR真彩就不会发灰,所以实际效果如何还需要读者自行测试。
推荐测试视频:

【4K HDR】哔哩哔哩 真·HDR ON!!这才是看世界的正确方式|地球Online 光线追踪极限画质|4K HDR演示片|屏幕画质测试|Links:https://www.bilibili.com/video/BV15z4y1Z734

杜比视界、杜比全景声

实际测试发现如果开启杜比全景声会出现加载不出来的情况,这时候只需要刷新下网页,就可以正常播放了。建议戴上耳机,杜比的效果还可以,空间感会强点。
其实Windows10的声音里面有集成杜比音效,不过需要到微软商店去买,听音乐和游戏有用,嫌贵的可以去tb买key,只需要不到20元。
选用测试的视频:

【杜比视界HDR·全景声】中文演示片|已更新 需设备支持:https://www.bilibili.com/video/BV1eV411W7tt

有时候还会出现关不掉杜比全景声的情况,这时候可以试下切换分辨率来关闭。

六、推荐一个好用的B站脚本

对于经常使用哔哩哔哩网页端的用户,可能B站网页端有些功能不是很完善,或者是有些东西不喜欢想要屏蔽掉(包括广告)。
我推荐一个超强的脚本,那就是Bilibili-Evolved,功能很多,基本可以实现B站全部功能自定义,简直就是B站网页端的神器。
下载安装脚本之前需要先安装上油猴插件。

  1. 安装油猴插件
    油猴插件可以直接到Edge浏览器拓展商店搜索Tampermonkey下载,也可以到官网选择对应版本下载。
    Tampermonkey官网:https://www.tampermonkey.net/?ext=dhdg&locale=zh
  2. 安装Bilibili-Evolved脚本
    不知出于何种原因,原先在Greasy Fork上的已经被作者下架了,只能到GitHub首页上安装,GitHub因为某些原因所以打开速度较慢,耐心等待、多试几次就能打开了。
    使用方法在GitHub页面上已经写得很清楚了,我就不过多介绍了。
    Bilibili-Evolved:https://github.com/the1812/Bilibili-Evolved

本文章会同步发布在B站专栏:
[超详细] 在Edge/Chrome浏览器上为B站开启HEVC硬解和AV1硬解:https://www.bilibili.com/read/cv16485256
本文章参考自:

  1. H.264和H.265(HEVC)深度解析及对比:https://blog.csdn.net/weixin_42229404/article/details/84639538
  2. Chrome/Egde上为B站启用HEVC硬解:https://www.bilibili.com/read/cv13253613
  3. b站网页端部分视频启用AV1编码:https://www.bilibili.com/read/cv15024182
  4. 在新版Edge浏览器启用B站HEVC、HDR、8K:https://www.bilibili.com/read/cv7845667

在 AJAX 请求上为空 $_SESSION 超全局,但保留会话 ID

】在AJAX请求上为空$_SESSION超全局,但保留会话ID【英文标题】:Empty$_SESSIONsuperglobalonAJAXrequest,butsessionIDispreserved【发布时间】:2012-06-1314:15:03【问题描述】:我在处理AJAX请求时遇到了$_SESSIONsuperglobal问题。session_start()函数在任何... 查看详情

在edge(chrome内核)中设置使用google搜索并设置点击搜索结果默认打开新的标签页

1.找到浏览器设置,打开服务,地址栏与搜索2.设置如下3.然后发现使用Google搜索后默认是覆盖搜索结果而不是打开新的标签页找了半天在浏览器没有找到设置,后来终于发现需要在谷歌搜索引擎处设置,而不是在... 查看详情

超详细jdk下载与安装步骤

文章目录😋开发环境-JDK安装😆1.下载地址😛2.安装JDK😚3.配置系统环境😋开发环境-JDK安装无论在我们开始学习Java或者入职第一天安装环境,这个你都是必备滴!下面是下载和安装JDK的教程:Ƕ... 查看详情

超详细十大经典排序算法总结

0、排序算法说明0.1排序的定义对一序列对象根据某个关键字进行排序。0.2术语说明稳定 :如果a原本在b前面,而a=b,排序之后a仍然在b的前面;不稳定 :如果a原本在b的前面,而a=b,排序之后a可能会出现在b的后面;内排... 查看详情

codeforcesround#713(div.3)f.education超详细思考过程(代码片段)

F.Education题意:t组样例(t<=1e4)每组样例给你n,ca[1],a[2]........a[n]b[1],b[2].........b[n-1](n<=2e5,c<=1e9)c表示目标的金钱如果你在等级i你每天可以赚a[i]的钱当然你在这一天也可以不赚钱升级你的等级如果你的等级在i升级... 查看详情

源码那些事超详细的arraylist底层源码+经典面试题(代码片段)

...の学习小屋👋更多文章请关注温文艾尔主页👋超详细ArrayList解析!👋更多文章:👋HashMap底层源码解析上(超详细图解+面试题)👋HashMap底层源码解析下(超详细图解)👋HashMap... 查看详情

原生js封装ajax请求超详细

...AJAX基础的可以从思路说明开始看XMLHttpRequest对象所有现代浏览器均支持XMLHttpRequest对象(IE5和IE6使用ActiveXObject)。为了应对所有的现代浏览器:letxmlhttp;if(windo 查看详情

全网最详细,fiddler抓包实战-网页浏览器https请求(超详细)

...测试九、总结(尾部小惊喜)前言Fiddler抓取网页浏览器请求Fiddler代理浏览器设置(Chrome/IE/Firefox)注意浏览器代理区别Chrome/IE浏览器使用的都是系统代理设置在chrome浏览器的设置中搜索代理,可以看到打开IE... 查看详情

如何在浏览器上为 xampp htdocs 项目启用简单名称

】如何在浏览器上为xampphtdocs项目启用简单名称【英文标题】:Howtoenablesimplenamesforxampphtdocsprojectsonthebrowser【发布时间】:2019-08-0202:31:16【问题描述】:我想在浏览器上输入cmssystem.test并将我引导到我在xampp中的htdocs中的项目,而... 查看详情

Oracle Forms 10.1.2 在 EDGE/CHROME 中运行

】OracleForms10.1.2在EDGE/CHROME中运行【英文标题】:OracleForms10.1.2runinEDGE/CHROME【发布时间】:2021-06-0908:29:24【问题描述】:众所周知,InternetExplorer将于2022年退役。我在OracleForms10.1.2中有一个应用程序。将来我计划为其他技术重写应... 查看详情

mac自带功能超详细介绍

...同一应用的不同窗口之间进行快速切换。比如在打开多个浏览器窗口或者 访达(Finder)窗口时,使用这个快捷键就方便许多。以上就是为您介绍的mac自带的超实用的功能,希望对您有所帮助。 查看详情

htmlmeta中添加x-ua-compatible和ie=edge,chrome=1有啥作用

...术AX-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务器中(通过HTTPHeader)所指定的模式。兼容性模式... 查看详情

超详细的java的内存机制解读,还不会你打我!

1.Java的内存机制Java把内存划分成两种:一种是栈内存,另一种是堆内存。在函数中定义的一些基本类型的变量和对象的引用变量都是在函数的栈内存中分配,当在一段代码块定义一个变量时,Java就在栈中为这个... 查看详情

如何在导航栏上为单个视图上的不同按钮设置标题?

...描述】:我的iPad应用有3个视图。欢迎屏幕->主屏幕->详细信息屏幕主屏幕有6个按钮。所有这些按钮都有不同的数据,这些数据显示在与按下的按钮相关的详细屏幕上。我想为详细屏幕导航栏上 查看详情

⭐超详细图解linux安装⭐

Linux安装目录😋linux的安装🧒虚拟机是什么👦常用的虚拟软件😛安装VMWare虚拟机💁安装步骤:💁‍♂️安装后,输入注册码😕虚拟机安装失败遇到的问题💁‍♀️问题1:🙋问题2... 查看详情

kalilinux上为什呢没有找到自带浏览器

Kali自带浏览器 iceweasel, 是Mozilla Firefox浏览器的Debian再发布版。参考技术A他自带的浏览器叫burpsuite打开终端——输入burpsuite本回答被提问者和网友采纳 参考技术B小米联想基本锁定系统自家浏览器才好用,这点无中兴... 查看详情

htmlmeta中添加x-ua-compatible和ie=edge,chrome=1有什么作用?

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务器中(通过HTTPHeader)所指定的模式。兼容性模式设... 查看详情

超详细介绍图像处理(卷积)(转)

图像处理(卷积)作者太棒了  原文  http://blog.sina.com.cn/s/blog_4bdb170b01019atv.html图像处理-线性滤波-1基础(相关算子、卷积算子、边缘效应)这里讨论利用输入图像中像素的小邻域来产生输出图像的方法,在信号... 查看详情