flv.js

flv.js解决延迟、卡死、断流重连问题

1、处理延迟consthandleDelay=():void=>{intervalId=window.setInterval(()=>{if(!flvPlayer)returnif(flvPlayer.buffered.length){letend=flvPlayer.buffered.end(0)//获取当前buffered值letdiff=end-flvPlayer.currentTime//
西红柿地瓜nice·2023-07-28 17:42

vue+videojs九宫格切换播放（含源码）

依赖：videojs、flv.js、videojs-contrib-hls、videojs-flvjs-es6、vue-video-player环境：node:14版本，可使用v14.19.1；vue2
东冥羽·2023-07-28 15:14

vue实现flv格式视频播放

先百度使用flv.js插件实现，但是两个摄像头一个能放一个不能放，没有找到原因。（开始两个都能放，后端更改地址后不有一个不能放）但是在另一个系统上是可以播放的。
浮桥·2023-07-28 06:27

前端播放flv的视频

问题：项目需要播放flv格式的视频，原生video标签是不支持播放flv格式的视频的，解决方式：需要使用插件，我这里是使用的flv.js,下面是它的使用方法,官网是flv地址1.安装npminstall
凹凸曼打不赢小怪兽·2023-07-15 23:32

react/vue使用flv.js做直播流，解决断流重连&跳帧

1.以前有个老项目用的flash，由于现在谷歌不支持flash故而更改用http流，采用flv.js来加载.flv。由于视频长期播放会出现视频延时或者卡顿断流，本文就解决此问题。
leesession·2023-06-14 05:45

flv.js报错 的解决方案

flv.js加载视频墙切换时报错如下分析原因：切换显示时报错例如：从图1切换到图2时，前四个视频流已经加载过一次，切换时，视频资源会二次加载图1图2解决方案：如下exportdefault{data()
rpf1234·2023-06-11 22:26

vue加载flv格式的视频遇到的bug，及解决方法

vue加载flv格式的视频遇到的问题描述第一次打开时报错```javascript```javascript```javascriptimportflvjsfrom"flv.js";if(flvjs.isSupported
rpf1234·2023-06-11 22:25

[转]flv.js+vue 视频播放(手动追帧、断开重连、多个视频同时直播)

importflvjsfrom'flv.js/dist/flv.min.js'exportdefault{name:'viewVideo',data(){return{src:"",//flv格式的地址
果汁果肉·2023-06-11 21:47

使用flv.js的踩坑记录及解决方法

目录安装使用踩坑警告：[FlvPlayer]>Playbackseemsstuckat0,seekto1.32解决方法:报错1:Uncaught(inpromise)DOMException:Failedtoreadthe'buffered'propertyfrom'SourceBuffer':ThisSourceBufferhasbeenremovedfromtheparentmediasour
尤雪爱学习0v0·2023-06-10 16:19

Vue使用hls.js拉流播放m3u8文件录播视频

(没错，这段就是拷贝的flv.js的介绍）yarnaddhls.js安装后查看项目中node_modules下是否多了hls.js这个文件夹。import包im
怀老师·2023-04-17 07:08

使用SpringBoot+ Nginx-http-flv-module + FFmpeg + Flv.js 推Rtsp流 VUE播放

一、安装Nginx-http-flv-module1、下载nginx包下载地址：https://nginx.org/download/nginx-1.14.2.tar.gz2、下载nginx-http-flv-module模块包下载地址：https://github.com/winshining/nginx-http-flv-module3、解压nginx包，将Nginx-http-flv-mod
程序猿加内特·2023-04-17 05:46

H5直播系列八 FLV文件格式

在如何看待哔哩哔哩的开源HTML5播放器内核flv.js?中，flv.js作者有这样一段回复：一些人问我为什么不直接采用MP4格式，并表示对FLV格式的厌恶。
合肥黑·2023-04-11 22:12

flv.js 中文文档

接口flv.js将所有接口都以flvjs对象暴露在全局上下文window中.flvjs还可以通过require或ES6导入来访问对象。
这个前端不太冷·2023-04-08 18:32

vue + flv 实现 视频播放

vue+flv实现视频播放首先我们选的框是vue-cli，我们这期用到的哔哩哔哩的那个flv.js，而且这个很好用。
peterPJL·2023-03-10 20:10

基于vue的flv直播视频流播放插件（cstor-live-player）

cstor-live-playercstor-live-player云创大数据开源的一款基于Vue的组件，目的是使用flv.js播放低延迟的实时视频流。
新新格子君·2023-02-01 01:43

JavaCV音视频开发宝典：使用JavaCV和springBoot实现http-flv直播服务,无需流媒体服务,浏览器网页flv.js转封装方式播放rtsp,rtmp和桌面投屏实时画面

《JavaCV音视频开发宝典》专栏目录导航《JavaCV音视频开发宝典》专栏介绍和目录前言自从2021年初开始，各个浏览器开始禁用flash插件，以前直播中经常使用的rtmp无法在网页中使用，各种浏览器web网页直播技术层出不穷，有webm、hls、dash、http-flv、websocket-flv，webrtc等等等等不一一赘述，之前，博主写过了webm直播，今天只单独讲讲http-flv，
eguid_1·2023-01-31 11:13

JavaCV音视频开发宝典：JavaCV实现mp3音频直播FM在线电台服务，无需流媒体服务，浏览器原生audio标签直接播放mp3，支持rtsp/rtmp/flv/hls/本地音视频源直接转码到mp3

JavaCV音视频开发宝典》专栏介绍和目录前言之前写过使用JavaCV实现webm直播的文章：《JavaCV音视频开发宝典：使用JavaCV实现webm直播服务,无需流媒体服务,无需mse转封装插件（flv.js
eguid_1·2023-01-31 11:43

JavaCV音视频开发宝典：无需流媒体服务也无需转码，使用JavaCV和springBoot实现http-flv转封装直播服务，浏览器网页flv.js直接播放rtp、rtsp、rtmp实时视频

》专栏目录导航《JavaCV音视频开发宝典》专栏介绍和目录前言本章代码除了在《JavaCV音视频开发宝典：使用JavaCV和springBoot实现http-flv直播服务,无需流媒体服务,浏览器网页flv.js
eguid_1·2023-01-31 11:43

基于Bilibili开源flv.js实时视频拉流

1.npminstall--saveflv.js2.importflvjsfrom'flv.js'Yourbrowseristoooldwhichdoesn'tsupportHTML5video.js:
大咔丶·2023-01-29 02:55

视频流传输协议

流tcp流tcp流httphttp视频封装格式flvflvtagtsmp4Ts文件Mp43gpwebm延时低低低高高数据分段连续流连续流连续流切片文件切片文件Html5播放可通过html5解封包播放(flv.js
北溪入江流·2023-01-16 20:23

web端播放rtsp视频流

由于项目需要，对web端播放大华/海康的摄像头视频流做了点研究：在web页面中播放rtsp直播数据流方法7waystostreamRTSPonthepage使用flv.js做直播在chrome中呈现RTSP
F_angT·2022-12-15 13:56

Yolov5-deepsort人车流统计RTMP推流直播

（3）Nginx服务器配置和flv.js插件。所需的环境和yolov5-6.0一致，如缺少相关的python包自行安装。
大肥柴·2022-12-10 23:32

小例子带你深撅直播流技术

本文记录一下在使用flv.js播放监控视频时踩过的各种各样的坑。虽然官网给的GettingStarted只有短短几行代码，跑一个能播视频的demo很容易，但是播放时各种各样的异常会搞到你怀疑人生。究其
前端点线面·2022-12-10 07:20

基于DPlayer的原生flv和hls播放

Part1前言著名的hls.js和flv.js可以分别支持hls协议和flv协议的播放。
g0415shenw·2022-11-02 19:50

JavaCV音视频开发宝典：使用JavaCV和springBoot实现websocket-flv直播服务,无需流媒体服务,浏览器网页flv.js播放器直接播放rtsp,rtmp等实时视频

《JavaCV音视频开发宝典》专栏目录导航《JavaCV音视频开发宝典》专栏介绍和目录硬核注意：本文默认读者已经熟练掌握springboot和websocket的前置知识，并已基本掌握JavaCV音视频原理。前言前面我们已经讲了webm直播，http-flv直播，本章就直接开始动手实现websocket-flv直播。关于flv格式的起源与发展等等基本知识在上一章：《JavaCV音视频开发宝典：使用
eguid_1·2022-09-06 14:21

flv.js源码知识点

flv.js的实例提供了statistics_info事件获取当前的网速。
·2022-07-08 11:41

10 个项目中常用的 JS 工具库，大多数项目应该都可以用到

目录Day.js基本用法qs基本用法js-cookie基本用法flv.js基本用法vConsole基本用法Animate.css基本用法animejs基本用法lodash.js基本用法mescroll.js
小湾生产队队长·2022-04-15 13:51

音视频通信加餐 —— WebRTC一肝到底

原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是WebRTC浏览器原生支持，其他客户端支持也很好，不像传统直播用flv.js做兼容，可以实现标准统一。
·2022-03-09 12:51

音视频通信加餐 —— WebRTC一肝到底

原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是WebRTC浏览器原生支持，其他客户端支持也很好，不像传统直播用flv.js做兼容，可以实现标准统一。
·2022-03-09 11:54

前端常用的js库

zhuanlan.zhihu.com/p/460750001名docs备注day.jshttps://dayjs.fenxianglu.cn/时间类qshttps://www.npmjs.com/package/qsjs转换flv.js
Eden0204·2022-02-07 10:53

使用flv.js实现flv格式的监控视频流播放

最近在对接海信的监控摄像头，对方返回的监控视频流格式是flv格式，我使用的是flv.js来实现监控播放一：flv.jsgithub地址：https://github.com/Bilibili/f...flv.js
·2021-11-02 11:21

Vue 中使用flv.js视频播放器，并将其组件化

importflvjsfrom"flv.js";//importwushipin_lan_dafrom'..
前端码农专心造轮子·2021-10-22 17:24

实现一个网页直播功能超级简单(EasyRTMP.apk + nginx-http-flv + vue + flv.js) 不使用 Flash

简单的直播技术选型:手机端:EasyRTMPEasyRTMP项目Github地址RTMP服务器:nginx-http-flvwindow版(编译好)网页端:vue+flv.js工作流程(参考EasyRTMP工作流程图)实现步骤启动nginx-httpflv服务启动命令//解压目录下使用cmd命令nginx.exe-cconf\nginx.confnginx.conf内容,主要配置为rtmp和htt
动身崛起·2021-10-15 12:00

播放 RTSP 视频流

概述需求通过接口调用，获取网络摄像头的RTSP推流URL，需要播放此RTSP协议传输的视频流解决方案后端使用ZLMediaKit流媒体服务框架对RTSP视频流进行代理，输出http-flv直播地址前端通过flv.js
bowen_wu·2021-09-07 10:12

视频播放器（直播、录播一体化）解决方案（video.js + flv.js + videojs-flvjs）

背景描述：实现一款视频播放器，同时支持直播和录播功能功能清单：支持解析m3u8或flv两种直播流，支持录播且多段分段视频播放支持直播流之间互相切换支持直播与录播之间互相切换支持播放器工具栏定制化开发技术选型video.js+flv.js+videojs-flvjsvideojsVideo.js是专为HTML5世界打造的网络视频播放器。它支持HTML5和Flash视频，以及YouTube和Vimeo
spring_zto·2021-06-09 04:31

angular4 + flv.js + srs 搭建一个简单的基于html5的直播平台

flv.js,B站开源的html5播放器，简单来讲就是通过获取http-flv的直播流，然后利用MSE来播放。srs,作者winlin，国内比较认可的一款开源的流媒体服务器具体步骤创建videoP
ME_HK·2021-06-06 19:23

不依赖flash,rtsp流通过ffmpeg+nginx-http-flv转成rtmp以及http-flv流,并通过flv.js在页面播放(附带所用的工具下载)

这里写自定义目录标题需求背景开发工具配置nginx.confffmpeg命令前端播放flv.jsflv.js播放视频VLC播放视频需求背景公司用到大华摄像头，大华提供了rtsp的视频流，目前浏览器已都不支持flash，所以转成rtmp流无法播放；转成m3u8格式虽然可以直接播放，但是延迟太高；最终决定将rtsp流通过ffmpeg+nginx-http-flv转成rtmp以及http-flv流，并通
IrvingWs·2021-04-30 17:23

浏览器播放RTSP视频流几种解决方案

整个架构如下图所示，分为服务器端和浏览器端两部分：方案二：RTSP转RTMP到RTMP服务器，转http-flv，播放端用flv.js播放flv.js在
daniulive·2021-03-22 16:49

5分钟入门MP4文件格式

写作背景：最近经常回答团队小伙伴关于直播&短视频的问题，比如“flv.js的实现原理”、“为什么设计同学给的mp4文件浏览器里播放不了、但本地可以正常播放”、“MP4兼容性很好，可不可以用来做直播”等。
程序猿小卡_casper·2020-12-07 15:14

5分钟入门MP4文件格式

写作背景：最近经常回答团队小伙伴关于直播&短视频的问题，比如“flv.js的实现原理”、“为什么设计同学给的mp4文件浏览器里播放不了、但本地可以正常播放”、“MP4兼容性很好，可不可以用来做直播”等。
程序猿小卡_casper·2020-12-07 15:00

flv.js系列三：FLV格式解析

flv.js系列三：FLV格式解析flv.js中音视频额分离器是FLVDemuxer,看懂这里的代码之前先要了解FLV文件的数据格式及JS中如何读取指定二进制数据。
传播正能量·2020-11-30 10:51

flv.js系列二：网速计算与数据缓存

flv.js源码知识点（二）在上一篇文章中主要讲解了flv.js的整理流程，今天讲解其中的网速计算和数据缓存处理。
传播正能量·2020-11-30 10:51

flv.js源码知识点（上）

flv.js是一款优秀的开源web端flv文件播放器，flv格式目前广泛应用在直播及音视频录制领域。
传播正能量·2020-11-30 10:20

基于nginx和ffmpeg前端flv.js简单的直播环境搭建（rtmp+http-flv+hls）

https://blog.csdn.net/xjb2006/article/details/106681078https://segmentfault.com/a/1190000016043297?utm_source=tag-newesthttps://segmentfault.com/a/1190000009695424?utm_source=sf-relatedhttps://www.jia
phymat.nico·2020-11-04 17:39

流媒体方案，技术开源项目，包含Java调用FFMpeg(FFCH4J)，推拉流服务器，nginx-http-flv-module，ckplayer，Flv.js，EasyPlayer.js集成

事件rtsp-web-converter----->flv.js拉流播放转码RTSP，RTMP
爱是与世界平行·2020-10-10 13:24

Flv.js全面解析

Flv.js全面解析常见直播协议Flv.js概览Flv.js结构图架构图功能API文档相关MediaDataSource的字段列表如下，Configflvjs.getFeatureList()Flv.js
爱是与世界平行·2020-10-09 09:26

调用flv.js显示视频报错

flv.js开源地址：https://www.bootcdn.cn/flv.js/代码/*隐藏播放、暂停等各类播放器功能按钮*/video::-webkit-media-controls-fullscreen-button
Wvv_·2020-09-15 06:08

flv.js问题

记录：解决flvjs在弹出层甘比后还在占用资源的问题可以直接移除流endFlvVideo(){this.flvPlayer.destroy();this.flvPlayer=null;}目前为一次性，关闭之后再打开就获取不到url，待解决
potato_ubisoft·2020-09-15 05:59

flv.js播放视频卡顿问题解决方法总结

背景近日项目中需要做些录播和直播类的功能，需要用到播放flv视频的组件，找到了B站的开源组件flv.js本文章不涉及到flv.js具体使用方法，flv.js具体使用参见B站github地址只将将使用中遇到的问题总结一下
myan18·2020-09-15 05:18

video.js 结合 flv.js播放flv视频

videovarflvUrl="https://mister-ben.github.io/videojs-flvjs/bbb.flv";varplayer=videojs('videojs-flvjs-player',{techOrder:['html5','flvjs'],flvjs:{mediaDataSource:{isLive:false,cors:true,withCredentials
夏末_阳光依然耀眼·2020-09-15 04:44
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他