最近项目开发中用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

flv(直播流视频播放)踩坑相关推荐

数据库周刊28│开发者最喜爱的数据库是什么？阿里云脱口秀聊程序员转型；MySQL update误操作；PG流复制踩坑；PG异机归档；MySQL架构选型；Oracle技能表……
文章来源:墨天轮社区 https://www.modb.pro/db/26343 摘要:墨天轮数据库周刊第28期发布啦,每周1次推送本周数据库相关热门资讯.精选文章.干货文档.本周分享开发者最喜爱的 ...
视频流媒体播放器EasyPlayer.js如何实现在FLV直播流断流恢复后自动重连？
背景分析 EasyPlayer-Android播放器是一款可针对RTSP.RTMP.RTSP&RTMP协议进行过优化的流媒体播放器,其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低.最 ...
flv直播流播放视频，websocket响应造成内存泄漏浏览器崩溃
项目现状: 问题:公司做了个监控设备的直播流大屏,技术使用了flv 和websocket,项目写好了,拿到他们那边使用运行了40分钟浏览器崩溃了,报内存不足 ## 解决思路一:第一个我想到的是flv ...
html5中插入视频无效原,h5视频播放踩坑记录
随着抖音.快手这类的视频类app的火爆,移动端h5视频类应用也随之兴起,使用video播放的场景也越来越多,本篇文章主要例举了移动端视频播放的一些场景和个人在开发过程中遇到的一些问题,希望在看过这篇文 ...
Android 阿里云视频直播安全下载踩坑实录
最近项目里面集成了阿里云直播的内容,其中需要相应的下载视频的功能,遇到了一些问题,在这里贴出来跟大家分享一下, 我在项目中使用的是基于阿里云高级播放器3.4.8的sdk,具体怎么导入sdk ,请移步官 ...
LiveGBS国标视频平台如何获取接入视频通道的直播流地址HLS/HTTP-FLV/WS-FLV/WebRTC/RTMP/RTSP
1.背景说明 LiveGBS国标GB/T28181流媒体服务器软件,支持设备|平台GB28181注册接入.向上级联第三方国标平台, 可视化的WEB页面管理(页面源码开源):支持云台控制.设备录像检索. ...
java做flv直播服务器_一种RTMP直播流到HTTPFLV直播流实时转换系统及其工作方法与流程...
本发明属于互联网的音视频技术领域,具体涉及一种RTMP直播流到HTTP FLV直播流实时转换系统及其工作方法. 背景技术: 在传统互联网直播领域,PC端采用RTMP协议进行视频直播,国内一部分CDN服 ...
爬取B站直播流 - http+flv的相关研究
参考链接 HTTP-FLV直播初探 HTTP-FLV的两种方式 Json将&符号转成了 \u0026 python requests提示警告InsecureRequestWarning 爬取B ...
Ubuntu+nginx+ftmp+obs搭建直播流服务器学习
第一步安装依赖安装gcc g++的依赖库 sudo apt-get install build-essential sudo apt-get install libtool 安装pcre依赖库 su ...

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