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

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

news 2025/7/7 4:53:37

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





















在Ubuntu中设置开机自动运行（sudo）指令的指南




在Ubuntu系统中&#xff0c;有时需要在系统启动时自动执行某些命令&#xff0c;特别是需要 sudo权限的指令。为了实现这一功能&#xff0c;可以使用多种方法&#xff0c;包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法&#xff0c;并提供…...






编程新知
2025/6/18 4:00:59



















ETLCloud可能遇到的问题有哪些？常见坑位解析




数据集成平台ETLCloud&#xff0c;主要用于支持数据的抽取&#xff08;Extract&#xff09;、转换&#xff08;Transform&#xff09;和加载&#xff08;Load&#xff09;过程。提供了一个简洁直观的界面&#xff0c;以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...






编程新知
2025/7/7 2:19:16



















多模态大语言模型arxiv论文略读（108）




CROME: Cross-Modal Adapters for Efficient Multimodal LLM 
➡️ 论文标题&#xff1a;CROME: Cross-Modal Adapters for Efficient Multimodal LLM ➡️ 论文作者&#xff1a;Sayna Ebrahimi, Sercan O. Arik, Tejas Nama, Tomas Pfister ➡️ 研究机构: Google Cloud AI Re…...






编程新知
2025/7/5 8:54:59



















莫兰迪高级灰总结计划简约商务通用PPT模版




莫兰迪高级灰总结计划简约商务通用PPT模版&#xff0c;莫兰迪调色板清新简约工作汇报PPT模版&#xff0c;莫兰迪时尚风极简设计PPT模版&#xff0c;大学生毕业论文答辩PPT模版&#xff0c;莫兰迪配色总结计划简约商务通用PPT模版&#xff0c;莫兰迪商务汇报PPT模版&#xff0c;…...






编程新知
2025/7/7 4:38:21



















Qemu arm操作系统开发环境




使用qemu虚拟arm硬件比较合适。 
步骤如下&#xff1a; 
安装qemu 
apt install qemu-system安装aarch64-none-elf-gcc 
需要手动下载&#xff0c;下载地址&#xff1a;https://developer.arm.com/-/media/Files/downloads/gnu/13.2.rel1/binrel/arm-gnu-toolchain-13.2.rel1-x…...






编程新知
2025/7/5 5:40:25



















根目录0xa0属性对应的Ntfs!_SCB中的FileObject是什么时候被建立的----NTFS源代码分析--重要




根目录0xa0属性对应的Ntfs!_SCB中的FileObject是什么时候被建立的 
第一部分&#xff1a; 0: kd> g Breakpoint 9 hit Ntfs!ReadIndexBuffer: f7173886 55              push    ebp 0: kd> kc  # 00 Ntfs!ReadIndexBuffer 01 Ntfs!FindFirstIndexEntry 02 Ntfs!NtfsUpda…...






编程新知
2025/6/21 2:38:11



















springboot 日志类切面，接口成功记录日志，失败不记录




springboot 日志类切面&#xff0c;接口成功记录日志&#xff0c;失败不记录 
自定义一个注解方法 import java.lang.annotation.ElementType;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.annotation.Target;/***…...






编程新知
2025/7/6 3:16:39



















ui框架-文件列表展示




ui框架-文件列表展示 
介绍 
UI框架的文件列表展示组件&#xff0c;可以展示文件夹&#xff0c;支持列表展示和图标展示模式。组件提供了丰富的功能和可配置选项&#xff0c;适用于文件管理、文件上传等场景。 
功能特性 
支持列表模式和网格模式的切换展示支持文件和文件夹的层…...






编程新知
2025/7/3 23:01:38



















鸿蒙HarmonyOS 5军旗小游戏实现指南




1. 项目概述 
本军旗小游戏基于鸿蒙HarmonyOS 5开发&#xff0c;采用DevEco Studio实现&#xff0c;包含完整的游戏逻辑和UI界面。 
2. 项目结构 
/src/main/java/com/example/militarychess/├── MainAbilitySlice.java    // 主界面├── GameView.java          // 游戏核…...






编程新知
2025/6/16 1:59:32



















2025-05-08-deepseek本地化部署




title: 2025-05-08-deepseek 本地化部署 tags: 深度学习 程序开发 
2025-05-08-deepseek 本地化部署 参考博客 本地部署 DeepSeek&#xff1a;小白也能轻松搞定&#xff01; 如何给本地部署的 DeepSeek 投喂数据&#xff0c;让他更懂你 [实验目的]&#xff1a;理解系统架构与原…...






编程新知
2025/7/5 21:47:13