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

浏览器WEB播放RTSP

news 来源：原创 2025/8/26 7:40:59

注意：浏览器不能直接播放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…...

编程日记 2025/8/26 7:40:59

登录固定账号和密码：

接口文档【apifox】面试宝典个人中心-保存用户数据信息 - 教学练测项目-面试宝典-鸿蒙登录固定账号和密码： 账号：hmheima 密码：Hmheima%123 UI设计稿【腾讯 CoDesign】面试宝典 CoDesign - 腾讯自研设计协作平台访问密码&#xff1…...

编程日记 2025/8/25 22:46:10

深度学习/强化学习调参技巧

深度调优策略 1. 学习率调整技巧：学习率是最重要的超参数之一。过大可能导致训练不稳定，过小则收敛速度慢。可以使用学习率衰减（Learning Rate Decay）或自适应学习率方法（如Adam、RMSprop）来动态调整学习…...

编程日记 2025/8/26 7:40:59

Java常用正则表达式（身份证号、邮箱、手机号）格式校验

目录身份证号的正则表达式代码解释正则表达式方法 isValidIDCard 注意事项校验邮箱的正则表达式代码解释正则表达式方法 isValidEmail 注意事项手机号的正则表达式中国大陆手机号校验（支持空字符串） 代码解释通用手机号校验&am…...

编程日记 2025/8/20 18:24:50

1.12.信息系统的分类【ES】

专家系统（ES）技术架构深度解析一、ES核心定义 🧠 智能决策中枢由三大核心能力构建的领域专家模拟系统： 存储专家级领域知识（10^4规则量级）支持不确定性推理（置信度>85%）动态…...

编程日记 2025/8/23 6:34:47

c语言程序设计--（结构体、共用体）冲刺考研复试中的面试问答，来看看我是怎么回答的吧！

结构体 1、谈谈你对结构体的理解。答，首先在结构的基础知识上，结构是一些值的集合，这些值称为成员变量结构的每个成员可以是不同类型的变量。结构体其实就是把（一些单一类型的数据）不同类型的数据组合在一起的做法便…...

编程日记 2025/8/21 7:39:23

闭包：JavaScript 中的隐形大杀器

你可能已经在很多地方听说过闭包这个词，尤其是涉及到 JavaScript 的作用域和异步操作时。闭包是 JavaScript 中非常核心的概念，然而它又非常容易让开发者感到困惑。今天我们就来深入剖析闭包，帮助你真正理解它的工作原理，以及如何…...

编程日记 2025/8/21 16:05:15

分布式锁—7.Curator的分布式锁一

大纲 1.Curator的可重入锁的源码 2.Curator的非可重入锁的源码 3.Curator的可重入读写锁的源码 4.Curator的MultiLock源码 5.Curator的Semaphore源码 1.Curator的可重入锁的源码 (1)InterProcessMutex获取分布式锁 (2)InterProcessMutex的初始化 (3)InterProcessMutex.…...

编程日记 2025/8/25 6:41:57

linux---天气爬虫

代码概述这段代码实现了一个天气查询系统，支持实时天气、未来天气和历史天气查询。用户可以通过终端菜单选择查询类型，并输入城市名称来获取相应的天气信息。程序通过 TCP 连接发送 HTTP 请求，并解析返回的 JSON 数据来展示天气信息。 #in…...

编程日记 2025/8/26 7:39:24

C++蓝桥杯基础篇（九）

片头嗨！小伙伴们，大家好~ 今天我们将学习蓝桥杯基础篇（十），学习函数相关知识，准备好了吗？咱们开始咯！ 一、函数基础一个典型的函数定义包括以下部分：返回类型、函数名…...

编程日记 2025/8/22 18:10:07

Java Spring MVC (2)

常见的Request Controller 和 Response Controller 的区别用餐厅点餐来理解想象你去一家餐厅吃饭： Request Controller（接单员）：负责处理你的点餐请求，记录你的口味、桌号等信息。Response Controller&#xff08…...

