科普：bilibili全面公测的HTML5播放器到底有哪些优势？

bilibili（下称B站）最近在直播这一业务上也开始公开测试HTML5播放器。目前国内直播平台使用HTML5播放器的还是少见，而视频网站使用HTML5播放器的倒是比较多，B站的播放页目前也可以使用HTML5的播放器。本文主要基于B站来谈HTML5播放器的优势，因为B站是一个有弹幕而且部分视频弹幕量巨大，所以在播放器的性能表现上有很大的差距。

HTML5并不是什么新技术了，即使是对于视频网站来说。因为HTML5播放器在国外的视频网站（例如Youtube）或是直播平台（Twitch）都已经普及了的，只是在国内还没有全面普及。HTML5是新一代HTML规范标准，从视频播放器的角度来说HTML5的可拓展性更强，同时安全性、性能上都比Flash要好很多。

实际上B站的HTML5播放器在去年就开始进行公测了，由于B站对于这个播放器的功能是分批开发的，所以在稳定性等表现上需要进行更长时间的测试，这个HTML5播放器直到今年才正式开放。B站的这个HTML5播放器是基于B站自行开发的一个开源的核心组件 —— Flv.js，在这个组件的加持下HTML5播放器的性能不逊于App。

先前国内的众多视频网站不愿意使用HTML5播放器的原因是HTML5播放器对于一些老旧的浏览器（例如旧版本IE等等）支持并不好，而其在一些浏览器上HTML5播放器的性能并不理想，为了避免用户流失这些视频网站并没有推进HTML5播放器的普及。

随着目前Chrome内核的浏览器的流行，HTML5播放器的兼容性问题就变成了一个小问题，因而国内的这些视频网站也开始使用起了HTML5播放器。

HTML5播放器的优势主要在于性能、功耗、稳定性上。在B站使用Flash播放器看过弹幕特别多的1080P视频的同学可能会经常有卡顿、掉帧的体验，即使是在一些性能较强的电脑上也会出现这种现象，特别是在Chrome浏览器下。由于Chrome浏览器内建的Flash播放器性能不佳，而且时常崩溃，所以使用Flash播放器看一些高清视频等等的时候就会特别难受。

在切换到HTML5播放器之后对于Chrome来说带来的最直观的体验就是CPU占用率和内存占用的直线下降，在播放高清视频并且带有大量弹幕的时候仍然不会卡顿，即使是1080P的视频CPU占用率也不会一直处于90%以上（这里的CPU占用率是基于双核处理器），对于我个人的十分老旧的双核Intel处理来说，HTML5播放器带来的CPU开销也只有30%左右，并且内存占用低于200MB，相对于Flash播放器来说要好得多。

对于直播来说HTML5的播放器通常会有更小的播放延迟，同时HTML5播放器更不容易在直播中出现卡顿和频繁缓冲的情况。

由于Flash在性能上的限制使用Flash播放器看1080P以上的视频简直是一个特别糟糕的体验，完完全全是卡成PPT。在使用HTML5播放器之后，我们可以非常流畅地在电脑上观看分辨率为2K甚至是4K的在线视频（前提是网络条件允许）。另外HTML5播放器支持60FPS的视频流，也就是说我们使用HTML5播放器观看直播的时候可以获得特别棒的观感，对于游戏直播而言24FPS、30FPS、60FPS流畅程度完全不同，在60FPS下很明显整个画面都会更为流畅。

如果你喜欢使用平板电脑或是笔记本电脑看视频的话，那么HTML5播放器绝对是你的救星。在往常我们通常会遇到看视频看了一两个小时设备就没电了，这是由于Flash播放器会一直让CPU处于特别高的占用率，进而增大看视频时消耗的电量，在使用HTML5播放器后CPU占用率降低，相对而言CPU可以运行在更低的频率下，功耗则会更低。根据知乎用户给出的数据在使用HTML5播放器的情况下设备的续航能力可以增强一倍左右。

如果你还在使用老旧的IE浏览器，我个人的建议是最好更换成Chrome内核的浏览器以获得更好的HTML5体验等等，Chrome内核的浏览器有谷歌官方的Chrome浏览器，我个人比较推荐这个，其次还有国内各大浏览器厂商推出的一些浏览器例如360浏览器极速版、猎豹浏览器等等。当然如果你偏爱使用Firefox（火狐）或者是苹果的Safari那也是可以的，不过目前来看Chrome对于各种网页的新特性无论是兼容还是性能上要更好一些。

目前B站直播的HTML5播放器还处于公测阶段，大家需要自行在页面上手动启用HTML5播放器，要不然你使用的还是默认的Flash播放器。

深夜利|秘播视频
已添加在线视频资源，免费欣赏