使用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

就能看到视频了!!

相关推荐
蚂蚁背大象14 分钟前
Rust 所有权系统是为了解决什么问题
后端·rust
子玖2 小时前
go实现通过ip解析城市
后端·go
Java不加班2 小时前
Java 后端定时任务实现方案与工程化指南
后端
AI攻城狮2 小时前
用 Playwright 实现博客一键发布到稀土掘金
python·自动化运维
心在飞扬2 小时前
RAG 进阶检索学习笔记
后端
Moment2 小时前
想要长期陪伴你的助理?先从部署一个 OpenClaw 开始 😍😍😍
前端·后端·github
Das1_2 小时前
【Golang 数据结构】Slice 底层机制
后端·go
得物技术2 小时前
深入剖析Spark UI界面:参数与界面详解|得物技术
大数据·后端·spark