在 H5 上播放视频流，有很多开源的播放器可以使用，比如：

1. flv.js（B站开源）使用纯JavaScript而不使用Flash编写的HTML5 Flash视频（FLV）播放器。
2. vue-video-player 适用于 Vue 的 video.js 播放器组件。
3. chimee.js 组件化H5播放器框架，支持 mp4、m3u8、flv 等多种格式，由奇舞团视频云前端组研发。
4. cyberplayer 百度官方推出的用于开发网页播放器的软件开发工具包。
5. ksplayer KSPlayer是金山云的Web端视频播放器。

以上播放器我都使用过，他们支持不同的协议，可以根据自己的需要进行选择。

本系统中集成了 flv.js 和 vue-video-player 播放器，其他的没有集成进去。

我使用 vue 开发前端页面并需要进行网页截图，要求延时低，所以我选择了低延时的 HTTP-FLV 协议，支持这个协议的上面的只有 flv.js 了，所以最终选择了它。

在一个做视频监控的项目中使用了 flv.js ，效果如下：