编程日记 2025/8/26 7:36:54

Elasticsearch：使用 BigQuery 提取数据

作者：来自 Elastic Jeffrey Rengifo 了解如何使用 Python 在 Elasticsearch 中索引和搜索 Google BigQuery 数据。 BigQuery 是 Google 的一个平台，允许你将来自不同来源和服务的数据集中到一个存储库中。它还支持数据分析，并可使用生成式 AI…...

编程日记 2025/8/23 7:29:48

接口-菜品分页查询

业务内容页面上菜品根据菜品名称、菜品分类、售卖状态三个字段进行分页查询。在请求参数中携带了菜品名称、菜品分类、售卖状态三个字段参数。返回PageResult类型的实体。注意：在返回数据中在records下有个categoryName，这个字段的内容在category…...

编程日记 2025/8/24 22:23:47

springboot3 RestClient、HTTP 客户端区别

1 RestClient使用 RestClient 是 Spring 6.1 M2 中引入的同步 HTTP 客户端，它取代了 RestTemplate。同步 HTTP 客户端以阻塞方式发送和接收 HTTP 请求和响应，这意味着它会等待每个请求完成后才继续下一个请求。本文将带你了解 RestClient 的功能以及它与…...

编程日记 2025/8/26 7:40:59

自我训练模型：通往未来的必经之路？

摘要在探讨是否唯有通过自我训练模型才能掌握未来的问题时，文章强调了底层技术的重要性。当前，许多人倾向于关注应用层的便捷性，却忽视了支撑这一切的根本——底层技术。将模型简单视为产品是一种短视行为，长远来看，理…...

编程日记 2025/8/25 18:58:27

RuoYi框架添加自己的模块（学生管理系统CRUD）

RuoYi框架添加自己的模块（学生管理系统） 框架顺利运行首先肯定要顺利运行框架了，这个我不多说了设计数据库表在ry数据库中添加表tb_student 表字段如图所示如图所示注意id字段是自增的注释部分是后面成功后前端要展示的部分导入…...

编程日记 2025/8/26 7:36:52

linux查看python版本

1.查看Linux是否安装python yum list all | grep python 2.Linux安装python yum install python 3.Linux查看python版本 python -V...

编程日记 2025/8/16 10:08:50

算法题（89）：单项链表

审题： 本题需要我们实现一个可以执行三个指令的数据结构来解决这里的问题思路： 方法一：利用数组模拟链表由于这里涉及插入删除操作，所以我们不能使用数组结构存储数据，这样子会超时，所以我们就利用数组来…...

编程日记 2025/8/20 13:52:08

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维文|黄兴抗电子信息工程专业 Koupleless 社区贡献者就读于南昌师范学院，电子信息工程专业的大三学生。本文 2634 字，预计阅读 7 分钟今天 SOFAStack 邀…...

编程日记 2025/8/22 15:17:51

体验开源openeuler openharmony stratovirt模拟器

文档 openeuler社区面向数字基础设施的开源操作系统 openharmony社区 OpenHarmony是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目, 目标是面向全场景、全连接、全智能时代、基于开源的方式，搭建一个智能终端设备操作系统…...

编程日记 2025/8/23 19:37:59

【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践

深度神经网络系列文章【AI深度学习网络】卷积神经网络（CNN）入门指南：从生物启发的原理到现代架构演进【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践引言在深度…...

编程日记 2025/8/26 7:39:22

深入探讨AI-Ops架构第一讲 - 运维的进化历程以及未来发展趋势

首先，让我们一起回顾运维的进化之路，然后再深入探讨AI-Ops架构的细节。运维的进化历程 1. AI 大范围普及前的运维状态 (传统运维) 在AI技术尚未广泛渗透到运维领域之前，我们称之为传统运维，其主要特点是： 人工驱动…...

