flv.js播放视频时遇到的问题

最新推荐文章于 2024-07-05 15:27:23 发布
最新推荐文章于 2024-07-05 15:27:23 发布
阅读量2.6k 收藏 2
点赞数 1
分类专栏： ffmpeg flv 文章标签： ffmpeg flv http-flv
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43058421/article/details/116738608
版权

文章目录

前言

rtsp流通过ffmpeg+nginx-http-flv转成rtmp以及http-flv流,并通过flv.js在页面播放,带有音频的流出现播放不了问题

一、报错

在这里插入图片描述

二、原因

Chrome浏览器无法自动播放音频视频

三、方案

解决办法:ffmpeg命令转流时直接去掉音频

  1. 在推流时加上 -an 参数,关掉音频流.
    原命令:ffmpeg -i “rtsp://172.18.10.200:9090/dss/monitor/param?cameraid=1000291%240&substream=2” -vcodec copy -acodec copy -f flv “rtmp://127.0.0.1:1936/live/1000291”
    修改后:ffmpeg -i “rtsp://172.18.10.200:9090/dss/monitor/param?cameraid=1000291%240&substream=2” -vcodec copy -an -f flv “rtmp://127.0.0.1:1936/live/1000291”
  2. 在推流时加上 -acodec aac参数,用aac对音频流进行编码.
