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

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

news 2025/9/18 16:52:36

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





















IDEA运行Tomcat出现乱码问题解决汇总




最近正值期末周&#xff0c;有很多同学在写期末Java web作业时&#xff0c;运行tomcat出现乱码问题&#xff0c;经过多次解决与研究&#xff0c;我做了如下整理&#xff1a; 
原因&#xff1a; 
IDEA本身编码与tomcat的编码与Windows编码不同导致&#xff0c;Windows 系统控制台…...






编程新知
2025/9/17 11:41:14



















Chapter03-Authentication vulnerabilities




文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...






编程新知
2025/9/15 18:06:39



















以下是对华为 HarmonyOS NETX 5属性动画（ArkTS）文档的结构化整理，通过层级标题、表格和代码块提升可读性：




一、属性动画概述NETX 
作用&#xff1a;实现组件通用属性的渐变过渡效果&#xff0c;提升用户体验。支持属性&#xff1a;width、height、backgroundColor、opacity、scale、rotate、translate等。注意事项&#xff1a; 布局类属性&#xff08;如宽高&#xff09;变化时&#…...






编程新知
2025/9/12 21:50:47



















【算法训练营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



















2025盘古石杯决赛【手机取证】




前言 
第三届盘古石杯国际电子数据取证大赛决赛 最后一题没有解出来&#xff0c;实在找不到&#xff0c;希望有大佬教一下我。 还有就会议时间&#xff0c;我感觉不是图片时间&#xff0c;因为在电脑看到是其他时间用老会议系统开的会。 
手机取证 
1、分析鸿蒙手机检材&#x…...






编程新知
2025/8/26 5:10:22



















爬虫基础学习day2




# 爬虫设计领域 
工商&#xff1a;企查查、天眼查短视频&#xff1a;抖音、快手、西瓜 ---> 飞瓜电商&#xff1a;京东、淘宝、聚美优品、亚马逊 ---> 分析店铺经营决策标题、排名航空&#xff1a;抓取所有航空公司价格 ---> 去哪儿自媒体&#xff1a;采集自媒体数据进…...






编程新知
2025/8/27 21:28:45



















Mac下Android Studio扫描根目录卡死问题记录




环境信息 
操作系统: macOS 15.5 (Apple M2芯片)Android Studio版本: Meerkat Feature Drop | 2024.3.2 Patch 1 (Build #AI-243.26053.27.2432.13536105, 2025年5月22日构建) 
问题现象 
在项目开发过程中&#xff0c;提示一个依赖外部头文件的cpp源文件需要同步&#xff0c;点…...






编程新知
2025/9/16 9:30:25



















基于 TAPD 进行项目管理




起因 
自己写了个小工具&#xff0c;仓库用的Github。之前在用markdown进行需求管理&#xff0c;现在随着功能的增加&#xff0c;感觉有点难以管理了&#xff0c;所以用TAPD这个工具进行需求、Bug管理。 
操作流程 
注册 TAPD&#xff0c;需要提供一个企业名新建一个项目&#…...






编程新知
2025/9/9 12:19:24



















深度学习水论文：mamba＋图像增强




&#x1f9c0;当前视觉领域对高效长序列建模需求激增&#xff0c;对Mamba图像增强这方向的研究自然也逐渐火热。原因在于其高效长程建模&#xff0c;以及动态计算优势&#xff0c;在图像质量提升和细节恢复方面有难以替代的作用。 &#x1f9c0;因此短时间内&#xff0c;就有不…...






编程新知
2025/9/6 12:25:16



















RabbitMQ入门4.1.0版本（基于java、SpringBoot操作）




RabbitMQ 
一、RabbitMQ概述 RabbitMQ 
RabbitMQ最初由LShift和CohesiveFT于2007年开发&#xff0c;后来由Pivotal Software Inc.&#xff08;现为VMware子公司&#xff09;接管。RabbitMQ 是一个开源的消息代理和队列服务器&#xff0c;用 Erlang 语言编写。广泛应用于各种分布…...






编程新知
2025/9/4 2:44:27