编程日记 2025/8/22 10:45:22

2025年全球生成式AI消费应用发展趋势报告

原文链接：The Top 100 Gen AI Consumer Apps - 4th Edition | Andreessen Horowitz 核心要点：本报告由a16z发布，深度解析了2025年全球生成式AI消费应用的发展格局，揭示了技术迭代与商业化加速的双重趋势。报告显示，A…...

编程日记 2025/8/26 7:39:23

VBA 列方向合并单元格，左侧范围大于右侧范围

实现功能如下： excel指定行列范围内的所有单元格规则1：每一列的连续相同的值合并单元格规则2：每一列的第一个非空单元格与其下方的所有空白单元格合并单元规则3：优先左侧列合并单元格，合并后，右侧的单元…...

编程日记 2025/8/26 7:39:23

设计AI芯片架构的入门研究生入行数字芯片设计、验证的项目 opentitan

前言这几年芯片设计行业在国内像坐过山车。时而高亢，时而低潮。最近又因为AI的热潮开始high起来。到底芯片行业的规律是如何？ 我谈谈自己观点：芯片设计是“劳动密集型”行业。 “EDA和工具高度标准化和代工厂的工艺标准化之后，芯…...

编程日记 2025/8/22 7:31:53

【弹性计算】异构计算云服务和 AI 加速器（二）：适用场景

异构计算云服务和 AI 加速器（二）：适用场景 1.图形处理2.视频处理3.计算4.人工智能异构计算目前已经被广泛地应用于生产和生活当中，主要应用场景如下图所示。 1.图形处理 GPU 云服务器在传统的图形处理领域具有强大的优势&…...

编程日记 2025/8/26 7:39:24

JVM常用概念之移动GC和局部性

问题非移动GC一定比移动GC好吗？ 基础知识移动GC和非移动GC 移动GC 在进行垃圾回收时，为了减少碎片而移动对象来顺利完成垃圾回收的GC。 Serial GC 在单线程环境下，它在标记-清除（Mark-Sweep）算法的基础上进行…...

编程日记 2025/8/20 22:40:05

微服务保护：Sentinel

home | Sentinelhttps://sentinelguard.io/zh-cn/ 微服务保护的方案有很多，比如： 请求限流线程隔离服务熔断服务故障最重要原因，就是并发太高！解决了这个问题，就能避免大部分故障。当然，接口的并发…...

编程日记 2025/8/21 1:59:13

使用Wireshark截取并解密摄像头画面

在物联网（IoT）设备普及的今天，安全摄像头等智能设备在追求便捷的同时，往往忽视了数据传输过程中的加密保护。很多摄像头默认通过 HTTP 协议传输数据，而非加密的 HTTPS，从而给潜在攻击者留下了可乘之机。本文…...

编程日记 2025/8/26 7:39:22

IDEA 基础配置: maven配置 | 服务窗口配置

文章目录 IDEA版本与MAVEN版本对应关系maven配置镜像源插件idea打开服务工具窗口IDEA中的一些常见问题及其解决方案IDEA版本与MAVEN版本对应关系查找发布时间在IDEA版本之前的dea2021可以使用maven3.8以及以前的版本比如我是idea2021.2.2 ,需要将 maven 退到 apache-maven-3.…...

编程日记 2025/8/22 5:21:40

20250-3-8 树的存储结构

一、树的逻辑结构回顾树：一个分支结点可以有多课子树如果按照二叉树的存储来实现树的存储，则只依靠数组下标，无法反映结点之间的逻辑关系。二、双亲表示法（顺序存储） 1.因此：我们可以用链式存储的方法&…...

编程日记 2025/8/24 10:55:14

Visual-RFT视觉强化微调：用「试错学习」教会AI看图说话

