使用 Flv.js 和 Reflv 播放视频

1.背景

传统的播放视频是采用 flash 播放器方式，然而各大浏览器厂商都不再支持flash , 我们不得不寻找其他解决方案。

2.说明

2.1 Flv.js

flv.js 是一个HTML5 Flash视频(FLV)播放器，它通过纯JavaScript编写，没有使用 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流，并实时转封装为 fmp4 ，通过 Media Source Extensions 喂给浏览器。

它依赖于媒体源扩展 MSE ( Media Source Extensions ） 来工作。它来自 Bilibili 开发和开源。

主站：https://github.com/Bilibili/flv.js/
示例：http://bilibili.github.io/flv.js/demo/

功能：

• FLV 容器，具有 H.264 + AAC 编解码器播放功能
• 多部分分段视频播放
• HTTP FLV 低延迟实时流播放
• FLV 通过 WebSocket 实时流播放
• 兼容 Chrome, FireFox, Safari 10, IE11 和 Edge
• 十分低开销，并且通过你的浏览器进行硬件加速

flv.js依赖的浏览器特性兼容列表

• HTML5 Video
• Media Source Extensions
• WebSocket
• HTTP FLV: fetch 或 stream