使用Python OpenCV生成视频无法在浏览器播放的报错排查

嘿，我来帮你解决这个浏览器播放视频的问题！你碰到的「No video with supported format and mime type found」错误，本质是OpenCV生成的视频编码/格式和现代浏览器的支持不匹配，咱们一步步来搞定：

你当前用的MP4V编码（也就是MPEG-4 Part 2）属于比较老旧的标准，现在大部分现代浏览器已经不再原生支持它了。浏览器更偏好H.264（AVC）编码的MP4或者WebM格式，这两类是当前浏览器生态的主流选择。

修改你的fourcc配置，换成浏览器友好的H.264编码。不同平台的编码标识略有差异，优先推荐'avc1'：

import cv2

ready_images = []
for img in videos['Images']:
    image = cv2.imread(img.fileName)
    ready_images.append(image)

# 替换为H.264编码的fourcc
fourcc = cv2.VideoWriter_fourcc(*'avc1')
video_name = videos['Images'][0].gifLocationPath + "//" + videos['Name'] + ".mp4"

# 确保视频分辨率和图像一致
height, width = ready_images[0].shape[:2]
out = cv2.VideoWriter(video_name, fourcc, 25.0, (width, height))

# 写入所有帧
for frame in ready_images:
    out.write(frame)
out.release()

如果'avc1'在你的平台上不生效，可以试试'H264'作为替代。

WebM是谷歌主推的开源视频格式，几乎所有现代浏览器都原生支持，编码可以选VP9或者VP8：

import cv2

ready_images = []
for img in videos['Images']:
    image = cv2.imread(img.fileName)
    ready_images.append(image)

# VP9编码的WebM（压缩效率更高）
fourcc = cv2.VideoWriter_fourcc(*'vp09')
video_name = videos['Images'][0].gifLocationPath + "//" + videos['Name'] + ".webm"

height, width = ready_images[0].shape[:2]
out = cv2.VideoWriter(video_name, fourcc, 25.0, (width, height))

for frame in ready_images:
    out.write(frame)
out.release()

• 检查OpenCV的编码支持：有些默认安装的OpenCV可能没编译H.264/WebM支持，要是上面的代码报错，你可以重新安装带完整FFmpeg支持的版本，比如用pip install opencv-python-headless。
• 统一图像尺寸：如果你的ready_images里有不同尺寸的图片，写入视频时会出错，提前用cv2.resize()把所有图像调整到相同尺寸。
• 服务器MIME类型设置：如果是通过服务器播放视频，要确保服务器正确设置MIME类型——MP4对应video/mp4，WebM对应video/webm。本地测试的话，建议用Python的http.server启动本地服务器，避免浏览器的本地文件限制。

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