多媒体容器格式：webm

.webm 是一种多媒体容器格式，通常用于网络视频的流媒体传输。.webm 文件通常使用以下两种视频编码格式：

1. VP8：

   • 用途: 这是 .webm 格式最常见的视频编码方式之一，兼容性好，在许多浏览器中都支持硬件加速。
   • 示例:

     fourcc = cv2.VideoWriter_fourcc(*'VP80')
     

2. VP9：

   • 用途: VP9 是 VP8 的继任者，提供更高的压缩效率和视频质量，特别适合高分辨率视频，如 4K 视频。
   • 示例:

     fourcc = cv2.VideoWriter_fourcc(*'VP90')

在 OpenCV 中，保存 .webm 视频的代码示例如下：

import cv2

# 视频保存路径
output_path = "output_video.webm"

# 视频捕获和编写对象
cap = cv2.VideoCapture('input_video.avi')
fourcc = cv2.VideoWriter_fourcc(*'VP80')  # 或者使用 VP90
out = cv2.VideoWriter(output_path, fourcc, 30.0, (640, 480))

while True:
    ret, frame = cap.read()
    if not ret:
        break
    out.write(frame)

cap.release()
out.release()

在前端 Vue.js 中，可以通过 <video> 标签播放 .webm 格式的视频：

<video controls> 
    <source src="output_video.webm" type="video/webm"> 
    Your browser does not support the video tag. 
</video>

这可以确保在支持 .webm 的浏览器中（如 Chrome、Firefox、Opera）良好播放，并提供高效的视频压缩。