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

浏览器WEB播放RTSP

article 2026/3/22 16:21:34

注意：浏览器不能直接播放RTSP，必须转换后才能播放。这一点所有的播放都是如此。

参考

https://github.com/kyriesent/node-rtsp-stream

GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript

相关文件方便下载

https://download.csdn.net/download/quantum7/90459890

安装node/npm
安装ffmpeg

sudo apt install -y ffmpeg

服务器：安装node-rtsp-stream

npm install node-rtsp-stream

服务器：准备RTSP流

如果没有RTSP流或访问不到，可以自己模拟一个。具体参考：

Ubuntu搭建RTSP服务器_ubuntu安装rtsp服务器-CSDN博客

服务器：启动

文件app.js

Stream = require('node-rtsp-stream')
stream = new Stream({name: 'name',streamUrl: 'rtsp://10.0.2.15:8554/test.264',wsPort: 9999,ffmpegOptions: { // options ffmpeg flags'-stats': '', // an option with no neccessary value uses a blank string'-r': 30 // options with required values specify the value after the key}
})

启动

node app.js

新建index.html

<!DOCTYPE html>
<html>
<head><title>JSMpeg Stream Client</title><style type="text/css">html, body {background-color: #111;text-align: center;}</style></head>
<body><canvas id="video-canvas"></canvas><script type="text/javascript" src="jsmpeg.min.js"></script><script type="text/javascript">var canvas = document.getElementById('video-canvas');var url = 'ws://localhost:9999/';var player = new JSMpeg.Player(url, {canvas: canvas});</script>
</body>
</html>

直接打开index.html，就能播放。

========================================================================

下面是前端方案。

前端：搭建服务器

Ubuntu搭建最简单WEB服务器-CSDN博客

复制jsmpeg.min.js/index.html

默认工作目录是/var/www/html

测试

如果发现不能播放：

检查流是否正常，能否访问（比如在虚拟机中可能就无法访问外部流）。

流是否已结束（此时可以重启服务器，赶紧刷新）。

其他方案

node-rtsp-stream

node-media-server

rtsp-streaming-server

fluent-ffmpeg

浏览器WEB播放RTSP

注意：浏览器不能直接播放RTSP，必须转换后才能播放。这一点所有的播放都是如此。参考 https://github.com/kyriesent/node-rtsp-stream GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript 相关文件方便下载 https://download.csdn.net…...

编程日记 2026/2/22 4:36:41

DeepSeek开源Day4：DualPipeEPLB技术详解

2 月 24 日，DeepSeek 启动 “开源周”，第四个开源的代码库为 DualPipe 与 EPLB（一下发布了两个）。DualPipe 与 EPLB 依然使用了大量与 Hopper 架构绑定的技术。 DualPipe 是由 DeepSeek-AI 团队开发的一种双向流水线并行通信算法&…...

编程日记 2026/3/12 23:07:39

阿里推出全新推理模型（因果语言模型），仅1/20参数媲美DeepSeek R1

阿里Qwen 团队正式发布了他们最新的研究成果——QwQ-32B大语言模型！这款模型不仅名字萌萌哒(QwQ)，实力更是不容小觑！😎 QwQ-32B 已在 Hugging Face 和 ModelScope 开源，采用了 Apache 2.0 开源协议。大家可通过 Qwen C…...

编程日记 2026/3/15 18:34:31

vue实现一个pdf在线预览，pdf选择文本并提取复制文字触发弹窗效果

[TOC] 一、文件预览 1、安装依赖包这里安装了disjs-dist2.16版本，安装过程中报错缺少worker-loader npm i pdfjs-dist2.16.105 worker-loader3.0.8 2、模板部分 <template><div id"pdf-view"><canvas v-for"page in pdfPages&qu…...

编程日记 2026/3/8 14:54:30

Unity自定义渲染管线（Scriptable Render Pipeline）架构设计与实现指南

一、SRP技术体系概述 1. 核心设计理念全托管渲染控制：通过C#脚本完全掌控渲染流程模块化架构：将渲染流程拆分为可组合的RenderPass GPU友好设计：支持CommandBuffer与Compute Shader混合编程对惹，这里有一个游戏开发交流小组…...

编程日记 2026/2/19 13:12:36

时间复杂度分析与递归，以新南UNSW的COMP2521作业题为例

作者：Smooth（连接教育高级讲师） 首发于：⁠⁠⁠⁠⁠⁠⁠UNSW学习知识库（UNSW Study Wiki） 创作时间：2025年3月5日如何测度算法的时间性能？理论分析Theoretical Analysis 测度算法时…...

编程日记 2026/3/16 22:02:48

RxJS与Redux革命性协同：打造高效、解耦的前端状态管理方案

摘要本文探讨RxJS与Redux的融合应用，通过真实用户场景揭示其必要性，系统讲解整合策略，从基础到高级涵盖响应式编程优化、异步操作处理、状态流控制等核心主题。提供可落地的架构方案与性能优化技巧，包含10可复用代码示例和20实战…...

编程日记 2026/2/13 14:21:01

蓝桥杯P1259-奇怪的馈赠（贪心题解）

题目：奇怪的捐赠题目来源：1.奇怪的捐赠 - 蓝桥云课题目描述需要将 100 万（1,000,000）正好分成若干个 7 的次方形式的数（如 7^01, 7^17, 7^249 等），且每种金额（即每个 7 的次方…...

编程日记 2025/7/8 19:49:02

todo: 使用融云imserve做登录(android)

使用融云做登录注册思路注册界面需要name, email, password考虑到融云注册用户的post格式 POST http://api.rong-api.com/user/getToken.json?userId1690544550qqcom&nameIronman这里的userId可以使用用户的email，但是要截断和 . 符号，即1690544…...

编程日记 2025/7/8 12:50:23

如何设置爬虫的User-Agent？

在爬虫开发中，设置合适的 User-Agent 是非常重要的一步。User-Agent 是 HTTP 请求头中的一个字段，用于标识客户端（通常是浏览器）的类型、版本、操作系统等信息。通过设置 User-Agent，可以模拟正常的浏览器访问行为&…...

编程日记 2025/7/9 17:42:55

C 二叉搜索树代码 #include <iostream> using namespace std;template<typename T> struct TreeNode{T val;TreeNode *left;TreeNode *right;TreeNode():val(0), left(NULL), right(NULL){}TreeNode(T x):val(x), left(NULL), right(NULL){} };template<typena…...

编程日记 2025/7/9 4:12:20

OpenAI Whisper：开启语音转文本的智能时代

在人工智能技术飞速发展的今天，OpenAI推出的Whisper语音识别系统正悄然改变着人类与机器的交互方式。作为一款开源的AI驱动语音转文本工具，Whisper凭借其跨语言能力、高精度识别和灵活的生态系统，成为开发者和普通用户共同追捧的技术标杆。核心技术与突破 Whisper基于深度…...

编程日记 2025/7/9 12:36:35

基于CSDN资源，搭建AI赋能农业典型场景落地方案

农业场景，不但是信息化、自动化等薄弱的产业，更是AI落地困难的场景。基于此，想通过这篇文章查找一个CSDN相关资源，论证一下AI赋能农业三个典型场景的实现思路。场景1：水质-土壤智能调控 **痛点：**水质恶…...

编程日记 2026/3/3 12:07:41

python量化交易——金融数据管理最佳实践——使用qteasy大批量自动拉取金融数据

文章目录使用数据获取渠道自动填充数据QTEASY数据拉取功能数据拉取接口refill_data_source()数据拉取API的功能特性多渠道拉取数据实现下载流量控制实现错误重试日志记录其他功能 qteasy是一个功能全面且易用的量化交易策略框架， Github地址在这里。使用它&#x…...

编程日记 2026/3/3 23:03:19

RoboBrain：从抽象到具体的机器人操作统一大脑模型

25年2月来自北大、北京智源、中科院自动化所等的论文“RoboBrain: A Unified Brain Model for Robotic Manipulation from Abstract to Concrete”。目前的多模态大语言模型（MLLM） 缺少三项必备的机器人大脑能力：规划能力，将复杂…...

编程日记 2026/3/13 7:34:05

DeepSeek本地接口调用（Ollama）

前言上篇博文，我们通过Ollama搭建了本地的DeepSeek模型，本文主要是方便开发人员，如何通过代码或工具，通过API接口调用本地deepSeek模型前文：DeepSeek-R1本地搭建_deepseek 本地部署-CSDN博客注：本文不仅…...

编程日记 2026/3/22 12:59:38

数据库索引的作用：提升数据检索效率的关键

在数据库管理系统中，数据如同浩瀚海洋中的宝藏，如何快速准确地找到所需信息，成为了一个关键问题。这时候，数据库索引就如同一张精确的航海图，指引着我们高效地定位数据。那么，数据库索引究竟是什么&#xf…...

编程日记 2026/2/3 21:23:25

高效便捷的 Spring Boot 通用控制器框架

✨高效便捷的 Spring Boot 通用控制器框架✨ 一、简介在 Java 开发中，重复性的基础接口编写工作常令人头疼。本框架基于 Spring Boot 与 MyBatis-Plus，精心构建通用控制器类BaseController，旨在为开发者排忧解难，极大减少繁琐的…...

编程日记 2026/1/29 5:54:58

SQL_语法

1 数据库 1.1 新增 create database [if not exists] 数据库名; 1.2 删除 drop database [if exists] 数据库名; 1.3 查询 (1) 查看所有数据库 show databases; (2) 查看当前数据库下的所有表 show tables; 2 数据表 2.1 新增 (1) 创建表 create table [if not exists…...

编程日记 2026/3/10 3:26:08

在 CentOS 上，常用几种方法来确保 Python 脚本在断开终端后继续运行

在 CentOS 上，你可以使用以下几种方法来确保 Python 脚本在断开终端后继续运行： 1. 使用 nohup 命令 nohup 命令可以让进程在终端关闭后继续运行。 nohup python main.py > output.log 2>&1 &nohup：忽略挂断信号&#xff0c…...

编程日记 2026/2/6 21:47:14

全面回顾复习——C++语法篇1（基于牛客网C++题库）

注：牛客网允许使用万能头文件#include<bits/stdc.h> 1、求类型长度——sizeof（）函数 2、将浮点数四舍五入——round（）函数——前面如果加上static_cast会更安全一些在C语言中可以使用printf（“.0l…...

编程日记 2026/3/7 18:30:35

一、数据库 MySQL 基础学习（上）

一、数据库的概念 DB 数据库（database）：存储数据的“仓库”，保存一系列有组织的数据 DBMS：数据库管理系统(Database Management System)。数据库是通过 DBMS 创建和操作的容器创建的 DBMS： MySQL、Oracl…...

编程日记 2026/3/17 4:28:21

基于Django创建一个WEB后端框架（DjangoRestFramework+MySQL)流程

一、Django项目初始化 1.创建Django项目 Django-admin startproject 项目名 2.安装 djangorestframework pip install djangorestframework 解释: Django REST Framework (DRF) 是基于 Django 框架的一个强大的 Web API 框架，提供了多种工具和库来构建 RESTf…...

编程日记 2026/3/21 13:46:48