Node.js实现RTSP流媒体遇黑屏问题求助

针对你遇到的客户端黑屏、无报错问题，从以下几个核心方向排查：

1. 补全FFmpeg关键编码配置 #

node-rtsp-stream默认的FFmpeg参数未强制匹配JSMpeg的格式要求（仅支持MPEG-TS封装的MPEG1视频+MP2音频），修改服务端app.js的ffmpegOptions：

ffmpegOptions: {
  '-stats': '',
  '-r': 30,
  '-f': 'mpegts',          // 指定输出封装格式为MPEG-TS
  '-codec:v': 'mpeg1video',// 强制视频编码为JSMpeg兼容格式
  '-codec:a': 'mp2',       // 强制音频编码为MP2
  '-b:v': '1000k',         // 稳定视频比特率
  '-bf': 0                 // 关闭B帧（JSMpeg不支持）
}

2. 验证WebSocket连接与数据流 #

在客户端添加事件监听，确认连接状态与数据流情况：

player = new JSMpeg.Player('ws://localhost:3000', {
  canvas: document.getElementById('canvas'),
  onSourceEstablished: () => console.log('WebSocket已连接'),
  onPlay: () => console.log('开始播放'),
  onError: err => console.error('播放错误:', err)
});

• 若未输出WebSocket已连接：检查3000端口是否被占用，或本地防火墙是否拦截
• 若连接成功但无开始播放日志：说明服务端未推送数据，继续排查RTSP源或FFmpeg转换

3. 测试RTSP源可用性 #

直接用FFmpeg命令验证RTSP地址是否可正常拉流：

ffmpeg -i rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4 -vcodec copy -acodec copy test.ts

• 若命令报错：说明RTSP源不可用或网络存在限制
• 若生成test.ts且可播放：RTSP源正常，问题出在服务端流转换环节

4. 修复Canvas显示尺寸 #

默认canvas元素尺寸极小，容易被误认为黑屏，给canvas设置明确尺寸：

<canvas id="canvas" width="800" height="600"></canvas>

5. 监听服务端流转换错误 #

服务端仅监听data事件，未捕获FFmpeg转换错误，添加错误监听：

stream.on('error', err => {
  console.error('流转换异常:', err);
});

重启服务后查看终端日志，定位FFmpeg执行过程中的问题。

内容的提问来源于stack exchange，提问作者theplaceofburak