网页视频播放的去Flash方案

Flash的衰落

在过去的10多年时间里（从2004年到2018年），网页视频播放一直是Flash技术的天下，我们所熟悉的众多视频网站和新闻门户网站一直都在使用Flash技术来播放网页视频。这里的主要原因是IE浏览器的高比例占有量和Flash插件在客户端的普及，还有就是主要流媒体服务器产品对rtmp协议和flv视频格式的广泛支持，这是这一个时期的视频生态系统。

随着IE浏览器的衰落和新型浏览器（Chrome,Firefox,Safari等）的崛起，Flash视频播放进入了被淘汰的进程，HTML5 Video正在成为视频播放的主流技术。Youtube从2010年就开始尝试使用没有Flash的视频播放技术，到2018年前后完全实现了去Flash播放，国内的视频网站也在积极地进行这去flash的技术改进，相信也很快不再使用Flash播放器。Chrome浏览器将在今年（2020）彻底抛弃Flash技术，这无疑会大大促进众多整个互联网行业的去Flash进程。

HTML5 Video的兴起

新的网页视频播放标准是HTML5 Video。

这是和HTML5标准一起普及的视频播放标准。HTML5 Video具有跨终端、无需插件、灵活、容易开发等特点，并且被几大主流浏览器（Safari、Firefox和Chrome等浏览器）完全支持。HTML5 Video与MSE（Media Source Extensions ）一起能够提供更加强大的视频播放和扩展应用（如双向视频）等。

目前，国内外的视频网站大都在开始普及使用HTML5 Video，在Safari、Firefox和Chrome等浏览器上，HTML5 Video正在成为主流。而随着Chrome浏览器停止对Flash的支持，最终会倒逼不少网站彻底专项HTML5 Video播放技术。

浏览器的支持情况

浏览器对HTML5 Video的支持情况：

浏览器对MSE的支持情况：

流媒体服务器的支持

国内外流媒体服务器系统在去Flash的趋势中也在不断发展，国内以NTV Media Server G3为代表的流媒体服务器产品率先完成了去Flash的研发。

NTV Media Server G3去Flash技术路线图：

表1

点播                    直播                                 双向

m3u8/mp4/flv   m3u8/http-flv/web-rtc   webrtc

表2

浏览器                           技术方案                              协议

IE11及以上版本              HTML5 Video + MSE     http-mp4/http-flv

Chrome/Safari/Firefox HTML5 Video + MSE      hls/http-flv/http-mp4/webrtc

IE11以下版本                 Flash Player                    rtmp/http-flv/hls