flask【1】: 局域网传输PC端opencv读取视频,手机端显示

利用python的flask包进行本地局域网连接。 实现PC端利用opencv-python读取摄像头,手机端接收视频。

目前只能做到一对一,下一步研究局域网一对多传输

******(顺便记录几个可用的直播测试源(与本文无关):

  1. rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov
  2. rtmp://live.hkstv.hk.lxdns.com/live/hks1
  3. rtmp://live.hkstv.hk.lxdns.com/live/hks2
  4. rtmp://202.69.69.180:443/webcast/bshdlive-pc
    )******

环境需要:

sudo pip install flask
sudo pip install opencv-python

手机端接收的视频截图
在这里插入图片描述
1. pc端读取usb摄像头数据

camera=cv2.VideoCapture(1) 

2. 进行每帧图像的编码

imgencode=cv2.imencode('.jpg',im)[1]

参考
cv2.imdecode()函数从指定的内存缓存中读取数据,并把数据转换(解码)成图像格式;主要用于从网络传输数据中恢复出图像。
cv2.imencode()函数是将图片格式转换(编码)成流数据,赋值到内存缓存中;主要用于图像数据格式的压缩,方便网络传输。

**3. 图像格式的转换

stringData=imgencode.tostring()

4. yield返回生成器

        yield (b'--frame\r\n'
            b'Content-Type: text/plain\r\n\r\n'+stringData+b'\r\n')

5. 调用flask包

app = Flask(__name__)
@app.route('/')
def index():
    return render_template('index.html')
    @app.route('/calc')
def calc():
     return Response(get_frame(),mimetype='multipart/x-mixed-replace; boundary=frame')

6. 局域网设置**

	HOST = '0.0.0.0'     #而localhost只能在本机运行
	app.run(host=HOST, port=9000)

然后手机输入你程序所在的的ip,加上端口
如格式:192.168.1.2:900

另外还需要编辑一个 html文件:

<html>
  <head>
    <title>局域网:Video Streaming Test</title>
  </head>
  <body>
    <h1>局域网测试:一对一</h1>
    <img src="{{ url_for('calc') }}">
  	<!-- <h1>{{ url_for('calc') }}</h1> -->
  </body>
</html>

参考1

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Flask 网页中显示视频图像,可以使用 OpenCV 库来读取视频文件并将其转换为图像帧,然后使用 Flask 的路由和模板渲染功能将图像帧嵌入到 HTML 页面中。 以下是一个简单的示例代码: ```python import cv2 from flask import Flask, render_template, Response app = Flask(__name__) # 读取视频文件 cap = cv2.VideoCapture('video.mp4') # 从视频读取帧 def gen_frames(): while True: success, frame = cap.read() if not success: break else: # 将帧转换为 PNG 格式 ret, buffer = cv2.imencode('.png', frame) frame = buffer.tobytes() yield (b'--frame\r\n' b'Content-Type: image/png\r\n\r\n' + frame + b'\r\n') # 定义路由,渲染模板 @app.route('/') def index(): return render_template('index.html') # 定义路由,返回图像帧流 @app.route('/video_feed') def video_feed(): return Response(gen_frames(), mimetype='multipart/x-mixed-replace; boundary=frame') if __name__ == '__main__': app.run(debug=True) ``` 在此示例中,我们首先使用 OpenCV 库从视频文件中读取帧,并将每个帧转换为 PNG 格式。然后,我们定义两个 Flask 路由:一个用于渲染 HTML 模板,另一个用于返回图像帧流。最后,我们使用 Flask 的 `Response` 对象将帧流返回给前端页面。 在 HTML 模板中,我们可以使用 `<img>` 标签来显示图像帧。我们将图像帧的 URL 设置为 `/video_feed`,并在 `src` 属性中使用 JavaScript 实时更新图像帧。 ```html <!doctype html> <html> <head> <title>Video Streaming Demonstration</title> </head> <body> <h1>Video Streaming Demonstration</h1> <img src="{{ url_for('video_feed') }}"> </body> </html> ``` 这是一个简单的示例,你可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值