使用webrtc-streamer查看rtsp实时视频

1.下载webrtc-streamer

2.解压运行webrtc-streamer.exe

在浏览器访问127.0.0.1:8000,点击窗口可以看到本机上各窗口实时状态,点击摄像头可以显示摄像头画面。

5.安装phpstudy,并建立网站。(具体过程自己网上搜)

6.打开网站根目录, 新建webrtc文件夹。将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到webrtc文件夹下。

7.新建webrtc.html,并修改webrtc-streamer.exe所在IP(第27行),rtsp地址(第28行)

video组件加上muted才会自动播放,否则需要点击才能播放。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<style>
#id__stream {width: 100%;height: 100%;
}
</style>
<body>
<div><video muted autoplay controls id="id__stream"></video>
</div>
<script src="./webrtcstreamer.js"></script>
<script src="./adapter.min.js"></script>
<script>// 只获取视频let constraints = {audio: false, video: true};let startBtn = document.getElementById('start')let stopBtn = document.getElementById('stop')let videoShowControl = document.getElementById('id__stream')const s = new WebRtcStreamer('id__stream', 'http://192.168.43.102:8000');s.connect('rtsp://admin:admin@192.168.43.110:554/stream0');startBtn.onclick = function () {}stopBtn.onclick = function () {videoShowControl.pause();}
</script>
</body>
</html>

