Windows环境下使用HTML5播放RTSP流

本文搭建环境选用Windows平台

一、使用笔记本摄像头推送RTSP视频流

参考文章:笔记本摄像头模拟监控推送RTSP流-CSDN博客

二、搭建Vue项目

参考项目:HTML5 播放 rtsp视频流

2.1 下载压缩包

2.2 解压文件,使用VSCode打开项目

2.3 启动项目

注:本地需要安装Nodejs

注:如果出现报错提示 Error: Cannot find module 'express'

执行命令安装express

复制代码
npm install express

2.4 使用浏览器打开地址:地址

2.5 输入框中输入 EasyDarwin 推流列表中的地址,点击play按钮


相关推荐
java水泥工24 分钟前
基于Echarts+HTML5可视化数据大屏展示-白茶大数据溯源平台V2
大数据·echarts·html5
剑亦未配妥25 分钟前
移动端触摸事件与鼠标事件的触发机制详解
前端·javascript
ftpeak6 小时前
从零开始使用 axum-server 构建 HTTP/HTTPS 服务
网络·http·https·rust·web·web app
人工智能训练师6 小时前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny076 小时前
pnpm相对于npm,yarn的优势
前端·npm·node.js
yddddddy7 小时前
css的基本知识
前端·css
昔人'7 小时前
css `lh`单位
前端·css
破无差8 小时前
《赛事报名系统小程序》
小程序·html·uniapp
Nan_Shu_6149 小时前
Web前端面试题(2)
前端
知识分享小能手9 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue