问题

我试图在浏览器中显示mp4视频。原始文件具有AVI容器格式。我可以成功地将它转换为mp4，目标文件是可读的（视频+声音）与图腾电影播放器。所以我认为一切都可以显示下面的页面

HTML5网页

<!DOCTYPE html><html>
<head>
    <title>Webcam</title>
</head>
<body>
<video width="640" height="480" controls>
  <source src="/path/to/output.mp4" type="video/mp4">
<h3>Your browser does not support the video tag</h3>
</video>
</body></html>

输入探针

$ ffprobe -show_streams input.avi

  Duration: 00:08:22.90, start: 0.000000, bitrate: 1943 kb/s
    Stream #0:0: Audio: mp3 (U[0][0][0] / 0x0055), 48000 Hz, stereo, s16p, 64 kb/s
    Stream #0:1: Video: mpeg4 (Advanced Simple Profile) (XVID / 0x44495658), yuv420p, 720x540 [SAR 1:1 DAR 4:3], 1870 kb/s, 29.97 fps, 25 tbr, 29.97 tbn, 25 tbc

转换

$ ffmpeg -y -fflags + genpts -i input.avi -acodec copy -vcodec copy ouput.mp4

Html浏览器

打开上面的html文件会播放声音但不显示视频。

当我使用其他.mp4文件时，视频会成功显示，所以我确定我遇到转换问题。

不是：我已经尝试了很多其他的ffmpeg选项，但没有成功。

有什么想法吗？

提前致谢。

Answer 1

您的命令是stream copying（重新复用）MPEG-4 Part 2视频到MP4容器中，但浏览器可能无法播放此格式。您应该使用H.264视频代替MP4容器：

ffmpeg -i input.avi -c:v libx264 <... more options ...> -c:a libfaac \
-movflags +faststart output.mp4

-movflags +faststart将允许视频在观众完全下载文件之前开始播放。

请注意，您可以指定多个备用媒体资源以实现兼容性：

<video width="640" height="480" controls>
  <source src="/path/to/output.mp4" type="video/mp4">
  <source src="/path/to/output.webm" type="video/webm">
  <source src="/path/to/output.ogv" type="video/ogg">
  ...
</video>

另见：

Answer 2

我建议使用WebM格式而不是MP4格式。如果你看here，似乎WebM是兼容性的好选择。

事实上，我自己做了类似的测试

<!DOCTYPE html><html>
<head>
    <title>Play a file</title>
</head>
<body>
<video width="640" height="480" controls>
  <source src="vid/output.webm" type="video/webm">
<h3>Your browser does not support the video tag</h3>
</video>

<video width="640" height="480" controls>
  <source src="vid/output.mp4" type="video/mp4">
<h3>Your browser does not support the video tag</h3>
</video>

</body></html>

我使用了转换为的视频：

ffmpeg -i F：\ Videos \ bbb_1sec.ts ./vid/output.mp4 和
ffmpeg -i F：\ Videos \ bbb_1sec.ts ./vid/output.webm

MP4视频在Firefox 29下无效...但WebM版本没问题

另一方面，由于转换为VP8 / vorbis，转换将花费更多时间。但是您复制（transmux）到mp4文件中的输入视频流超出了规范（视频：mpeg4（高级简单配置文件）（XVID / 0x44495658））

AVI到MP4 - ffmpeg转换

问题

HTML5网页

输入探针

转换

Html浏览器

2 个答案: