当前位置： 首页 > news >正文

用node.js搭建一个视频推流服务

news 2026/2/9 15:16:39

由于业务中有不少视频使用的场景，今天来说说如何使用node完成一个视频推流服务。

先看看效果：

这里的播放的视频是一个多个Partial Content组合起来的，每个Partial Content大小是1M。

一，项目搭建

（1）初始化项目，创建package.json

npm init

（2）安装express和nodemon

npm install --save express nodemon

（3）创建html文件

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Video Streaming With Node</title><style>body {max-width: 100%;height: 100vh;background-color: rgb(14, 14, 14);display: flex;margin: auto;align-items: center;justify-content: center;}</style></head><body><video id="videoPlayer" width="70%" controls autoplay ><source src="/video" type="video/mp4" /></video></body>
</html>

（4）创建index.js作为video接口服务

二，编写video接口

最终实现的效果如刚开始的实例，在浏览器中打开视频，会请求/video，该接口返回media类型的数据流片段。

首先引入express和fs。前者提供服务，后者操作文件系统，将视频文件序列化成流pipe出去。下面看看代码实现

 

const express = require("express");
 const app = express();
 const fs = require("fs");

 app.get("/", function (req, res) {
 res.sendFile(__dirname + "/index.html");
 });

 // more code will go in here just befor the listening function

 app.listen(8000, function () {
 console.log("Listening on port 8000!");
 });
 

创建服务，serve Index.html文件。
 

app.get("/video", function (req, res) {const range = req.headers.range;if (!range) {res.status(400).send("Requires Range header");}
});
 

保证request的header里面有range，没有range就无法判断需要把那一部分content写入response。
 

const videoPath = "Chris-Do.mp4";
const videoSize = fs.statSync("Chris-Do.mp4").size;
 

还需要资源的路径和资源的大小，资源的大小会用来计算那一部分content要被send。这里简单放在相对index.js的位置。
 

const CHUNK_SIZE = 10 ** 6; // 1MB
const start = Number(range.replace(/\D/g, ""));
 

这里规定每次返回1M的内容，开始位置从request的header里获取并将其转成Number类型。
 

const end = Math.min(start + CHUNK_SIZE, videoSize - 1);
 

计算结束位置，这里取开始位置加上1M数据和结束位置两者之间的最小值。
 

三、创建Response headers。
 

在响应头里面我们需要返回Content的大小，Content-range，Accept-ranges，Content-type。
 

const headers = {"Content-Range": `bytes ${start}-${end}/${videoSize}`,"Accept-Ranges": "bytes","Content-Length": contentLength,"Content-Type": "video/mp4",
};
 

状态码设置为206表明我们返回的部分内容。
 

// HTTP Status 206 for Partial Content
res.writeHead(206, headers);
 

四、创建Stream并返回。
 

这里需要使用fs来创建一个videoSteam，使用videoPath和start和end作为参数。这里只需要把videoStream pipe到response即可。
 

// create video read stream for this particular chunkconst videoStream = fs.createReadStream(videoPath, { start, end });// Stream the video chunk to the clientvideoStream.pipe(res);
 

启动服务，看到视频被正常推流。好了，这里一个简易的视频推流服务就写好了。
 

 

 

 

-- End --
 















相关文章：
















用node.js搭建一个视频推流服务




由于业务中有不少视频使用的场景&#xff0c;今天来说说如何使用node完成一个视频推流服务。 
先看看效果&#xff1a; 这里的播放的视频是一个多个Partial Content组合起来的&#xff0c;每个Partial Content大小是1M。 
一&#xff0c;项目搭建 
&#xff08;1&#xff09;初…...






编程日记
2023/8/10 10:41:26



















【SpringCloud】Feign远程调用




先来看我们以前利用RestTemplate发起远程调用的代码&#xff1a; String url  "http://userservice/user/"  order.getUserId();
User user  restTemplate.getForObject(url, User.class);存在下面的问题&#xff1a; • 代码可读性差&#xff0c;编程体验不统一 • …...






编程日记
2023/8/10 10:40:24



















集合Collection-List-ArrayList学习




一、集合 
集合是数据容器。相较于数组集合具有以下几个特点&#xff1a; 
数组一旦创建&#xff0c;长度不可改变。集合的长度会自动扩容。集合具有很多数组没有的功能函数API数组元素的存储特点单一&#xff0c;不同的集合有不同的存储特点。 1. Collection顶层接口 
Collect…...






编程日记
2023/8/10 10:39:21



















mybatispuls代码生成器




引入依赖 
<?xml version"1.0" encoding"UTF-8"?>
<project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/4.0.…...






编程日记
2023/8/10 10:38:19



















【设计模式】-代理模式




在软件开发中&#xff0c;经常遇到需要对某个对象进行控制或者监控的场景。而直接修改对象的代码可能使代码变得复杂且难以维护。这时&#xff0c;使用代理模式&#xff08;Proxy Pattern&#xff09;可以很好地解决这个问题。 代理模式是一种结构型设计模式&#xff0c;通过引…...






