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

rtsp解析视频流

news 文章来源：https://blog.csdn.net/weixin_49066399/article/details/135390223 2024/10/30 13:32:35

这里先说一下 播放rtsp 视频流，尽量让后端转换一下其他格式的流进行播放。因为rtsp的流需要flash支持，现在很多浏览器不支持flash。
先说一下这里我没有用video-player插件，因为它需要用flash ,在一个是我下载flash后，还是无法播放，一个错接着一个错。所以我放弃了这个插件

目前我实现了rtsp流播放是用webrtc-streamer(这个的缺点是起webrtc-streamer会卡，所以尽量让后端转一下流)
首先需要安装

rtsp流播放是用webrtc-streamer

npm i  video.js

这我使用的是webrtc-streamer实现简单，这个不需要后端转流。

下载webrtc-streamer
在这里插入图片描述
下载后打开文件找到html文件打开html后，下有一个webrtcstreamer.js、和libs文件下有一个adapter.min.js，
在这里插入图片描述
在这里插入图片描述
复制到自己的项目中的静态文件下去
在这里插入图片描述
在静态文件的index.html文件中引入webrtcstreamer.js和adapter.min.js文件
在这里插入图片描述
vue文件代码

 <video  :id="`video`"  autoplay width="100%"  :src="mp4Url" :poster="cover"  height="100%"></video>data() {return {webRtcServer: null,}
},mounted() {this.webRtcServer = new WebRtcStreamer( `video`,location.protocol + "//127.0.0.1:8000")this.webRtcServer.connect('rtsp://rtspstream:e1e5e887cb08291cd943f5caa81dd8bc@zephyr.rtsp.stream/movie')},beforeDestroy() {this.webRtcServer.disconnect();this.webRtcServer = null;},

打开
在这里插入图片描述
在这里插入图片描述

相关文章：

rtsp解析视频流

这里先说一下 播放rtsp 视频流&#xff0c;尽量让后端转换一下其他格式的流进行播放。因为rtsp的流需要flash支持&#xff0c;现在很多浏览器不支持flash。 先说一下这里我没有用video-player插件&#xff0c;因为它需要用flash ,在一个是我下载flash后&#xff0c;还是无法播放…...

编程日记 2024/1/6 0:09:53

【物联网】手把手完整实现STM32+ESP8266+MQTT+阿里云+APP应用——第3节-云产品流转配置

&#x1f31f;博主领域&#xff1a;嵌入式领域&人工智能&软件开发 本节目标&#xff1a;本节目标是进行云产品流转配置为后面实际的手机APP的接入做铺垫。云产品流转配置的目的是为了后面能够让后面实际做出来的手机APP可以控制STM32/MCU&#xff0c;STM32/MCU可以将数…...

编程日记 2024/1/6 0:07:50

Spring Cloud Config相关问题及答案(2024)

1、什么是 Spring Cloud Config&#xff0c;它解决了哪些问题&#xff1f; Spring Cloud Config 是一个为微服务架构提供集中化外部配置支持的项目。它是构建在 Spring Cloud 生态系统之上&#xff0c;利用 Spring Boot 的开发便利性&#xff0c;简化了分布式系统中的配置管理…...

编程日记 2024/1/6 0:03:47

【Azure 架构师学习笔记】- Azure Databricks (4) - 使用Azure Key Vault 管理ADB Secret

本文属于【Azure 架构师学习笔记】系列。 本文属于【Azure Databricks】系列。 接上文 【Azure 架构师学习笔记】- Azure Databricks (3) - 再次认识DataBricks 前言 Azure Databricks有access token&#xff0c;是具有ADB内部最高权限的token。在云环境中这些高级别权限的sec…...

编程日记 2024/1/6 0:01:44

[每周一更]-(第50期)：Go的垃圾回收GC

参考文章&#xff1a; https://juejin.cn/post/7111515970669117447https://draveness.me/golang/docs/part3-runtime/ch07-memory/golang-garbage-collector/https://colobu.com/2022/07/16/A-Guide-to-the-Go-Garbage-Collector/https://liangyaopei.github.io/2021/01/02/g…...

编程日记 2024/1/6 0:00:43

【嵌入式学习笔记-01】什么是UC，操作系统历史介绍，计算机系统分层，环境变量（PATH），错误

【嵌入式学习笔记】什么是UC&#xff0c;操作系统历史介绍&#xff0c;计算机系统分层&#xff0c;环境变量&#xff08;PATH&#xff09;&#xff0c;错误 文章目录 什么是UC?计算机系统分层什么是操作系统&#xff1f; 环境变量什么是环境变量&#xff1f;环境变量的添加&am…...

