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播放器。