Chrome播放flv实时视频，切换标签后，延时严重

最新推荐文章于 2024-06-17 18:49:24 发布
最新推荐文章于 2024-06-17 18:49:24 发布
阅读量2.1k 收藏
点赞数
分类专栏： 海康摄像头
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsj777/article/details/106402569
版权
当使用flv.js在Chrome中播放http-flv直播时，若切换到其他标签再返回，发现视频直播存在严重的延时现象。解决方法是通过设置定时任务，检查视频流是否实时，若非实时则调整到当前时间，从而降低延迟问题。
摘要由CSDN通过智能技术生成

1、问题描述

在使用flv.js直播http-flv视频流时，切换到浏览器其他tab也，然后再切换回视频直播页面时，直播画面延时很高。

2、解决方案

设置定时任务 ，判断视频流是否是实时的，如果不是视频流定向到当前时间。 

<!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>flv.js demo</title>

    <style>
        .mainContainer {
            display: block;
            width: 1024px;
            margin-left: auto;
            margin-right: auto;
        }

        .urlInput {
            display: block;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .centeredVideo {
            display: block;
            width: 100%;
            height: 576px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
       
最低0.47元/天 解锁文章
非ban必选
关注
专栏目录
关于flv实时视频流的问题 —— 隐藏浏览器页面时，直播视频自动暂停，重新打开页面播放进度重新播放，导致延迟问题。
weixin_61434483的博客
04-10 1977
关于flv实时视频流的问题 —— 隐藏浏览器页面时，直播视频自动暂停，重新打开页面播放进度重新播放，导致延迟问题。可视化大屏常见bug。
仿优酷土豆支持IE firefox chrome的flv播放器
08-23
仿优酷土豆支持IE firefox chrome的flv播放器
chrome不用flash,播放流视频
weixin_43047359的博客
10-09 431
npm install --save flv.js 引用import flvjs from “flv.js/dist/flv.min.js”;` data(){ return{ wrjzhData:{ attachmentName: "https://api.tjdataspace.com/flv.flv", fileName: "航拍视频",videoType:"flv", id: 3 } } } mounted(){ this.playZhPause(this.w.
浏览器支持http-flv协议
最新发布
weixin_55163060的博客
06-17 643
浏览器支持http-flv协议 浏览器支持http-flv协议 浏览器支持http-flv协议
【chrome】观看直播卡顿原因
wangxiancao的博客
10-22 2658
chrome观看直播卡顿的原因。
vue+flv播放flv视频、m3u8视频,谷歌浏览器视频不自动播放怎么办
Study_Live_Sun的博客
10-15 2365
播放flv视频 <template> <div id="app1"> <video id="myvideo" @click="click" controls = "true" height="500" width="auto" muted ></video> </div> </template> <script&g
使用flv.js直播的时候优化的方案
weixin_58775072的博客
03-18 842
最近在处理前端直播的业务，根据业务需要，使用 flv.js 的方案播放实时的flv视频流。不得不承认，flv.js 是一个伟大的库。在使用flv.js开发的过程中，遇到了一些问题，也无外乎是视频延迟，视频卡顿等问题，经过在github issues里摸爬滚打，加上长时间的试错，将这些问题归纳出了对应的解决方案，也自己封装了一个扩展插件flvExtend。
18个实时音视频开发中会用到开源项目
irainsa的博客
12-08 851
实时音视频的开发学习有很多可以参考的开源项目。一个实时音视频应用共包括几个环节：采集、编码、前后处理、传输、解码、缓冲、渲染等很多环节。每一个细分环节，还有更细分的技术模块。比如，前后处理环节有美颜、滤镜、回声消除、噪声抑制等，采集有麦克风阵列等，编解码有VP8、VP9、H.264、H.265等。我们今天汇总了一些能帮助到正在学习或进行音视频开发的实时音视频开发者们的开源项目与几个也在为开源社区贡献力量的商业服务。这些项目分为几类：音视频编解码类、视频前后处理、服务端类等。
福利贴：最全实时音视频开发要用到的开源工程汇总
qq_52703909的博客
03-25 601
实时音视频的开发学习有很多可以参考的开源项目。一个实时音视频应用共包括几个环节：采集、编码、前后处理、传输、解码、缓冲、渲染等很多环节。每一个细分环节，还有更细分的技术模块。比如，前后处理环节有美颜、滤镜、回声消除、噪声抑制等，采集有麦克风阵列等，编解码有VP8、VP9、H.264、H.265等。
云真机- 关于云真机画面传输后，浏览器切换到其他tab，隔一段时间回来后，画面延迟问题
saii的专栏
04-09 897
团队使用的云真机平台之前从minicap切换到了scrcpy的方案后，出现云真机的画面开始传输后，如果此时将浏览器切换到其他tab页面后，然后隔一段时间回来操作会发现，屏幕的画面传输会延迟非常多， 这个延迟跟放置到后台的时间有关。 这个问题一开始怀疑是因为使用的库 h264-converter 的问题， 但是从官方的issue中，也没有看到有相关的问题体现，而且这个问题从操作表现的来更像是浏览器的一些形式，类似于将置于后台的video的视频播放给停止了似的。 所以实在没找到好的方式，采用了一种相当糟糕的.
解决谷歌浏览器开发版无法播放Flash视频问题
12-05
很多人喜欢使用谷歌浏览器，但有时候发现一些需要Flash插件的视频无法播放。和大家分享一下我的解决办法
Chrome浏览器通过EasyPlayer播放多路flv视频流后浏览器崩溃是什么原因？
TSINGSEE青犀视频官方技术博客
11-12 1348
EasyPlayer播放器系列项目是TSINGSEE青犀视频开发的极具开放性的播放器项目，用户可以根据自己的需求调用接口或者进行开发，实用性强，稳定性也非常优越，很多用户调用EasyPlayer播放器自行做开发或者集成。 在最近在使用@easydarwin/easyplayer播放器过程中播放多路flv流出现的浏览器崩溃问题。经过分析源码发现程序内有个定时器： this.player.on("ended", () => { if (this.live) { this.is
对flv.js直播流延迟问题解决
duhubin的博客
03-09 912
通过云服务器搭建了流媒体，将rtmp转成http流推出去，发现有6，7秒左右的延迟，通过从网上找到的几种方法，结合后延迟目前约为1.5s左右。1.推流搭建的nginx服务器，需要修改nginx.conf文件中的gop_cache 缓存为关闭状态。
网页直播/点播播放器支持http-flv/rtmp/m3u8等播放音视频流媒体播放器EasyPlayer-RTMP-iOS卡顿问题的解决及设置方法
TSINGSEE青犀视频官方技术博客
09-26 1372
背景分析 RTMP协议是应用层协议，是要靠底层可靠的传输层协议（通常是TCP）来保证信息传输的可靠性的。在基于传输层协议的链接建立完成后，一个RTMP协议的流媒体推流需要经过以下几个步骤：握手，建立连接，建立流，推流。 RTMP连接都是以握手作为开始的。建立连接阶段用于建立客户端与服务器之间的“网络连接”；建立流阶段用于建立客户端与服务器之间的“网络流”；推流阶段用于传输视音频数据。 Eas...
Video(flv,mpegts)视频流解决方案
qq_52648305的博客
02-09 6848
经过以上的分析,现阶段最适合最直播业务的为flv流,而它的缺点是前端 video 标签不能直接播放，需要经过处理才行。不过没关系,我们有flv.js!底层基于 TCP，在浏览器端依赖 Flash,但是从2020底年开始,谷歌已经带头不支持flash插件了。flv.js是一个较成熟的前端处理flv格式的插件库，是B站视频的开源插件。
flv.js解决延迟、卡死、断流重连问题
梅子黄时雨
08-03 4243
flv.js解决延迟、卡死、断流重连问题
本地和外网部署视频推流和视频流播放http-flv流
yilvyangguang520的博客
04-07 6141
本地和外网部署视频推流和视频流播放http-flv流
解决flv格式视频在网页中播放问题
java-t-go
08-24 643
&lt;embed width="300" height="215" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowfullscreen="true" src=http://192.168.40.13
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

非ban必选

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值