html5 – FFMPEG转换HTML 5视频不工作

我正在使用FFMPEG将视频转换为.mp4,ogg,.webm,以便可以在使用视频标签的所有支持HTML5的浏览器中查看。问题是,我设法将视频转换为3种必需格式,但不会在视频标签显示视频,我所得到的只有IE9:红十字,Firefox:Gray cross,可能是转换或是否与我将其添加到视频标签的来源有关。这是我做的:

> FFmpeg命令行:

ffmpeg -i test.mp4 test.mp4
ffmpeg -i test.mp4 test.ogg
ffmpeg -i test.mp4 test.webm

>这是视频标签

<video id="video"  height="340" width="470" onplaying="PlayVideoFromVid('PAUSE')"  onpause="PlayVideoFromVid('PLAY')" onended="ResetVideo()" preload="true" autobuffer="true" controls="true">
    <source src="test.ogg" type="video/ogg"></source>
    <source src="test.mp4" type="video/mp4"></source>
</video>

>用于视频支持的Webconfig行:

<staticContent>
    <mimeMap fileExtension=".mp4" mimeType="video/mp4" />
    <mimeMap fileExtension=".ogg" mimeType="audio/ogg" />
    <mimeMap fileExtension=".oga" mimeType="audio/ogg" />
    <mimeMap fileExtension=".ogv" mimeType="video/ogg" />
    <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>

如果有人可以向我发送ffmpeg所需的参数以将视频转换为3种所需格式,以及如何在视频标签中设置源代码以再次显示它们的示例将会很好。而任何其他的建议,将会很好的在进行转换时如何设置质量等等。

提前致谢。

解决方法

排序,谢谢所有的帮助:)我找到以下内容

您需要下载最新的ffmpeg预设:

ffmpeg.arrozcru.org/autobuilds/ffmpeg/mingw32/static/

2.您需要创建一个HOME环境变量:

(a)www.moosechips.com/2009/08/installing-ffmpeg-binary-in-windows/

(b)www.itechtalk.com/thread3595.html

3.复制环境变量文件夹下的预设

4.您需要使用以下命令转换ffmpeg:

对于mp4(H.264 / ACC):

ffmpeg -i INPUTFILE -b 1500k -vcodec libx264 -vpre slow -vpre baseline -g 30 "OUTPUTFILE.mp4"

对于webm(VP8 / Vorbis):

ffmpeg -i "INPUTFILE"  -b 1500k -vcodec libvpx -acodec libvorbis -ab 160000 -f webm -g 30 "OUTPUTFILE.webm"

对于ogv(Theora / Vorbis):

ffmpeg -i "INPUTFILE" -b 1500k -vcodec libtheora -acodec libvorbis -ab 160000 -g 30 "OUTPUTFILE.ogv"

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码