编程日记 2024/1/5 23:59:43

【动态规划】LeetCode-10. 正则表达式匹配

10. 正则表达式匹配。 给你一个字符串 s 和一个字符规律 p&#xff0c;请你来实现一个支持 ‘.’ 和 ‘*’ 的正则表达式匹配。 ‘.’ 匹配任意单个字符‘*’ 匹配零个或多个前面的那一个元素 所谓匹配&#xff0c;是要涵盖 整个 字符串 s的&#xff0c;而不是部分字符串。 …...

编程日记 2024/1/5 23:58:42

lenovo联想拯救者8.8英寸掌上游戏机Legion Go 8APU1(83E1)原装出厂Windows11预装系统

链接&#xff1a;https://pan.baidu.com/s/1d586XWXcAWVxlLyV2Oku7Q?pwdd74t 提取码&#xff1a;d74t 系统自带所有驱动、出厂主题壁纸、Office办公软件、联想电脑管家等预装程序 所需要工具&#xff1a;16G或以上的U盘 文件格式&#xff1a;ISO 文件大小&#xff1a;…...

编程日记 2024/1/5 23:57:41

经典目标检测YOLO系列(一)复现YOLOV1(4)VOC2007数据集的读取及预处理

经典目标检测YOLO系列(一)复现YOLOV1(4)VOC2007数据集的读取及预处理 之前&#xff0c;我们依据《YOLO目标检测》(ISBN:9787115627094)一书&#xff0c;提出了新的YOLOV1架构&#xff0c;并解决前向推理过程中的两个问题&#xff0c;继续按照此书进行YOLOV1的复现。 经典目标检…...

编程日记 2024/1/5 23:53:36

Android Studio xml布局代码补全功能失效问题

这里写目录标题 前言&#xff1a;问题描述原因分析&#xff1a;解决方案&#xff1a;1.更新 Android Studio 版本2.原版本解决XML补全失效 小结 前言&#xff1a; 在开发过程中&#xff0c;你可能遇到很多奇奇怪怪的问题。Android Studio 编译器出现问题也是常有的事情&#x…...

编程日记 2024/1/5 23:52:35

算法每日一题：队列中可以看到的人数 | 单调栈

大家好&#xff0c;我是星恒 今天是一道困难题&#xff0c;他的题解比较好理解&#xff0c;但是不好想出来&#xff0c;接下来就让我带大家来捋一捋这道题的思路&#xff0c;以及他有什么特征 题目&#xff1a;leetcode 1944有 n 个人排成一个队列&#xff0c;从左到右 编号为 …...

编程日记 2024/1/5 23:51:34

报表控件Stimulsoft 2023回顾：都做了哪些产品的改变？

在2023年过去一年中&#xff0c;报表控件Stimulsoft 针各类控件都做了重大改变&#xff0c;其中新增了某些产品、同时加强了很多产品的性能和UI设计&#xff0c;更加符合开发者需求&#xff0c;下面就跟随小编一起来回顾&#xff0c;具体都有哪些↓↓↓ Stimulsoft Ultimate &…...

编程日记 2024/1/5 23:50:33

Mybatis缓存实现方式

文章目录 装饰器模式Cache 接口及核心实现Cache 接口装饰器1. BlockingCache2. FifoCache3. LruCache4. SoftCache5. WeakCache 小结 缓存是优化数据库性能的常用手段之一&#xff0c;我们在实践中经常使用的是 Memcached、Redis 等外部缓存组件&#xff0c;很多持久化框架提供…...

编程日记 2024/1/5 23:47:30

C#用StringBuilder高效处理字符串

目录 一、背景 二、使用StringBuilder便捷、高效地操作字符串 三、实例 1.源码 2.生成效果 四、实例中知识点 1.StringBuilder 构造函数 &#xff08;1&#xff09;定义 &#xff08;2&#xff09;重载 &#xff08;3&#xff09;StringBuilder() &#xff08;4&…...

编程日记 2024/1/5 23:44:28

python开发案例教程-清华大学出版社(张基温)答案(4.2)

目录 练习 4.2 1. 代码分析题 2. 程序设计题 练习 4.2 1. 代码分析题 阅读下面的代码&#xff0c;给出输出结果。 &#xff08;1&#xff09; class A:def __init__(self,a,b,c):self.xabca A(3,5,7);b getattr(a,x);setattr(a,x,b3);print(a.x)18 &#xff08;2&…...

编程日记 2024/1/5 23:43:27

【MATLAB】【数字信号处理】线性卷积和抽样定理

