服务器端使用MediaRecorder录制SFU模式WebRTC流报错如何解决？

报错核心原因 #

你当前使用的MediaStreamRecorder（msr）是浏览器端专用的录制库，依赖浏览器原生提供的MediaRecorder API，而Node.js服务端环境默认没有这个全局API，所以直接抛出未定义错误。

可行实现方案 #

方案1：直接对接FFmpeg做流录制+转码（最适配你后续HLS需求）

不用额外找录制库，直接把WebRTC拿到的轨道数据喂给FFmpeg进程处理，一步完成录制和多分辨率HLS切片，省去了你自己拼接Blob、存MP4再转码的步骤，效率更高：

const { spawn } = require('child_process');
function handleTrackEvent(e, peer) {
  const videoTrack = e.streams[0].getVideoTracks()[0];
  const audioTrack = e.streams[0].getAudioTracks()[0];
  // 提前创建好对应输出目录避免写文件报错
  // 启动FFmpeg进程，从标准输入读取流，直接输出多分辨率HLS
  const ffmpeg = spawn('ffmpeg', [
    '-i', '-',
    '-c:v', 'libx264',
    '-c:a', 'aac',
    // 720p输出配置
    '-filter:v:0', 'scale=-2:720',
    '-f', 'hls',
    '-hls_time', '5',
    '-hls_list_size', '10',
    './output/720p/stream.m3u8',
    // 360p输出配置
    '-filter:v:1', 'scale=-2:360',
    '-f', 'hls',
    '-hls_time', '5',
    '-hls_list_size', '10',
    './output/360p/stream.m3u8',
    // 240p输出配置
    '-filter:v:2', 'scale=-2:240',
    '-f', 'hls',
    '-hls_time', '5',
    '-hls_list_size', '10',
    './output/240p/stream.m3u8',
    // 如果需要同时保留原始MP4文件，加下面这行配置即可
    // './output/origin.mp4'
  ]);
  // 将轨道的RTP数据写入FFmpeg标准输入
  videoTrack.on('data', (data) => {
    ffmpeg.stdin.write(data);
  });
  audioTrack.on('data', (data) => {
    ffmpeg.stdin.write(data);
  });
  // 连接断开时关闭FFmpeg进程
  peer.on('connectionstatechange', () => {
    if (['closed', 'failed', 'disconnected'].includes(peer.connectionState)) {
      ffmpeg.stdin.end();
      ffmpeg.kill();
    }
  });
}

方案2：需先录制成本地文件再处理的场景

如果你的业务流程必须先存录制文件再做转码，不要使用浏览器端的msr库，换成Node.js端可用的录制库如node-webrtc-recorder即可，这类库不依赖浏览器的MediaRecorder API。

注意事项 #

• 提前在服务端安装FFmpeg并配置好环境变量，确保可以直接全局调用
• HLS切片的输出目录需要提前手动创建，避免FFmpeg写权限/路径不存在报错

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