☰

无法显示使用 FFMPEG 从 HTML 创建的视频

tag-icon • tag-icon ffmpeg video python html
无法显示使用 FFMPEG 从 HTML 创建的视频

我正在尝试编写 Python 代码，它将通过子进程包调用 ffmpeg 并生成通过在不同时间点插入多个音频剪辑（.wav）创建的视频（.mp4）。

temporary_output_path = "./output_0.mp4"
command_line = [
    "ffmpeg", "-y", "-i", "./Output.mp4", "-i", first_video_output_path,
    "-map", "0:0", "-map", "1:0", "-c:v", "copy", "-preset", "ultrafast", "-async", "1", temporary_output_path
]
subprocess.run(command_line)

cnt = 0
for k, v in audio_time_dict.items():    
    command_line = [
        "ffmpeg", "-y", "-i", "output_"+str(cnt) +".mp4", "-i", k,
        "-filter_complex", f"[1:a] adelay={v}|{v} [tmp];[0:a][tmp] amix=inputs=2,volume=3[audio_out]",
        "-map", "0:v", "-map", "[audio_out]", "output_" + str(cnt+1) + ".mp4"
    ]
    subprocess.run(command_line)
    cnt +=1

视频生成成功，可以通过VLC播放器播放，但是当我尝试将其插入HTML标签时，如下：

        <div className="row">
          <div className="col-12">
            <div
              className="tour__content"
              data-aos="fade-up"
              data-aos-duration="600">
              <video muted loop autoPlay controls>
                <source src="/images/video/demo.mp4" type="video/mp4" />
              </video>
            </div>
          </div>
        </div>

我收到以下错误：

在此处输入图片描述

我到底做错了什么？视频不受支持的原因可能是什么？

答案1

有些浏览器在播放 yuv444 像素格式的视频时会出现问题，尽管 yuv420 被广泛支持。

我们可以添加-pix_fmt yuv420p输出参数来以像素格式对视频进行编码yuv420p（yuv420色度子采样）。

请注意，这yuv444p是 FFmpeg 的默认像素格式（至少在使用默认的 libx264 编码器时）。

我们可以使用以下方法检查视频文件的像素格式媒体信息工具（属性名称为“色度子采样”）。

相关内容