通过GET请求加载HTML Video缓冲过慢的优化方案咨询

一、优化Flask视频接口的缓冲能力（解决拖动卡顿） #

当前你的Flask接口用send_file直接返回整个视频文件，没有处理浏览器的Range请求（拖动进度条时浏览器会发送这类请求，要求获取视频的某一段内容），这就是缓冲卡顿的核心原因。只需修改接口，支持Range请求即可：

修改后的Flask代码 #

import os
from flask import request, make_response, send_file, redirect, url_for

@app.route('/flask/server/video')
def return_video():
    # 先做认证校验
    if not jwtVerify(request.cookies):
        return redirect(url_for("login"))
    
    filename = request.args.get('title')
    # 替换为你的真实路径查找逻辑
    real_location = find_the_actually_video_file_location()
    file_path = os.path.join(real_location, filename)
    
    # 检查文件是否存在
    if not os.path.exists(file_path):
        return "视频不存在", 404
    
    # 处理Range请求（支持进度条拖动）
    range_header = request.headers.get('Range', None)
    if range_header:
        file_size = os.path.getsize(file_path)
        # 解析Range头，获取起始和结束字节位置
        start_str, end_str = range_header.strip().split('=')[1].split('-')
        start = int(start_str) if start_str else 0
        end = int(end_str) if end_str else file_size - 1
        
        # 读取指定范围的文件内容
        with open(file_path, 'rb') as f:
            f.seek(start)
            video_segment = f.read(end - start + 1)
        
        # 构建响应头，符合HTTP范围请求规范
        response = make_response(video_segment)
        response.headers['Content-Range'] = f'bytes {start}-{end}/{file_size}'
        response.headers['Accept-Ranges'] = 'bytes'
        response.headers['Content-Length'] = str(end - start + 1)
        response.headers['Content-Type'] = 'video/mp4'
        return response, 206  # 206表示部分内容响应
    else:
        # 无Range请求时，正常返回完整文件
        return send_file(file_path, mimetype='video/mp4')

额外优化：添加缓存控制 #

可以在响应头中加入Cache-Control，让浏览器缓存视频片段，减少重复请求：

# 在返回响应时添加
response.headers['Cache-Control'] = 'public, max-age=3600'  # 缓存1小时

二、给静态目录视频添加认证（利用Apache高效处理文件） #

如果想保留Apache处理静态文件的高性能，同时给视频添加认证，可以用X-Sendfile机制：Flask负责认证，Apache负责发送文件，既安全又高效。

步骤1：启用Apache的X-Sendfile模块 #

在Ubuntu 20.04上执行：

sudo a2enmod xsendfile
sudo systemctl restart apache2

步骤2：配置Apache允许访问视频目录 #

在你的Apache虚拟主机配置中添加：

# 启用X-Sendfile
XSendFile On
# 指定允许发送的视频目录（替换为你的真实视频路径）
XSendFilePath /path/to/your/private/videos

步骤3：修改Flask接口代码 #

Flask只需完成认证，然后通过X-Sendfile头告诉Apache发送对应文件：

import os
from flask import request, make_response, redirect, url_for

@app.route('/flask/server/video')
def return_video():
    if not jwtVerify(request.cookies):
        return redirect(url_for("login"))
    
    filename = request.args.get('title')
    real_location = find_the_actually_video_file_location()
    file_path = os.path.join(real_location, filename)
    
    if not os.path.exists(file_path):
        return "视频不存在", 404
    
    # 让Apache处理文件发送
    response = make_response()
    response.headers['X-Sendfile'] = file_path
    response.headers['Content-Type'] = 'video/mp4'
    return response

这种方式下，视频文件不需要放在Flask的static目录，Apache会直接从指定路径读取文件并发送，天然支持缓冲和进度条拖动，同时保留了Flask的认证校验。

三、直接给静态目录添加认证（替代方案） #

如果想让用户直接访问类似/static/videos/xxx.mp4的路径，但需要认证，可以通过Apache的重写规则结合Flask认证：

Apache配置 #

<Directory "/var/www/your_flask_app/static/videos">
    RewriteEngine On
    # 检查Cookie中是否有有效的JWT
    RewriteCond %{HTTP_COOKIE} !^.*your_jwt_cookie_name=.*$
    RewriteRule ^(.*)$ /login [R,L]
    
    # 有Cookie时，转发到Flask验证权限
    RewriteCond %{HTTP_COOKIE} ^.*your_jwt_cookie_name=.*$
    RewriteRule ^(.*)$ /flask/verify_video?video=$1 [PT]
</Directory>

Flask验证接口 #

@app.route('/flask/verify_video')
def verify_video():
    if not jwtVerify(request.cookies):
        return "未授权", 403
    
    video_name = request.args.get('video')
    # 可选：验证用户是否有权限访问该视频
    # 验证通过后，让Apache返回文件
    return '', 200

内容的提问来源于stack exchange，提问作者James Watson