📜 文献卡英文题目: Visual-RFT: Visual Reinforcement Fine-Tuning;作者: Ziyu Liu; Zeyi Sun; Yuhang Zang; Xiaoyi Dong; Yuhang Cao; Haodong Duan; Dahua Lin; Jiaqi WangDOI: 10.48550/arXiv.2503.01785摘要翻译: 像OpenAI o1这样的大型推理模型中的强化微调…...

编程日记 2025/8/22 5:10:30

PDF处理控件Aspose.PDF，如何实现企业级PDF处理

PDF处理为何成为开发者的“隐形雷区”？ “手动调整200页PDF目录耗时3天，扫描件文字识别错误导致数据混乱，跨平台渲染格式崩坏引发客户投诉……” 作为开发者，你是否也在为PDF处理的复杂细节消耗大量精力？Aspose.PDF凭…...

编程日记 2025/8/23 1:17:00

DeepSeek-R1本地化部署（Mac）

一、下载 Ollama 本地化部署需要用到 Ollama，它能支持很多大模型。官方网站：https://ollama.com/ 点击 Download 即可，支持macOS,Linux 和 Windows；我下载的是 mac 版本，要求macOS 11 Big Sur or later，Ol…...

编程日记 2025/8/23 4:32:26

Swift Package Manager (SPM) 创建并集成本地库

在macOS 项目中，使用 Swift Package Manager (SPM) 创建并集成本地库的完整步骤。创建一个macos应用程序，选择 swift、oc、swiftui都可以。创建好应用之后，开始创建SPM本地库。打开终端app，进入项目根目录，逐次输…...

编程日记 2025/8/19 21:00:54

分布式锁—6.Redisson的同步器组件

大纲 1.Redisson的分布式锁简单总结 2.Redisson的Semaphore简介 3.Redisson的Semaphore源码剖析 4.Redisson的CountDownLatch简介 5.Redisson的CountDownLatch源码剖析 1.Redisson的分布式锁简单总结 (1)可重入锁RedissonLock (2)公平锁RedissonFairLock (3)联锁MultiL…...

编程日记 2025/8/19 10:14:10

文献分享: ConstBERT固定数目向量编码文档

