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

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

news 2026/4/10 15:03:27

由于业务中有不少视频使用的场景，今天来说说如何使用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





















使用Alpine配置WSL ssh门户追




1. 哑铃图是什么&#xff1f;
哑铃图&#xff08;Dumbbell Plot&#xff09;&#xff0c;有时也称为DNA图或杠铃图&#xff0c;是一种用于比较两个相关数据点的可视化图表。
它源于人们对更有效数据比较方式的持续探索。
在传统的时间序列比较中&#xff0c;我们通常使用两条折…...






编程新知
2026/4/10 14:25:09



















Mi-Create：小米手表表盘设计的终极免费工具完整指南




Mi-Create&#xff1a;小米手表表盘设计的终极免费工具完整指南 【免费下载链接】Mi-Create Unofficial watchface creator for Xiaomi wearables ~2021 and above   项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create     
还在为小米手表找不到心仪表盘而烦恼吗&#x…...






编程新知
2026/4/10 14:01:51



















CSL编辑器：重新定义学术文献样式编辑的智能方案




CSL编辑器&#xff1a;重新定义学术文献样式编辑的智能方案 【免费下载链接】csl-editor cslEditorLib - A HTML 5 library for searching and editing CSL styles   项目地址: https://gitcode.com/gh_mirrors/csl/csl-editor     
你是否曾为学术论文的引用格式而烦恼&#x…...






编程新知
2026/4/10 13:18:05



















Midscene.js：用自然语言重新定义UI自动化，告别繁琐代码时代




Midscene.js&#xff1a;用自然语言重新定义UI自动化&#xff0c;告别繁琐代码时代 【免费下载链接】midscene AI-powered, vision-driven UI automation for every platform.   项目地址: https://gitcode.com/GitHub_Trending/mid/midscene     
还在为编写复杂的UI自动化脚本…...






编程新知
2026/4/10 13:09:57



















革命性动画组件库Fancy Components：让网页再次充满乐趣的终极指南




革命性动画组件库Fancy Components&#xff1a;让网页再次充满乐趣的终极指南 【免费下载链接】fancy    项目地址: https://gitcode.com/gh_mirrors/fan/fancy     
在当今标准化的网页UI环境中&#xff0c;Fancy Components动画组件库以其创新的微交互和精美动画效果&#xf…...






编程新知
2026/4/10 12:39:47



















别再只盯着配体-受体了！用MEBOCOST从你的scRNA-seq数据里挖出隐藏的代谢通讯网络（附完整Python代码）




解锁单细胞代谢通讯&#xff1a;MEBOCOST实战指南与创新洞见
单细胞RNA测序技术已经彻底改变了我们对细胞异质性和组织微环境的理解方式。然而&#xff0c;当我们沉浸在配体-受体相互作用的分析中时&#xff0c;一个更为丰富的代谢通讯世界正等待着被探索。代谢物作为细胞间信号…...






编程新知
2026/4/10 12:01:44



















2025届学术党必备的六大AI辅助论文网站横评




Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; 
TOP1. 千笔AI 
TOP2. aipasspaper 
TOP3. 清北论文 
TOP4. 豆包 
TOP5. kimi 
TOP6. deepseek 立足于学术写作范畴之内&#xff0c;人工智能工具能够极为显著地提高毕业论文在文献整理方面…...






编程新知
2026/4/10 11:32:34



















从零构建PINN：基于PyTorch的Burgers方程求解实战




1. 初识PINN与Burgers方程 
物理信息神经网络&#xff08;PINN&#xff09;这两年越来越火&#xff0c;它巧妙地将物理定律直接嵌入到神经网络训练过程中。我第一次接触这个概念时&#xff0c;感觉就像发现了新大陆——原来神经网络不仅能处理数据&#xff0c;还能直接求解偏微…...






编程新知
2026/4/10 11:20:18



















RMBG-1.4实战指南：高精度图像抠图开源模型快速上手




RMBG-1.4实战指南&#xff1a;高精度图像抠图开源模型快速上手 
1. 为什么你需要RMBG-1.4&#xff1f; 
如果你曾经为了抠一张图&#xff0c;在Photoshop里用钢笔工具一点点描边&#xff0c;或者用魔棒工具反复调整容差&#xff0c;那么RMBG-1.4将会彻底改变你的工作方式。 
想…...






编程新知
2026/4/10 11:12:11



















Pixel Mind Decoder 性能调优教程：解决GPU显存不足与推理加速




Pixel Mind Decoder 性能调优教程&#xff1a;解决GPU显存不足与推理加速 
1. 为什么需要性能调优 
当你第一次把Pixel Mind Decoder模型跑起来时&#xff0c;可能会遇到两个让人头疼的问题&#xff1a;要么显存不够用导致程序崩溃&#xff0c;要么推理速度慢得像蜗牛爬。这种情…...






编程新知
2026/4/10 10:18:09