十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流

开发环境:PyCharm IDE

注意:需确保手机、电脑在同一局域网下。(我是手机给电脑开热点)

第1步-下载所需代码

[email protected]:m0_57772282/opencv-flask-rtsp.git

PyCharm打开项目

十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第1张图片

第2步-安装Flask和OpenCV:

PyCharm终端运行

pip install flask
pip install opencv-python 

第3步-手机安装IP摄像头并完成基本设置

IP摄像头安装包点赞+收藏后可以在博主上传的免费的资源中找到。

安装app后,打开app设置,按下图1所示,设置打开后启动RTSP服务器,设置用户名和密码。 十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第2张图片

 再回到app主页面打开IP摄像头服务器(如图2),进入图3界面,勾选下方含IP地址的那一串,同时选择上方摄像头标志将默认的摄像头设置改为单角度,前后置均可。

至此,手机app端的设置就完成了,将其放在一旁继续完成以下关键步骤。

第4步-填写信息,运行代码

打开项目文件app.py,修改第7行为自己的IP地址,端口号,用户名及密码。

(若想使用电脑自带摄像头,则将第7行注释掉,第8行改为如下即可。)

camera = cv2.VideoCapture(0)

十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第3张图片

 修改完后保存并运行,点击运行内容下方网址即可跳转网页实时观看到手机摄像头画面。

十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第4张图片

 手机摄像头界面与电脑网页界面分别如下:

十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第5张图片

十分钟搞定——基于OpenCV+Flask的网络实时读取RTSP视频流_第6张图片

你可能感兴趣的:(网页前后端搭建,flask,opencv,网络,后端)