Python+Flask+FFmpeg视频流：Firefox无法播放视频的问题求助

我之前也踩过Firefox对视频MIME类型格外严格的坑，结合你给出的Stream类代码片段，咱们一步步来搞定这个问题：

核心问题分析 #

Chrome对视频流的MIME类型兼容性更宽松，但Firefox要求服务器必须返回完全匹配的Content-Type响应头，同时FFmpeg转流的输出格式也得是Firefox支持的类型（比如HLS、MP4渐进式流）。从你的代码看，问题大概率出在FFmpeg的输出配置或者服务器响应头的设置上。

具体解决方案 #

1. 调整FFmpeg转流参数，输出Firefox支持的格式 #

假设你是通过FFmpeg将摄像头流转成前端可播放的格式，建议优先选择HLS或者MP4（渐进式），并明确指定输出格式：

class Stream:
    run = False
    FNULL = open(os.devnull, 'w')
    overlay = ffmpeg.input("somelogo.png")

    def __init__(self, camid):
        camUtil = CameraUtil()
        self.camid = camid
        self.streamurl = camUtil.get_stream_from_id(self.camid)['streamURL']
        print(self.streamurl)
        
        # 调整FFmpeg输出配置，以HLS为例（Firefox支持HLS需依赖MediaSource）
        self.process = (
            ffmpeg.input(self.streamurl)
            .overlay(self.overlay)  # 保留你的logo叠加逻辑
            # 指定输出为HLS格式，分块时长2秒，列表保留5个分片
            .output('pipe:1', format='hls', hls_time=2, hls_list_size=5, hls_flags='delete_segments')
            .run_async(pipe_stdout=True, stderr=self.FNULL)
        )

如果更倾向于MP4渐进式流（兼容性更广泛），可以改成：

self.process = (
    ffmpeg.input(self.streamurl)
    .overlay(self.overlay)
    # 输出MP4，开启快速启动（moov原子放在文件开头，支持渐进式播放）
    .output('pipe:1', format='mp4', movflags='faststart')
    .run_async(pipe_stdout=True, stderr=self.FNULL)
)

2. 服务器返回正确的Content-Type响应头 #

不管用什么后端框架（Flask/Django等），返回视频流时必须设置对应的MIME类型：

• HLS格式：application/vnd.apple.mpegurl
• MP4格式：video/mp4

以Flask为例：

from flask import Response

def get_video_stream(camid):
    stream = Stream(camid)
    # 根据你选择的格式设置mimetype
    return Response(
        stream.process.stdout,
        mimetype='application/vnd.apple.mpegurl'  # 对应HLS
        # mimetype='video/mp4'  # 对应MP4
    )

3. 排查CORS配置（容易忽略的点） #

Firefox对跨域资源的限制比Chrome严格，如果你的视频流和前端页面不在同一域名下，需要在服务器端配置CORS，允许前端的域名访问，同时确保Access-Control-Allow-Origin等响应头正确设置。

额外验证步骤 #

• 打开Firefox的开发者工具（F12），切换到「网络」标签，找到视频请求，查看「响应头」里的Content-Type是否和你设置的一致
• 如果是HLS流，检查M3U8文件和TS分片的请求是否都返回了正确的状态码和MIME类型

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