IrvingWs
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
flv.js 测试demo (h5 video标签播放flv视频)
10-24
flv.js 测试demo 将整个文件夹放在web服务器目录下，可使用xampp搭建服务器，放在htdocs下，通过 http://localhost/flv 访问
flv.js+flv.min.js的播放器使用案例
10-30
本文将深入探讨“flv.js+flv.min.js”的播放器使用案例，这两个JavaScript库是用于实现FLV（Flash Video）格式视频在现代浏览器中播放的关键工具。 FLV是一种广泛使用的视频格式，尤其在早期的网络视频中非常流行。...
flv.js无法播放http-flv视频流（带音频）
佳佳鸽的博客
03-23 4795
flv.js demo地址 http-flv视频流不带音频时，可以通过flv.js直接拉流显示。 但是开发需要，视频流中加入音频后，flv.js不能直接拉流显示。 原因：hasAudio开关设置 解决：可以通过上面的flv.js demo，做一个拉流测试，输入stream url并手动设置顶端开关，再依次点击下方Load、Start按键进行测试。 代码部分： 参数设置及注释（取自官方文档） flvjs.createPlayer({ type: 'flv', //flv格式 enableW
flv.js无法播放http-flv流
崔杰城的博客
12-12 4505
使用nginx + http-flv模块实现http方式的flv直播，推流后使用ffplay和vlc可以播放得到的http-flv流，但是在浏览器中使用flv.js无法播放该流。导致该问题的原因是：flv.js对播放的http-flv流的格式有要求：视频压缩编码格式必须为h264,音频压缩编码格式必须为aac，所以必须得将输入流转码，才能使用flv.js播放 ...
使用flv.js播放视频
qq_44091061的博客
12-07 4475
使用flv.js播放视频
使用flv.js播放视频的时候，报错 _typeof is not defined
qq_42780155的博客
01-24 3998
使用flv.js播放视频的时候，报错 _typeof is not defined。 发现自己的版本是最新的：1.6.2 考虑到版本过高导致的问题，就降低了版本: 先把自己项目的flv.js卸载了 npm unnstall flv.js 然后安装对应的版本，选择了1.5.0的 npm install flv.js@1.5.0 启动项目之后就可以正常播放视频了。 有时候自己本地的package.json文件是自己想要的插件版本号，但是还是不行？？？？ 可能是下载的插件依赖依然不是自己想要的版本号，检
flv.js 跨域访问 nginx-http-flv-moudle 开启basic authentication时遇到的问题
wwyyxx26的专栏
06-10 4982
项目流程大概是这样的，浏览器从a服务器获取到流服务器地址和用户名密码，然后从流服务器上通过basic authentication取流 这里有两点:1、跨域问题 2 、要做访问验证 是开启nginx这边的basic authentication验证，这个网上的方法很多，不在累述了，网上找了一篇，看看就会了，改好后使用vlc取流，按要求输入用户名，密码就能取到流了 然后是flv.js的使用：在createPlayer的第二个参数config里加入basic authentication的http头.
vue加载flv格式的视频遇到的bug，及解决方法
rpf1234的博客
10-15 4838
vue加载flv格式的视频 遇到的问题描述 第一次打开时报错 ```javascript ```javascript ```javascript import flvjs from "flv.js"; if (flvjs.isSupported()) { let videoElement = document.getElementById('videoElement'); ...
flv.js断流重连断网重连
02-09
`flv.js` 是一个用于在浏览器中实现FLV（Flash Video）格式直播播放的JavaScript库，它允许用户在无需Flash插件的情况下观看直播内容。本文将深入探讨`flv.js`在处理断流和断网重连问题上的机制，以及如何实现直播...
video.js 一个页面同时播放多个视频的实例代码
10-17
当播放器准备就绪时，`ready`回调会被调用，然后我们可以调用`play`方法来开始播放视频。 总结一下，使用`video.js`在同一个页面上播放多个视频的关键步骤包括： 1. 引入`video.js`的CSS和JS文件。 2. 创建包含唯一...
flv流媒体播放器
12-28
flv流媒体播放器 可以播放flv格式的视频文件
flv格式视频播放 兼容IE
12-28
值得注意的是，虽然`flv.js`在大部分现代浏览器中都能运行良好，但在某些旧版或者配置较低的IE浏览器中可能会遇到性能问题，因为这些浏览器可能不完全支持MSE。在这种情况下，可能需要提供一个回退方案，比如使用...
FLV格式网页视频播放器，可全屏播放和静音，兼容主流浏览器
05-25
在互联网上，视频内容已经成为信息传递的重要方式，而FLV（Flash Video）格式作为早期流行的网页视频格式，曾经广泛应用于在线视频播放。本项目提供的是一款针对FLV格式的网页视频播放器，它支持全屏播放和静音功能...
通过调速解决flv.js(bilibili version)播放http-flv视频流时的累积延时
daqinzl的专栏
01-07 2635
var int1 = self.setInterval("clock()", 5000); function clock() { if (this.player.buffered.length) { let end = this.player.buffered.end(0);//获取当前buffered值 let diff = end - this.player.currentTime;//获取buffered与currentTime的差值 if...
使用flv.js遇到的问题（含vue中使用flv.js的简单教程）
热门推荐
xyy1234567891的博客
11-23 1万+
最近项目中使用到flv.js，却遇到如下两种情况 第一种报错情况：谷歌浏览器控制台出现的报错 使用报错如下：Failed to read the ‘buffered’ property from ‘SourceBuffer’: This SourceBuffer has been removed from the parent media source. 这种错误提示一般是在flv源发生异常中断的时候产生的。错误提示大多数都在 mse-controller.js 这个模块中。 解决办法：在 mse-con
FFmpeg4.3开发系列之四：命令行实践与解析
11-05
我将带领大家一起来学习ffmpeg的常用命令，包括音视频编解码、流媒体直播，同时讲解原理。大家在学习中遇到的各种问题，需要多总结分析、及时提问。  具体内容包括如下：三大命令行的选项分析：ffmpeg,ffplay,ffprobe音视频流信息的分析音视频的封装与解封装操作音视频的编码与解码操作字幕与水印的操作音视频的各种特效操作流媒体与直播的操作：rtp/rtcp/rtsp/hls(m3u8)/http-flv  梅老师从事音视频与流媒体行业18年；曾在永新视博、中科大洋、百度、美国Harris广播事业部等公司就职，经验丰富；曾亲手主导广电直播全套项目，精通h.264/h.265/aac，曾亲自参与百度app上的网页播放器等实战产品。 目前全身心自主创业，主要聚焦音视频+流媒体行业，精通音视频加密、流媒体在线转码快编等热门产品。
flv 报错 Unsupported codec in video frame: 12
aibujin的博客
06-16 4825
视频播放器播放 flv 报错 ，[TransmuxingController] > DemuxException: type = CodecUnsupported, info = Flv: Unsupported codec in video frame: 12
2021-09-23 基于ffmpeg+nginx+rtsp的http-flv点播方案-推流失败问题分析
程序员沙子的专栏
09-23 4346
项目场景： 使用ffmpeg拉取rtsp服务器的码流，并且推rtmp流到nginx，web前端使用flv码流进行点播； 拉流以及推流使用的是ffmpeg原生接口； 点播服务器使用是NGINX，并集成了http-flv模块（可以参考我的其他文档。） 问题描述： ffmpeg打开rtsp的url，从in_stream的码流中，复制所需要的h264编码信息；然后 写入对应的rtmp流（out_stream）中，结果发现写入函数av_interleaved_write_frame一直异常，无法写入？并且错误信
ffmpeg frequently use commands
最新发布
agathakuan的博客
07-05 365
【代码】ffmpeg frequently use commands。
flv.js播放本地视频
01-25
flv.js是一个用于在浏览器中播放FLV格式视频的JavaScript库。它可以通过HTTP静态服务来播放本地视频文件。下面是使用flv.js播放本地视频的代码示例： ```javascript const video = document.getElementById('player'); player.unload(); player.detachMediaElement(); player.destroy(); player = flvjs.createPlayer({ type: 'flv', url: "http://172.31.13.8:8000/qrq.out.flv" }); player.attachMediaElement(video); player.load(); video.addEventListener('play', () => { console.log('开始播放'); }); video.addEventListener('ended', () => { console.log('结束播放'); }, false); video.addEventListener('error', () => { console.log('播放错误'); }); ``` 请注意，上述代码中的`player`和`video`是通过HTML中的元素ID获取的。你需要在HTML中添加一个具有相应ID的视频元素，例如： ```html <video id="player" controls></video> ``` 这样就可以使用flv.js播放本地视频了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值