无头Linux环境下网页音视频直播方案寻求

以下是几个可行的替代方案，实现类似OBS Browser Source的无头音视频捕获与推流：

方案一：Xvfb + Chrome + FFmpeg（模拟有头环境） #

通过虚拟显示让Chrome正常渲染音视频，再用FFmpeg捕获画面和音频推流：

1. 安装依赖：

   sudo apt install xvfb google-chrome-stable ffmpeg pulseaudio
   

2. 启动虚拟显示：

   Xvfb :10 -ac -screen 0 1920x1080x24 &
   

3. 设置环境变量指定Chrome使用该显示：

   export DISPLAY=:10
   

4. 启动Chrome加载目标网页（禁用后台挂起确保音视频正常播放）：

   google-chrome-stable --autoplay-policy=no-user-gesture-required --disable-background-media-suspend --disable-renderer-backgrounding https://your-target-page.com &
   

5. 用FFmpeg捕获画面和音频推流RTMP：

   ffmpeg -f x11grab -i :10.0 -f pulse -i default -c:v libx264 -preset veryfast -crf 23 -c:a aac -b:a 128k -f flv rtmp://your-rtmp-server/live/stream-key
   

   若要单独捕获Chrome的音频，可先创建Pulse音频隔离 sink，再指定Chrome使用该sink，FFmpeg从该sink捕获。

方案二：Playwright（原生无头音视频支持） #

Playwright的Chromium驱动支持在无头模式下启用音视频渲染，无需虚拟显示：

1. 安装依赖：

   npm install playwright
   npx playwright install chromium
   

2. 创建Node.js脚本（stream-page.js）：

   const { chromium } = require('playwright');
   const { spawn } = require('child_process');
   
   (async () => {
     const browser = await chromium.launch({
       headless: true,
       args: [
         '--use-fake-ui-for-media-stream',
         '--use-fake-device-for-media-stream',
         '--autoplay-policy=no-user-gesture-required',
         '--disable-background-media-suspend',
         '--disable-renderer-backgrounding'
       ]
     });
     const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
     await page.goto('https://your-target-page.com');
   
     // 启动FFmpeg推流
     const ffmpeg = spawn('ffmpeg', [
       '-f', 'rawvideo',
       '-pixel_format', 'rgba',
       '-video_size', '1920x1080',
       '-framerate', '30',
       '-i', '-',
       '-f', 'pulse',
       '-i', 'default',
       '-c:v', 'libx264',
       '-preset', 'veryfast',
       '-crf', '23',
       '-c:a', 'aac',
       '-b:a', '128k',
       '-f', 'flv',
       'rtmp://your-rtmp-server/live/stream-key'
     ]);
   
     // 捕获页面帧并传入FFmpeg
     const stream = await page.videoStream();
     stream.pipe(ffmpeg.stdin);
   
     // 处理退出信号
     process.on('SIGINT', async () => {
       await browser.close();
       ffmpeg.kill();
       process.exit(0);
     });
   })();
   

3. 运行脚本开始推流：

   node stream-page.js
   

方案三：Firefox Headless + FFmpeg #

Firefox无头模式对音视频的兼容性更友好，可配合虚拟显示或直接使用：

1. 安装依赖：

   sudo apt install firefox ffmpeg pulseaudio xvfb
   

2. 启动Firefox无头加载网页：

   Xvfb :10 -ac -screen 0 1920x1080x24 &
   export DISPLAY=:10
   firefox -headless --width 1920 --height 1080 https://your-target-page.com &
   

3. 用FFmpeg捕获推流，命令同方案一的FFmpeg指令。

关键注意事项 #

• 确保Pulseaudio服务正常运行，否则音频捕获会失败：sudo systemctl start pulseaudio
• 对于需要登录或交互的网页，可在Playwright/Xvfb环境中预先完成登录状态保存（如使用cookie）
• 调整FFmpeg的编码参数（如preset、crf）以平衡推流质量和性能

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