已知有限长序列&#xff1a;xk1,2,1,1,0,-3, hk[1,-1,1] , 计算离散卷积和ykxk*h(k) 。 程序如下&#xff1a; function [t,x] My_conv(x1,x2,t1,t2,dt) %文件名与函数名对应 %自写的卷积函数 x conv(x1,x2)*dt; t0 t1(1) t2(1); L length(x1) length(x2)-2; t t0:dt…...

编程日记 2024/1/5 23:38:22

什么是 MVVM ？

课堂笔记 什么是 MVVM &#xff1f; MVVM 是一种架构模式&#xff0c;它最初是由微软的两位工程师在 2005 年的时候所提出的。 Model&#xff1a;Model代表的是你的数据View&#xff1a;视图&#xff0c;直接和用户打交道的ViewModel&#xff1a;ViewModel 是 View 和 Model…...

编程日记 2024/1/5 23:37:21

Redis（一）

1、redis Redis是一个完全开源免费的高性能&#xff08;NOSQL&#xff09;的key-value数据库。它遵守BSD协议&#xff0c;使用ANSI C语言编写&#xff0c;并支持网络和持久化。Redis拥有极高的性能&#xff0c;每秒可以进行11万次的读取操作和8.1万次的写入操作。它支持丰富的数…...

编程日记 2024/1/5 23:36:20

自动驾驶预测-决策-规划-控制学习（1）：自动驾驶框架、硬件、软件概述

文章目录 前言&#xff1a;无人驾驶分级一、不同level的无人驾驶实例分析1.L2级别2.L3级别3.L4级别①如何在减少成本的情况下&#xff0c;实现类似全方位高精度的感知呢&#xff1f;②路侧终归是辅助&#xff0c;主车的智能才是重中之重&#xff1a;融合深度学习 二、无人驾驶的…...

编程日记 2024/1/5 23:34:18

SSM建材商城网站----计算机毕业设计

项目介绍 本项目分为前后台&#xff0c;前台为普通用户登录&#xff0c;后台为管理员登录&#xff1b; 管理员角色包含以下功能&#xff1a; 管理员登录,管理员管理,注册用户管理,新闻公告管理,建材类型管理,配货点管理,建材商品管理,建材订单管理,建材评价管理等功能。 用…...

编程日记 2024/1/5 23:28:14

js逆向第9例：猿人学第2题-js混淆-动态cookie1

题目2：提取全部5页发布日热度的值，计算所有值的加和,并提交答案 (感谢蔡老板为本题提供混淆方案) 既然题目已经给出了cookie问题，那就从cookie入手，控制台找到数据请求地址 可以看到如下加密字符串m类似md5，后面跟着时间戳 m=45cc41dcdb15159ebb50564635f8e362|1704301…...

编程日记 2024/1/5 23:27:12

[论文分享]TimesURL：通用时间序列表示学习的自监督对比学习

论文题目&#xff1a;TimesURL: Self-supervised Contrastive Learning for Universal Time Series Representation Learning 论文地址&#xff1a;https://arxiv.org/abs/2312.15709 代码地址&#xff1a;暂无 摘要 学习适用于各种下游任务的通用时间序列表示具有挑战性&…...

编程日记 2024/1/5 23:26:12

解决sublime中文符号乱码问题

效果图 原来 后来 问题不是出自encode文件编码&#xff0c;而是win10的字体问题。 解决方法 配置&#xff1a; { "font_face":"Microsoft Yahei", "dpi_scale": 1.0 } 参考自 Sublime 输入中文显示方框问号乱码_sublime中文问号-CSDN博…...

编程日记 2024/1/5 23:25:11

厚积薄发11年，鸿蒙究竟有多可怕

​12月20日中国工程院等权威单位发布《2023年全球十大工程成就》。本次发布的2023全球十大工程成就包括“鸿蒙操作系统”在内。入围的“全球十大工程成就”&#xff0c;主要指过去五年由世界各国工程科技工作者合作或单独完成且实践验证有效的&#xff0c;并且已经产生全球影响…...

编程日记 2024/1/5 23:24:10

pyDAL一个python的ORM(4) pyDAL查询操作

1 、简单查询 rows db(db.person.dept marketing).select(db.person.id, db.person.name, db.person.dept) rows db(db.person.dept marketing).select() rows db(db.person.dept marketing).select(db.person.ALL) rows db().select(db.person.ALL) / db(db.person).se…...

编程日记 2024/1/5 23:21:07

如何通过Python将各种数据写入到Excel工作表

在数据处理和报告生成等工作中&#xff0c;Excel表格是一种常见且广泛使用的工具。然而&#xff0c;手动将大量数据输入到Excel表格中既费时又容易出错。为了提高效率并减少错误&#xff0c;使用Python编程语言来自动化数据写入Excel表格是一个明智的选择。Python作为一种简单易…...