编程日记
2023/8/10 10:37:18



















爬虫ip池越大越好吗？




作为一名资深的程序员&#xff0c;今天我要给大家分享一些关于爬虫ip池的知识。关于ip代理池的问题&#xff0c;答案是肯定的&#xff0c;池子越大越好。下面跟我一起来盘点一下ip池大的好处吧&#xff01; 1、提高稳定性 
爬虫ip池越大&#xff0c;意味着拥有更多可用的爬虫ip…...






编程日记
2023/8/10 10:36:15



















目标检测常用的数据集格式




在目标检测领域&#xff0c;有三种常用的数据集&#xff1a; 
数据集标注文件格式bbox格式vocxmlxmin, ymin, xmax, ymax:bbox左上角(xmin, ymin)和右下角(xmax, ymax)的坐标cocojsonx, y, w, h:bbox左上角坐标(x, y)以及宽(w)和高(h)yolotxtxcenter, ycenter, w, h:bbox的中心…...






编程日记
2023/8/10 10:35:14



















chrome插件开发实例03-使用 chrome.storage API永久保存数据




目录 防止数据丢失 
使用chrome.storage API 
功能 
功能演示 
源代码 
manifest.json 
popup.html...






编程日记
2023/8/10 10:33:12



















Segment Anything（SAM） 计算过程




给定输入图像 I ∈ R 3  H  W I \in R^{3 \times H \times W} I∈R3HW。给定需要的prompts&#xff1a; M ∈ R 1  H  W M \in R^{1 \times H \times W} M∈R1HW&#xff0c;代表图片的前背景信息。 P ∈ R N  2 P \in R^{N \times 2} P∈RN2&#xff0c;其中  N N N 是点的个数…...






编程日记
2023/8/10 10:32:10



















Nacos配置文件读取源码解析




Nacos配置文件读取 
本篇文章是探究&#xff0c;springboot启动时nacos是如何将配置中心的配置读取到springboot环境中的 
PropertySourceLocator 
org.springframework.cloud.bootstrap.config.PropertySourceLocator 是 springcloud 定义的一个顶级接口&#xff0c;用来定义所…...






编程日记
2023/8/10 10:31:09



















Linux0.11内核源码解析-fcntl.c/iotcl.c/stat.c




fcntl 
fcntl.c实现了文件控制系统调用fcntl和两个文件句柄描述符的复制系统调用dup()和dup2()。 
dup返回当前值最小的未用句柄&#xff0c;dup2返回指定新句柄的数值&#xff0c;句柄的复制操作主要用在文件的标准输入、输出重定向和管道方面。 dupfd 
复制文件句柄&#xff…...






编程日记
2023/8/10 10:30:08



















OpenStack简介




OpenStack简介 目录 OpenStack简介 1、云计算模式2、云计算 虚拟化 openstack之间的关系&#xff1f;3、OpenStack 中有哪些组件&#xff1f;4、计算节点负责虚拟机运行5、网络节点负责对外网络与内网之间的通信 5.1 网络节点仅包含Neutron服务5.2 网络节点包含三个网络端口6、…...






编程日记
2023/8/10 10:29:06



















二分法的应用




文章目录 什么是二分法&#x1f3ae;二分查找的优先级二分查找的步骤&#x1f4a5;图解演示&#x1f9e9; 代码演示&#x1fad5;python程序实现&#x1f408;‍⬛C程序实现&#x1f415;‍&#x1f9ba;C程序实现&#x1f42f;Java程序实现&#x1f433; 非常规类二分查找&…...






编程日记
2023/8/10 10:28:05



















ChatGPT在大规模数据处理和信息管理中的应用如何？




ChatGPT作为一种强大的自然语言处理模型&#xff0c;在大规模数据处理和信息管理领域有着广泛的应用潜力。它可以利用其文本生成、文本理解和问答等能力&#xff0c;为数据分析、信息提取、知识管理等任务提供智能化的解决方案。以下将详细介绍ChatGPT在大规模数据处理和信息管…...






编程日记
2023/8/10 10:27:04



















【算法篇C++实现】五大常规算法




文章目录 &#x1f680;一、分治法⛳&#xff08;一&#xff09;算法思想⛳&#xff08;二&#xff09;相关代码 &#x1f680;二、动态规划算法⛳&#xff08;一&#xff09;算法思想⛳&#xff08;二&#xff09;相关代码 &#x1f680;三、回溯算法⛳&#xff08;一&#xf…...






编程日记
2023/8/10 10:26:03



















MySQL和钉钉单据接口对接




MySQL和钉钉单据接口对接 数据源系统:钉钉 钉钉&#xff08;DingTalk&#xff09;是阿里巴巴集团打造的企业级智能移动办公平台&#xff0c;是数字经济时代的企业组织协同办公和应用开发平台。钉钉将IM即时沟通、钉钉文档、钉闪会、钉盘、Teambition、OA审批、智能人事、钉工牌…...






