脑洞大咖

web页面直播项目使用video标签.flv协议偶现断流?

web端页面的直播项目,使用阿里播放器,流协议是.flv,电脑一直不动放那里拉流观看,大概一个小时后偶现不拉流了黑屏问题(全程无任何操作,会不会是电脑硬件或者浏览器性能、缓存的问题呢) 有没有好的解决方法?如何去监测到流断了我重新去执行一下拉流渲染操作? "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250107/3ae2c7e6427267d7e865ac4600a480be.png)

momo

为什么flv.js插件在React项目中无法播放RTSP视频流？

用flv播放器能播放rtsp视频流,为什么前端项目中用flv.js插件不能播放rtsp视频流 在react项目中，播放不了 useEffect(() => { if (videoRef.current) { // 创建播放器实例 if (!player && flvjs.isSupported()) { const flvPlayer = flvjs.createPlayer( { type: 'rtsp', url: 'rtsp://admin:admin123@192.168.99.110..................', isLive: true, //数据源是否为直播流 hasAudio: false, //数据源是否包含有音频 hasVideo: true, //数据源是否包含有视频 enableStashBuffer: false, //是否启用缓存区 }, { enableWorker: false, //不启用分离线程 enableStashBuffer: false, //关闭IO隐藏缓冲区 autoCleanupSourceBuffer: true, //自动清除缓存 } ) // 播放器实例挂载到video标签上 flvPlayer.attachMediaElement(videoRef.current) // 设置播放器实例 setPlayer(flvPlayer) // 加载并播放 flvPlayer.load() flvPlayer.play() videoInstanceRef.current = flvPlayer // 保存播放器实例 } } return () => { if (videoInstanceRef.current) { videoInstanceRef.current.destroy() // 清理函数中销毁播放器 } } }, [player, videoRef])

喝一杯吧可以吗

vue项目中用flv.js插件实现websocket形式的数据拉流，呈现视频在页面上，但是一直报类型错误，不知道为啥？

vue项目中用flv.js插件实现websocket形式的数据拉流，呈现在页面上，但是一直报类型错误，不知道为啥。 组件代码如下： import flvjs from "flv.js/dist/flv.js"; export default {props: ['videoUrl'], components: { }, data() { return { flvPlayer: null, } }, computed: { }, created() { }, mounted() { this.init(); }, destroyed() { this.stop(); }, methods: { init() { console.log('初始化我看下地址', this.videoUrl); let videoElement = this.$refs.videoElement if (flvjs.isSupported()) { this.flvPlayer = flvjs.createPlayer({ type: 'flv', //媒体类型 url: this.videoUrl, //flv格式媒体URL ws://121.36.167.167/webSocket/webSocket/140588574059936/662431624 isLive: true, //数据源是否为直播流 hasAudio: false, //数据源是否包含有音频 hasVideo: true, //数据源是否包含有视频 enableStashBuffer: true //是否启用缓存区 }, { enableWorker: false, //不启用分离线程 enableStashBuffer: false, //关闭IO隐藏缓冲区 autoCleanupSourceBuffer: true //自动清除缓存 }); this.flvPlayer.attachMediaElement(videoElement); //将播放实例注册到节点 this.flvPlayer.load(); //加载数据流 setTimeout(() => { this.flvPlayer.play(); //播放数据流 }, 2000); } }, stop() { this.flvPlayer.pause(); //暂停播放数据流 this.flvPlayer.unload(); //取消数据流加载 this.flvPlayer.detachMediaElement(); //将播放实例从节点中取出 this.flvPlayer.destroy(); //销毁播放实例 }, handleClick() { console.log('我被点击了') } }, } 页面调试后报这些错误，不知道为啥： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240914/940ccef35e4765afecee45e79cbb46c6.png) 然后websocket传输的数据如下显示："image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240914/55583cd279ff5ff98ec600a7137b2626.png) 希望能显示视频画面