2022前端最新面试题知乎 2022前端最新面试题( 八 )


可以看到Edge在显示HLG视频时并未激活HDR输出,而Chromium可完美HDR输出(肉眼效果和截图不一致,截图比较亮,肉眼显示是正常的),同时,即使视频容器有写入色彩空间,Edge处理后的视频存在过曝问题,这一轮Chromium完胜 。
(左图:Safari15.3macOS,右图:Chromium104macOS)
在macOS平台,Safari完全支持HLGHDR视频,Chromium104也不错,二者效果完全相同,均可良好支持HLGHDR在HDR显示器以HDR格式完美显示,这一轮打平 。
根据上述测试结果,总结如下:
PQ(SDRDisplay)PQ(HDRDisplay)HLG(SDRDisplay)HLG(HDRDisplay)ChromiummacOS?(EDR)??(EDR)?SafarimacOS?(EDR)??(EDR)?ChromiumWindows????EdgeWindows?PartialPartial?
在macOS平台,Safari和Chromium的HDR表现均良好,且支持EDR 。
在Windows平台,如果你想观看HDR内容,没有别的选择,Chromium是唯一完全支持HDR的浏览器 。
在Windows平台,Edge与Windows均不支持HEVCRext,这是因为DXVA规范并没有制定除Main/Main10以外的Profile(尽管Intel和NVIDIA后期自己实现了422444Rext的硬解,但这不在规范里) 。
(左图:Safari15.3macOS+IntelMac,右图:Chromium104macOS)
(左图:Safari15.3macOS+M1Mac,右图:Chromium104macOS)
如图所示,在macOS平台,Safari不完全支持HEVCRext(比如Intel就不支持,M1芯片的Mac支持一部分),而Chromium104支持硬/软解HEVCRext(AppleSilicon芯片支持10bitRext硬解,Intel芯片Mac支持Rext软解),Chromium胜在兼容性 。
在Windows平台,结论是:这一轮Chromium和Edge打平,目前能找到的8K视频二者都可正常播放,因此这里暂时不放截图了 。
(左图:Safari15.3macOS,右图:Chromium104macOS)
在macOS平台,诚然,Safari确实支持8K,这一点可以在B站的8KHEVC视频上验证,但是由于其“挑格式”的小毛病,测试页面“为数不多”的几个8K测试的视频团灭,因此这一轮Chromium胜 。
在Windows平台,结论是:这一轮Chromium和Edge打平,目前我能找到的所有Main/Main10Profile的HEVC视频均可在二者正常播放,因此这里暂时不放截图了 。
(左图:Safari15.3macOS,右图:Chromium104macOS)
在macOS平台,Safari彻底输了,40个测试视频约一半无法正常播放,这一波Chromium完胜 。
BiliBili是目前官方支持HEVC的网站,通过使用UserAgent修改插件,并模拟成macOS的Safari,我们可以使B站优先使用HEVC播放视频,且最大支持8K 。
如下图所示,开启硬解后的Chromium可以流畅播放8K60P的HEVC视频:
打开chrome://media-internals可以验证,视频是分辨率确实是7680*4320的HEVC 。
性能如何?
为此我找了一台使用HD620GPU的LenovoThinkpadT14,尝试在B站播放8K60P的视频:
(Chromium104,HD620在播放8K60P视频时的GPUDecode占用率达到了100%)
可以看到HD620核显拼一拼还是可以播8K60P视频的(虽然偶尔有一点掉帧),同时也可以看到在播放8K视频时的系统CPU占用率只有16%,硬解带来的性能收益非常显著 。
通过使用UserAgent修改插件,并模拟Edge18.19041,我们可以解锁B站的HDR模式,最大分辨率为4K 。我们选择了一个支持HDR的视频,并对比Edge和Chromium 。
(左图:Edge102Windows,右图:Chromium104Windows)
可以发现在Windows平台,Chromium是唯一良好支持B站HDR10的浏览器,而Edge无法正常显示 。
(左图:Safari15.3macOS,右图:Chromium104macOS)
可以发现在macOS平台,Safari和Chromium均可良好支持B站的HDR10,在HDR支持上,二者无区别 。
经过上述测评想必大家应该可以看到,在2022年的今天,终于,Chromium也可以完整支持硬解HEVC了,且相比Safari和Edge,在HDR支持,格式兼容性,性能,平台支持四个方面均表现良好,甚至小幅超越 。