8.在浏览器输入网址(http://192.168.43.102/webrtc/webrtc.html),即可看到rtsp视频

这里一共有三个地址:

webrtc-streamer.exe(html中配置):http://192.168.43.102:8000

rtsp地址(html中配置): rtsp://admin:admin@192.168.43.110:554/stream0

浏览网址(phpstudy中配置):http://192.168.43.102/webrtc/webrtc.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/44172.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

面试官:说说你项目中的单点登录?

单点登录&#xff08;SSO&#xff09;概念 定义&#xff1a;用户仅需一次登录&#xff0c;即可访问所有相互信任的应用程序或系统。目的&#xff1a;提升用户体验&#xff0c;简化登录流程&#xff0c;降低忘记密码和登录疲劳问题&#xff0c;提高系统安全性。 SSO实现技术 O…

【探索Linux】P.38(传输层 —— TCP协议通信连接管理机制简介 | TCP连接状态转换)

阅读导航 引言一、TCP协议通信连接管理机制二、连接状态转换1. TCP状态转换图2. 状态转换过程3. 理解TIME_WAIT状态&#xff08;1&#xff09;目的和作用&#xff08;2&#xff09;状态转换&#xff08;3&#xff09;特殊情况&#xff08;4&#xff09;影响和优化 4. 理解 CLOS…

多模态大模型时代下的文档图像智能分析与处理_多模态ocr

0. 前言1. 人工智能发展历程 1.1 传统机器学习1.2 深度学习1.3 多模态大模型时代 2. CCIG 文档图像智能分析与处理论坛 2.1 文档图像智能分析与处理的重要性和挑战2.2 文档图像智能分析与处理高峰论坛2.3 走进合合信息 3. 文档图像智能分析与处理 3.1 文档图像分析与预处理3.2 …

牛市中途深度调整,一览下半场值得关注的 Solana 生态五大潜力项目

近期有关加密货币的利空消息让市场行情一度陷入了恐慌之中&#xff0c;短期利空的落地也将伴随着接下来市场的蓄势。对于投资者来说&#xff0c;现在布局超跌潜力项目不失为一个不错的机会。作为本轮牛市值得关注的两大生态&#xff0c;Solana和TON的快速发展和吸金效应&#x…

微米级触觉感知的紧凑视触觉机器人皮肤

视触觉皮肤&#xff08;VTS&#xff09;分为涂层型、标记型和热致变色型。涂层的耐磨性和空间分辨率是涂层型VTS的核心问题。近期&#xff0c;北京邮电大学方斌教授联合中国地质大学&#xff08;北京&#xff09;杨义勇教授&#xff0c;在传感器领域Q1期刊IEEE Sensors Journal…

优化旅游服务热线系统以满足多样化需求

一、引言 在全球化与数字化的时代背景下&#xff0c;旅游业得到了前所未有的发展。旅游服务热线系统作为连接旅游企业与游客的重要桥梁&#xff0c;其服务质量与效率直接关系到企业的声誉、市场地位以及游客的满意度。然而&#xff0c;随着旅游市场的日益成熟和游客需求的多样…

存储相关基本知识:oss\s3\文件存储\块存储\

存储 常见的存储格式 文件存储会以文件和文件夹的层次结构来整理和呈现数据&#xff1b;块存储会将数据拆分到任意划分且大小相同的卷中;对象存储会管理数据并将其链接至关联的元数据。 DAS和SAN是基于物理块的存储方式&#xff0c;而NAS是基于文件的存储方式。 在DAS和SAN中…

Conformal low power-2.电源感知等效性检查

电源感知等效性检查 ■ 第24页&#xff1a;电源感知等效性检查概述 ■ 第24页&#xff1a;启动低功耗&#xff08;等效性检查&#xff09;软件 ■ 第25页&#xff1a;电源感知等效性检查流程 ■ 第28页&#xff1a;电源感知等效性检查示例Do文件 电源感知等效性检查概述…

MySQL 中 SQL 查询语句的执行顺序

在 MySQL 中&#xff0c;SQL 查询的执行顺序通常按照以下顺序进行&#xff1a; FROM&#xff1a;从指定的表中选择数据。WHERE&#xff1a;对数据进行筛选&#xff0c;只选择满足条件的行。GROUP BY&#xff1a;按照指定的列对数据进行分组。SELECT&#xff1a;选择要返回的列或…

使用springboot 配置一个websocket客户端

要在 Spring Boot 应用程序中实现一个 WebSocket 客户端&#xff0c;您可以使用 Spring 的 WebSocketClient 接口。这里&#xff0c;我们将使用标凑的 StandardWebSocketClient 进行示例。客户端将被 Spring 管理&#xff0c;允许你注入任何需要的依赖&#xff0c;并支持向 Web…

亚马逊关键词优化全攻略:自养号测评让你的产品跃居首页

常常听到亚马逊运营吐槽&#xff1a; 为啥我的产品就是上不了首页呢&#xff1f; 我的关键词要怎么优化才能排名靠前啊&#xff1f; 的确&#xff0c;每天都有无数个卖家在想方设法让自己的产品排到首页&#xff0c;所以产品的竞争激烈程度不言而喻。 我们在亚马逊运营中&a…

在Python中什么是上下文管理器以及如何使用with语句来管理资源

什么是上下文管理器&#xff1f; 在Python中&#xff0c;上下文管理器&#xff08;Context Manager&#xff09;是一种支持with语句的协议&#xff0c;允许对象管理资源&#xff0c;如文件、线程锁的获取和释放、数据库连接等。上下文管理器负责资源的分配和释放&#xff0c;确…

昇思MindSpore学习笔记6-03计算机视觉--ResNet50图像分类

摘要&#xff1a; 记录MindSpore AI框架使用ResNet50神经网络模型&#xff0c;选择Bottleneck残差网络结构对CIFAR-10数据集进行分类的过程、步骤和方法。包括环境准备、下载数据集、数据集加载和预处理、构建模型、模型训练、模型测试等。 一、概念 1.图像分类 最基础的计算…

用6000万茅台案,了解什么是外挂?

近日&#xff0c;一起涉案金额高达6000余万元的案件出现在人们视野中。此前浙江丽水云和县公安局侦破了一起非法利用软件抢购电商平台茅台酒案。 据了解&#xff0c;犯罪嫌疑人以非法牟利为目的&#xff0c;开发了抢购软件&#xff0c;以有偿原价抢购电商平台飞天茅台酒为噱头&…

Raspberry Pi 使用 Halio 实现 13Top/s AI 加速

Raspberry Pi 5 现在可以选择用于神经网络、人工智能和机器学习的 AI 协处理器。 AI 套件包含最近宣布的用于容纳 NVMe 内存驱动器的相同 M.2 HAT&#xff0c;但装载了 13Top/s Hailo-8L AI 处理器。 据 Raspberry Pi 介绍&#xff0c;连接是通过其单通道“以 8Gbit/s 的速度…

《简历宝典》06 - 简历的“个人信息”模块,【期望薪资】和【籍贯】的注意点

目录 1 本节概要 2 我不是地域黑 3 籍贯这一项的小技巧 4 期望薪资不建议写 5 面试通过后努力争取 6 最后 1 本节概要 有少数人&#xff0c;还真的会在简历中写明期望薪资&#xff0c;我得给他讲半天&#xff0c;你不要写&#xff0c;为什么不要写。然后呢&#xff0c;人…

PyCharm在线版,一周使用总结!!!

前言 过去一周&#xff0c;对pycharm在线版进行了使用&#xff0c;对云原生开发工具有了全新的认识&#xff0c;云原生开发是一种现代化的软件开发和部署方法&#xff0c;它充分利用了云计算的优势&#xff0c;特别是容器化、微服务、持续集成/持续部署&#xff08;CI/CD&…

Finalshell如何使用ssh秘钥连接服务器

[TOC](Finalshell如何使用ssh秘钥连接服务器)背景 最近在开发项目&#xff0c;需要部署到客户服务器&#xff0c;且不好暴露我们的gitlab地址去下载部署&#xff0c;只好回到解放前&#xff0c;使用工具上传文件到客户服务器部署&#x1f602; 但是手写scp命令太麻烦&#x…

【WEB前端2024】3D智体编程:乔布斯3D纪念馆-第58集-agent机器人助理自动群发短信

【WEB前端2024】3D智体编程&#xff1a;乔布斯3D纪念馆-第58集-agent机器人助理自动群发短信 使用dtns.network德塔世界&#xff08;开源的智体世界引擎&#xff09;&#xff0c;策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写…

20个实验数据创造AI蛋白质里程碑!上海交大联合上海AI Lab发布FSFP,有效优化蛋白质预训练模型

蛋白质&#xff0c;这些微小而强大的生物分子&#xff0c;是生命活动的基础&#xff0c;在生物体内扮演着多种角色。然而&#xff0c;要精确地调整和优化蛋白质功能&#xff0c;以适应特定的工业或医疗需求&#xff0c;却是一项极具挑战性的任务。传统上&#xff0c;科学家们依…