Windows环境下使用HTML5播放RTSP流

本文搭建环境选用Windows平台

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

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

二、搭建Vue项目

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

2.1 下载压缩包

Windows环境下使用HTML5播放RTSP流_第1张图片

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

Windows环境下使用HTML5播放RTSP流_第2张图片

2.3 启动项目

注:本地需要安装Nodejs
Windows环境下使用HTML5播放RTSP流_第3张图片
注:如果出现报错提示 Error: Cannot find module ‘express’
Windows环境下使用HTML5播放RTSP流_第4张图片
执行命令安装express

npm install express

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

Windows环境下使用HTML5播放RTSP流_第5张图片

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

Windows环境下使用HTML5播放RTSP流_第6张图片
Windows环境下使用HTML5播放RTSP流_第7张图片

你可能感兴趣的:(html5,前端,html,web,实时音视频)