编程日记 2024/1/5 23:20:06

跟着cherno手搓游戏引擎【2】：日志系统spdlog和premake的使用

配置&#xff1a; 日志库文件github&#xff1a; GitHub - gabime/spdlog: Fast C logging library. 新建vendor文件夹 将下载好的spdlog放入 配置YOTOEngine的附加包含目录&#xff1a; 配置Sandbox的附加包含目录&#xff1a; 包装spdlog&#xff1a; 在YOTO文件夹下创建…...

编程日记 2024/1/5 23:17:04

Ubuntu20.04 上启用 VCAN 用作本地调试

目录 一、启用本机的 VCAN​ 编辑 1.1 加载本机的 vcan 1.2 添加本机的 vcan0 1.3 查看添加的 vcan0 1.4 开启本机的 vcan0 1.5 关闭本机的 vcan0 1.6 删除本机的 vcan0 二、测试本机的 VCAN 2.1 CAN 发送数据 代码 2.2 CAN 接收数据 代码 2.3 CMakeLists.…...

编程日记 2024/1/5 23:15:01

LeetCode(31) 下一个排列

整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如&#xff0c;arr [1,2,3] &#xff0c;以下这些都可以视作 arr 的排列&#xff1a;[1,2,3]、[1,3,2]、[3,1,2]、[2,3,1] 。 整数数组的 下一个排列 是指其整数的下一个字典序更大的排列。更正式地&#xf…...

编程日记 2024/1/5 23:13:59

Git LFS: 简单高效的大文件版本控制

Git Large File Storage 问题 在使用git上传大文件时候&#xff0c;git push时候会报错: remote: error: File xxx.tar.gz is 135.17 MB; this exceeds GitHubs file size limit of 100 MB可以看到&#xff0c;git限制上传大小是100MB&#xff0c;超过的话就会报错&#xff…...

编程日记 2024/1/5 23:11:56

公司装修效果图办公室/网店seo关键词

很简单&#xff0c;这个问题是这样的&#xff0c;su 或者 su root&#xff1a;的话只是将当前身份转为root&#xff0c;用户shell并没有改变.所以有些系统命令不能使用. su -或者su -l或者su -l root,可以完全的将当前环境转为root环境.如同root直接登陆. 其次&#xff0c;serv…...

编程日记 2024/10/30 13:15:01

网站标题的重要性/网站优化方案

一、Java平台体系及应用场景从1995年Sun Microsystems公司正式推出Java&#xff0c;到2006年时Sun公司将其开源&#xff0c;迄今为止已经有了20年的历史。Java本身已不仅仅只是一门面向对象的编程语言&#xff0c;而是由一系列计算机软件和规范形成的技术体系&#xff0c;这个技…...

编程日记 2024/10/30 12:45:45

少儿编程几岁开始学最好/广州seo

nohup 命令的功能是在不挂端的情况下执行命令&#xff0c;默认会输出一个 nohup.out 的文件。 用法&#xff1a; nohup COMMAND [ARG]... nohup OPTION 如果标准输入是终端&#xff0c;则将其从不可读的文件中重定向。 如果标准输出是终端&#xff0c;则尽可能将输出附加到…...

编程日记 2024/10/30 12:29:33

江门市外事侨务局网站党建设/微信视频号小店

Salesforce系列&#xff08;0&#xff09;&#xff1a;工作中常用的salesforce相关的英语词汇汇总&#xff01; 前言 今天博主将为大家分享:Salesforce系列&#xff08;0&#xff09;&#xff1a;工作中常用的salesforce相关的英语词汇汇总&#xff01;不喜勿喷&#xff0c;如…...

编程日记 2024/10/30 10:23:08

wordpress手机端模板/拉新app推广平台排名

本文链接: http://blog.csdn.net/xietansheng/article/details/50188157 LibGDX 基础教程&#xff08;总目录&#xff09; 1. Rectangle 概述 Rectangle 类表示一个 2D 矩形&#xff0c;封装了 2D 矩形的 左下角坐标 和 宽高。通常用 Rectangle 来表示 Texture/Sprite/Actor…...

编程日记 2024/10/29 23:43:37

凡科建站的建站后如何管理/百度推广一天烧多少钱

0. 前言 本篇博客打算通俗地说明一下神经网络的学习过程。 1. 基本原理 还是通过举例来进行说明。 假如有一种花&#xff0c;其花瓣长度与叶子长度成一定的比例。 花瓣长度叶子长度927237229632661245735942159277819603190 可以把上面的数据在坐标系中画出来&#xff1a; …...

编程日记 2024/10/29 23:03:16