编程日记
2023/8/10 10:25:03



















layui的基本使用-日期控件的业务场景使用入门实战案例一




效果镇楼&#xff1b;  1 
前端UI层面&#xff1b; 
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&…...






编程日记
2023/8/10 10:24:01



















【2.1】Java微服务：详解Hystrix




✅作者简介&#xff1a;大家好&#xff0c;我是 Meteors., 向往着更加简洁高效的代码写法与编程方式&#xff0c;持续分享Java技术内容。 &#x1f34e;个人主页&#xff1a;Meteors.的博客 &#x1f49e;当前专栏&#xff1a; Java微服务 ✨特色专栏&#xff1a; 知识分享 &am…...






编程日记
2023/8/10 10:22:59



















Apache2.4源码安装与配置




环境准备 
openssl-devel
pcre-devel
expat-devel
libtool
gcc
libxml2-devel
这些包要提前安装&#xff0c;否则httpd编译安装时候会报错 
下载源码、解压缩、软连接 
1、wget下载[rootnode01 ~]# wget https://downloads.apache.org/httpd/httpd-2.4.57.tar.gz
--2023-07-20 …...






编程日记
2023/8/10 10:21:57



















Flume原理剖析




一、介绍 
Flume是一个高可用、高可靠&#xff0c;分布式的海量日志采集、聚合和传输的系统。Flume支持在日志系统中定制各类数据发送方&#xff0c;用于收集数据&#xff1b;同时&#xff0c;Flume提供对数据进行简单处理&#xff0c;并写到各种数据接受方&#xff08;可定制&…...






编程日记
2023/8/10 10:20:57





















Spring Boot 实现流式响应（兼容 2.7.x）




在实际开发中&#xff0c;我们可能会遇到一些流式数据处理的场景&#xff0c;比如接收来自上游接口的 Server-Sent Events&#xff08;SSE&#xff09; 或 流式 JSON 内容&#xff0c;并将其原样中转给前端页面或客户端。这种情况下&#xff0c;传统的 RestTemplate 缓存机制会…...






编程新知
2025/8/11 8:18:44



















前端倒计时误差!




提示：记录工作中遇到的需求及解决办法 文章目录 前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言 
前几天听说公司某个项…...






编程新知
2025/9/8 23:14:43



















Frozen-Flask ：将 Flask 应用“冻结”为静态文件




Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是&#xff1a;将一个 Flask Web 应用生成成纯静态 HTML 文件&#xff0c;从而可以部署到静态网站托管服务上&#xff0c;如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...






编程新知
2025/12/5 20:57:13



















【算法训练营Day07】字符串part1




文章目录 反转字符串反转字符串II替换数字 反转字符串 题目链接&#xff1a;344. 反转字符串 双指针法&#xff0c;两个指针的元素直接调转即可 
class Solution {public void reverseString(char[] s) {int head  0;int end  s.length - 1;while(head < end) {char temp   …...






编程新知
2025/8/27 14:38:58



















相机从app启动流程




一、流程框架图 二、具体流程分析  
1、得到cameralist和对应的静态信息 
目录如下：  重点代码分析： 启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...






编程新知
2026/1/31 5:09:19



















selenium学习实战【Python爬虫】




selenium学习实战【Python爬虫】 文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装 四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码 五、报告文件爬取5.1 提…...






编程新知
2026/2/4 12:52:32



















代码随想录刷题day30




1、零钱兑换II 给你一个整数数组 coins 表示不同面额的硬币&#xff0c;另给一个整数 amount 表示总金额。 请你计算并返回可以凑成总金额的硬币组合数。如果任何硬币组合都无法凑出总金额&#xff0c;返回 0 。 假设每一种面额的硬币有无限个。  题目数据保证结果符合 32 位带…...






编程新知
2025/10/4 6:30:56



















LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf




FTP 
客服管理系统 
实现kefu123登录&#xff0c;不允许匿名访问&#xff0c;kefu只能访问/data/kefu目录&#xff0c;不能查看其他目录 
创建账号密码 
useradd kefu echo 123|passwd -stdin kefu 
[rootcode caozx26420]# echo 123|passwd --stdin kefu
更改用户 kefu 的密码…...






编程新知
2026/1/25 9:03:19



















AirSim/Cosys-AirSim 游戏开发（四）外部固定位置监控相机




这个博客介绍了如何通过 settings.json 文件添加一个无人机外的 固定位置监控相机&#xff0c;因为在使用过程中发现 Airsim 对外部监控相机的描述模糊&#xff0c;而 Cosys-Airsim 在官方文档中没有提供外部监控相机设置&#xff0c;最后在源码示例中找到了&#xff0c;所以感…...






编程新知
2026/2/5 18:58:39



















Axure 下拉框联动




实现选省、选完省之后选对应省份下的市区...






编程新知
2026/1/20 13:43:41