nodejs调用ffmpeg录屏推流到websocket地址，网页端调用jsmpeg.js播放视频流.

执行步骤：

1,   node  server.js
2,   浏览器打开test.html

server.js

const { spawn } = require('child_process');
const WebSocket = require('ws');

const express  = require('express');
const http = require('http');
// 创建 WebSocket 服务器
//const wss = new WebSocket.Server({ port: 8080 });
const app = express();
const server = http.createServer(app);
const wss = new WebSocket.Server({ server });

wss.on('connection', (ws) => {
    console.log ('Client connected');

    // 启动 FFmpeg 进程
    const ffmpeg = spawn('ffmpeg', [
        //'-rtsp_transport', 'udp', // 使用 TCP 传输 RTSP 流（如果 UDP 不稳定）
        //'-f', 'x11grab',  linux 
        '-f', 'gdigrab',
        //'-s', '1920x1080', // 分辨率 linux
        //'-i', ':0.0+0,00', //linux
        '-i', 'desktop', //
        '-f', 'mpegts', // 输出格式为 MPEG-TS
        '-c:v', 'mpeg1video', // 使用 MPEG-1 编码
        '-s', '1920x1080', // 分辨率        
        //'-b:v', '800k', // 视频比特率
        '-bf', '0', // 禁用 B 帧
        '-an', // 禁用音频
        'pipe:1' // 输出到标准输出
    ]);

    // 将 FFmpeg 的输出发送到 WebSocket 客户端
    ffmpeg.stdout.on('data', (data) => {
        if (ws.readyState === ws.OPEN) {
            ws.send(data); // 发送二进制数据
        }
    });

    // 处理 FFmpeg 的错误输出
    ffmpeg.stderr.on('data', (data) => {
        console.error(`FFmpeg error: ${data}`);
    });

    // 处理 FFmpeg 进程退出
    ffmpeg.on('close', (code) => {
        console.log(`FFmpeg process exited with code ${code}`);
    });

    // 客户端断开连接时关闭 FFmpeg 进程
    ws.on('close', () => {
        console.log('Client disconnected');
        ffmpeg.kill(); // 杀死 FFmpeg 进程
    });
});

server.listen(80, () => {
    
console.log('HTTP & WebSocket server is running on ws://localhost:80');

}
);

test.html<!DOCTYPE html>
<html>
<head>
    <title>H264流播放</title>
    <script src="jsmpeg.min.js"></script>
</head>
<body>
    <video id="videoPlayer" controls autoplay muted style="width: 100%; max-width: 1280px;"></video>
    <script>
        const videoDom = document.getElementById('videoPlayer');
        new JSMpeg.Player("ws://127.0.0.1:80",{
            videoDom,
            autoplay: true            
        })
    </script>
</body>
</html>

Logo
https://edu.csdn.net/learn/39067/627173?utm_source=2019755004

汇聚全球AI编程工具，助力开发者即刻编程。

更多推荐

3分钟掌握Codex技能安装：一键部署你的AI助手工具库

想要为你的Codex AI助手安装新技能？不用再手动复制文件了！skill-installer为你提供了一套完整的解决方案，让你能够从GitHub仓库快速获取和安装各种实用的Codex技能。无论你是AI开发新手还是经验丰富的开发者，这个工具都能让你在几分钟内扩展Codex的功能边界。## 为什么选择skill-installer？ 🤔在AI辅助编程的时代，Codex技能已经成为提升开发效

avatar AI编程社区

DB-GPT分布式AI数据引擎：企业级智能分析平台架构解析

DB-GPT作为新一代AI数据助手，通过分布式架构和智能代理引擎重构了传统数据分析范式。该平台将大型语言模型的自然语言理解能力与企业级数据处理需求深度融合，构建了面向生产环境的可扩展AI数据平台。其核心价值在于将复杂的SQL生成、数据分析和可视化任务转化为简单的自然语言交互，同时确保系统安全性、可追溯性和企业级可靠性。## 技术定位与生态分析在当前数据智能生态中，DB-GPT填补了传统BI

avatar AI编程社区

如何用Awesome Claude Skills将AI助手打造成你的全能创作伙伴和职业顾问

你是否曾想过，如果有一个AI伙伴能帮你完成从专业文章撰写到完美简历定制的所有工作，工作效率会提升多少倍？Awesome Claude Skills正是这样一个神奇的AI技能宝库，它汇集了1000+个精心筛选的Claude技能，覆盖内容创作、职业发展、文档处理等各个方面，让你在AI的帮助下轻松应对各种工作挑战。## 痛点分析：传统工作流程的三大瓶颈在内容创作和职业发展中，我们常常面临这样的困

avatar AI编程社区