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

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

news 2025/12/27 13:32:59

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





















国防科技大学计算机基础课程笔记02信息编码




1.机内码和国标码 
国标码就是我们非常熟悉的这个GB2312,但是因为都是16进制&#xff0c;因此这个了16进制的数据既可以翻译成为这个机器码&#xff0c;也可以翻译成为这个国标码&#xff0c;所以这个时候很容易会出现这个歧义的情况&#xff1b; 
因此&#xff0c;我们的这个国…...






编程新知
2025/12/24 13:25:40



















docker详细操作--未完待续




docker介绍 docker官网: Docker&#xff1a;加速容器应用程序开发 harbor官网&#xff1a;Harbor - Harbor 中文 使用docker加速器: Docker镜像极速下载服务 - 毫秒镜像 是什么 
Docker 是一种开源的容器化平台&#xff0c;用于将应用程序及其依赖项&#xff08;如库、运行时环…...






编程新知
2025/12/22 14:52:54



















＜6＞-MySQL表的增删查改




目录 一&#xff0c;create&#xff08;创建表&#xff09; 
二&#xff0c;retrieve&#xff08;查询表&#xff09; 
1&#xff0c;select列 
2&#xff0c;where条件 
三&#xff0c;update&#xff08;更新表&#xff09; 
四&#xff0c;delete&#xff08;删除表&#xf…...






编程新知
2025/12/11 18:28:17



















Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）




在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件 
本期内容是为了更好的为大家解释木马&#xff08;服务器方面的&#xff09;的原理&#xff0c;连接&#xff0c;以及各种木马及连接工具的分享 
文件木马&#xff1a;https://w…...






编程新知
2025/12/10 16:19:48



















高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数




高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 
在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...






编程新知
2025/11/25 19:50:27



















【网络安全】开源系统getshell漏洞挖掘




审计过程&#xff1a; 在入口文件admin/index.php中&#xff1a; 用户可以通过m,c,a等参数控制加载的文件和方法&#xff0c;在app/system/entrance.php中存在重点代码&#xff1a; 当M_TYPE  system并且M_MODULE  include时&#xff0c;会设置常量PATH_OWN_FILE为PATH_APP.M_T…...






编程新知
2025/12/27 7:26:27



















Kafka主题运维全指南：从基础配置到故障处理




#作者&#xff1a;张桐瑞  文章目录 主题日常管理1. 修改主题分区。2. 修改主题级别参数。3. 变更副本数。4. 修改主题限速。5.主题分区迁移。6. 常见主题错误处理常见错误1&#xff1a;主题删除失败。常见错误2&#xff1a;__consumer_offsets占用太多的磁盘。 主题日常管理 
…...






编程新知
2025/6/10 21:14:43



















鸿蒙（HarmonyOS5）实现跳一跳小游戏




下面我将介绍如何使用鸿蒙的ArkUI框架&#xff0c;实现一个简单的跳一跳小游戏。 
1. 项目结构 
src/main/ets/
├── MainAbility
│   ├── pages
│   │   ├── Index.ets          // 主页面
│   │   └── GamePage.ets       // 游戏页面
│   └── model
│ …...






编程新知
2025/11/20 18:21:59



















GraphQL 实战篇：Apollo Client 配置与缓存




GraphQL 实战篇&#xff1a;Apollo Client 配置与缓存 
上一篇&#xff1a;GraphQL 入门篇&#xff1a;基础查询语法 
依旧和上一篇的笔记一样&#xff0c;主实操&#xff0c;没啥过多的细节讲解&#xff0c;代码具体在&#xff1a; 
https://github.com/GoldenaArcher/graphql…...






编程新知
2025/12/24 23:36:16



















命令行关闭Windows防火墙




命令行关闭Windows防火墙 引言一、防火墙：被低估的"智能安检员"二、优先尝试！90%问题无需关闭防火墙方案1：程序白名单（解决软件误拦截）方案2：开放特定端口（解决网游/开发端口不通）三、命令行极速关闭方案方法一：PowerShell（推荐Win10/11）​方法二：CMD命令…...






编程新知
2025/8/27 20:07:03