flv(直播流视频播放)踩坑

最近项目开发中用flv加载的直播视频流遇到了如下几个问题，现进行记录学习
1、出现组件销毁后，视频流依然在进行拉流
2、出现断流和卡顿

项目场景：

flv格式的直播流通过flv.js依赖进行实时直播播放

---

问题描述：

1、出现组件销毁后，视频流依然在进行拉流
2、出现断流和卡顿

---

组件销毁后，视频流一直在加载

第一次未连接上直播流后，未进行重连操作，导致视频无法播放，页面报错

---

原因分析：

1、由于销毁组件的时候没有正确的销毁视频实例，导致一直在拉流
2、没有监听视频流的断连、断流、卡顿的情况，并进一步进行销毁视频实例并重新进行视频流请求操作

---

解决方案：

对于第一个问题
1、在destroy生命周期内进行视频实例的关闭、停止加载、销毁等一系列操作进行手动销毁
2、如不能正常销毁，请检查flv.js是否为最新版本，新版本的flv.js解决了视频销毁后，依然拉流的问题

flv项目地址

github:bilibili / flv.js

gitCode/flv.js

对于第二个问题
监听到视频返回的断流卡顿的错误信息后，进行视频实例销毁并重新创建实例连接视频

本文章参考来源：https://blog.csdn.net/HJFQC/article/details/109626836