使用flask将服务器端的视频通过网页在本地查看

原理:把视频变成一个网页直播流,使用 Flask 框架将 OpenCV 的每一帧图片通过 HTTP 协议发给浏览器。

  1. 服务器安装Flask:

    pip install flask

  2. 编写并运行"推流脚本"

在服务器上创建一个新文件,例如web_show.py(记得修改成自己的视频地址):

python 复制代码
import cv2
from flask import Flask, Response
import time

app = Flask(__name__)

# ================= 配置区 =================
# 如果你想测试摄像头,写 0
# 如果是视频文件,写文件路径,例如 'test_video.mp4'
VIDEO_SOURCE = 'test_video.mp4' 
# =========================================

def generate_frames():
    # 初始化视频源
    cap = cv2.VideoCapture(VIDEO_SOURCE)
    
    if not cap.isOpened():
        print(f"无法打开视频源: {VIDEO_SOURCE}")
        return

    while True:
        success, frame = cap.read()
        if not success:
            # 视频播完后,重置到开头循环播放(可选)
            cap.set(cv2.CAP_PROP_POS_FRAMES, 0)
            continue

    
        cv2.putText(frame, "Running on Server", (50, 50), 
                    cv2.FONT_HERSHEY_SIMPLEX, 1, (0, 255, 0), 2)
        # =================================================

        # 将 OpenCV 图像编码为 JPEG 格式
        ret, buffer = cv2.imencode('.jpg', frame)
        if not ret:
            continue
            
        frame_bytes = buffer.tobytes()

        # 使用生成器流式输出
        yield (b'--frame\r\n'
               b'Content-Type: image/jpeg\r\n\r\n' + frame_bytes + b'\r\n')

@app.route('/video_feed')
def video_feed():
    return Response(generate_frames(),
                    mimetype='multipart/x-mixed-replace; boundary=frame')

@app.route('/')
def index():
    return "<h1>视频流服务运行中...</h1><img src='/video_feed' width='640'>"

if __name__ == '__main__':
    # host='0.0.0.0' 表示允许局域网/外网访问
    print("服务已启动!请在浏览器访问 http://<服务器IP>:5000")
    app.run(host='0.0.0.0', port=5000, debug=False)
  1. 在本地(wins)观看

步骤运行后,终端会显示:

我们在本地浏览器网址输入:http://10.3.86.255:5000

就能看到视频了!!

相关推荐
木头左1 小时前
记忆增强型注意力模块在量化交易策略中的长程依赖建模实践
python
Lisonseekpan1 小时前
技术选型分析:MySQL、Redis、MongoDB、ElasticSearch与大数据怎么选?
大数据·redis·后端·mysql·mongodb·elasticsearch
l木本I1 小时前
OpenArm开源项目总结(移植lerobot框架)
c++·人工智能·python·机器人
Dwzun1 小时前
基于Java+SpringBoot+Vue的美甲店管理系统【附源码+文档+部署视频+讲解)
vue.js·spring boot·后端·毕业设计·计算机毕业设计
Qiuner1 小时前
Spring 机制六: MVC 全链路源码解析:从 DispatcherServlet 到返回值解析(超硬核源码深度)
java·spring boot·后端·spring·mvc
2401_841495641 小时前
【LeetCode刷题】轮转数组
数据结构·python·算法·leetcode·数组·双指针·轮转数组
Victor3561 小时前
Netty(5)Netty的ByteBuf是什么?它与Java NIO的ByteBuffer有何不同?
后端
Victor3561 小时前
Netty(6)什么是Netty的Handler和Codec?
后端