😂图放这了，大道至简的 idea \text{idea} idea不愧是 ECIR \text{ECIR} ECIR 👉原论文 1. ConstBERT \textbf{1. ConstBERT} 1. ConstBERT的原理 1️⃣模型的改进点：相较于 ColBERT \text{ColBERT} ColBERT为每个 Token \text{Tok…...

编程日记 2025/8/25 14:57:22

如何使用SSH命令安全连接并转发端口到远程服务器

ssh -p 22546 rootconnect.westc.gpuhub.com d6IS/mQKq/iG ssh -CNgv -L 6006:127.0.0.1:6006 rootconnect.westc.gpuhub.com -p 22546 第一条命令：用于登录远程服务器，进行交互式操作。第二条命令：用于建立 SSH 隧道，进行端口转…...

编程日记 2025/8/21 16:43:31

SolidWorks 转 PDF3D 技术详解

在现代工程设计与制造流程中，不同软件间的数据交互与格式转换至关重要。将 SolidWorks 模型转换为 PDF3D 格式，能有效解决模型展示、数据共享以及跨平台协作等问题。本文将深入探讨 SolidWorks 转 PDF3D 的技术原理、操作流程及相关注意事项，…...

编程日记 2025/8/20 4:24:08

9.2 EvictionManager源码解读

本节重点总结 : evictionManager初始化了两个相同的manager对象 evictionManager做本机驱逐pod的判定和厨房evictionAdmitHandler用来kubelet创建Pod前进依据本机的资源压力进行准入检查 evictionManager判断内存驱逐阈值有两种方法第一种使用内核的memcg的通知机制&#xff…...

编程日记 2025/8/26 1:37:52

考研数一非数竞赛复习之Stolz定理求解数列极限

在非数类大学生数学竞赛中，Stolz定理作为一种强大的工具，经常被用来解决和式数列极限的问题，也被誉为离散版的’洛必达’方法，它提供了一种简洁而有效的方法，使得原本复杂繁琐的极限计算过程变得直观明了。本文&#x…...

编程日记 2025/8/22 13:38:58

整理一下高级设施农业栽培学这门课程的所有知识点

整理一下高级设施农业栽培学这门课程的所有知识点以下是高级设施农业栽培学这门课程从入门到精通需要学习的知识点： 一、设施农业概述设施农业的概念与发展历程了解设施农业的定义、特点及作用，掌握其发展历程、现状与未来趋势。熟悉国内外设施农业…...

编程日记 2025/8/20 15:30:25

2025最新软件测试面试八股文（含答案+文档）

1、请试着比较一下黑盒测试、白盒测试、单元测试、集成测试、系统测试、验收测试的区别与联系。参考答案： 黑盒测试：已知产品的功能设计规格，可以进行测试证明每个实现了的功能是否符合要求。白盒测试：已知产品的内部工作过程…...

编程日记 2025/8/24 23:49:22

系统架构设计师—系统架构设计篇—基于体系结构的软件开发方法

文章目录概述基于体系结构的开发模型-ABSDM体系结构需求体系结构设计体系结构文档化体系结构复审体系结构实现体系结构演化概述基于体系结构（架构）的软件设计（Architecture-Based Software Design，ABSD）方法。 AB…...

编程日记 2025/8/26 0:21:28

求最大公约数【C/C++】

大家好啊，欢迎来到本博客( •̀ ω •́ )✧，我将带领大家详细的了解最大公约数的思想与解法。一、什么是公约数公约数，也称为公因数，是指两个或多个整数共有的因数。具体来说，如果一个整数能被两个或多个整数整除&…...

编程日记 2025/8/23 16:41:55

Transformer 代码剖析16 - BLEU分数（pytorch实现）

一、BLEU算法全景图 #mermaid-svg-uwjb5mQ2KAC6Rqbp {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-uwjb5mQ2KAC6Rqbp .error-icon{fill:#552222;}#mermaid-svg-uwjb5mQ2KAC6Rqbp .error-text{fill:#552222;stroke:…...

编程日记 2025/8/21 5:19:41

手机屏幕摔不显示了，如何用其他屏幕临时显示,用来导出资料或者清理手机

首先准备一个拓展坞然后插入一个外接的U盘插入鼠标插入有数字小键盘区的键盘然后准备一根高清线，一端链接电脑显示器,一端插入拓展坞把拓展坞的连接线，插入手机充电口（可能会需要转接头） 然后确保手机开机按下键盘…...

编程日记 2025/8/23 13:51:42

labelimg标注的xml标签转换为yolo格式标签

本文不生产技术，只做技术的搬运工！！！ 前言在yolo训练时，我们需要对图像进行标注，而使用labelimg标注时如果直接选择输出yolo格式的数据集，则原始数据的很多信息无法被保存，因此一版…...

编程日记 2025/8/24 4:57:07

Linux云计算SRE-第十七周

1. 做三个节点的redis集群。 1、编辑redis节点node0(10.0.0.100)、node1(10.0.0.110)、node2(10.0.0.120)的安装脚本 [rootnode0 ~]# vim install_redis.sh#!/bin/bash # 指定脚本解释器为bashREDIS_VERSIONredis-7.2.7 # 定义Redis的版本号PASSWORD123456 # 设置Redis的访问…...

编程日记 2025/8/24 3:21:27

K8S学习之基础十八：k8s的灰度发布和金丝雀部署

灰度发布逐步扩大新版本的发布范围，从少量用户逐步扩展到全体用户。特点是分阶段发布、持续监控、逐步扩展适合需要逐步验证和降低风险的更新金丝雀部署将新版本先部署到一小部分用户或服务器，观察其表现，再决定是否全面推广。特点&…...

编程日记 2025/8/21 18:09:01

相关文章：