FFMPEG转换HTML 5视频不工作

我使用FFMPEG向 .MP4,OGG,.webm视频转换 ,以便它可以使用视频标签的所有HTML5功能的浏览器来查看。 问题是,我设法将视频转换为3所需的格式,但它不显示在视频标签的视频 ,我得到的是IE9:红十字会,火狐:灰色的十字架,难道是与转换问题,或者是它的东西做,我将它们添加到的源路。视频标签下面是我做了什么

  1. FFmpeg的命令行(S):

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

  2. 下面是视频标签:

    <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>

  3. 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要求的格式和他们是如何设置的视频标签源头上再次显示他们的例子进行转换。 和任何其他的提醒将是巨大的怎么样进行转换时设定的质量达等。

提前致谢。

--------------解决方案-------------

整理出来,感谢所有帮助:)我发现以下几点:

1.您需要下载最新的ffmpeg +预置值:

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

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

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

(二)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"

我先试试这个代码。 它是尽可能简单。

<video controls="true">
<source src="test.mp4" type="video/mp4"></source>
<source src="test.webm" type="video/webm"></source>
<source src="test.ogv" type="video/ogg"></source>
</video>

创建MP4文件,参数最小数量。 不幸的是,我没有测试过了。

ffmpeg -i input_file -vcodec libx264 -vpre medium output_file.mp4

要在创建OGV文件,您应该使用ffmpeg2theora。 有太多的问题与ffmpeg的。

我尝试了很多的视频文件,编码选项,服务器配置,FFMPEG版本,其他的视频编码器等,发现自己的服务MP4文件时IE9是嵌入在MP4文件本身的文件元信息称为moov atom的一件事要考虑之前。 如果它位于文件,其中一些编码器包括ffmpeg的地方吧,IE9不会,除非整个视频文件下载开始播放视频的末尾。 搬迁MOOV原子元数据的文件的开头使MP4文件的渐进式下载,和IE9很好地处理视频。

有一个名为QT-的fastStart执行此操作的工具。 奇效对我来说,编译和使用的有关ffmpeg发布的Linux命令行版本。

make tools/qt-faststart
sudo cp tools/qt-faststart /usr/local/bin/
qt-faststart original_file.mp4 modified_file.mp4

我想是因为我还是一个新手,我不能留下意见? 所以把这个作为一个答案,但我认为这是一起猜测的线条更。

入门HTML5视频播放一个星期左右前。 我遇到了很多,最终竟然是问题,因为我与工作转换的电影文件。 下面是我用我的例子的代码:

<video id="movie" width="600" height="338" poster="http://yourDomain.com/yourDirectory/posterFrame.jpg" controls="true" autoplay="true">
<source src="http://yourDomain.com/yourDirectory/yourMovie.mp4" type='video/mp4' />
<source src="http://yourDomain.com/yourDirectory/yourMovie.webm" type='video/webm' />
<source src="http://yourDomain.com/yourDirectory/yourMovie.ogg" type='video/ogg; codecs="theora, vorbis"' />
<object width="600" height="338" type="application/x-shockwave-flash" data="http://whywouldyouclickthat.com/flowplayer/flowplayer-3.2.7.swf"><param name="movie" value="http://yourDomain.com/flowplayer/flowplayer-3.2.7.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value='config={"clip": {"url": "http://yourDomain.com/yourDirectory/yourMovie.mp4", "autoPlay":true, "autoBuffering":true},"plugins": {"controls": null}}' /></object>
</video>

我模仿Mark Pilgrim的潜入HTML(视频)后,我的代码写起来。

有几件事情我能想到的尝试:

1)从标签中删除附加属性。 我与你正在实施什么(onplaying,在onPause),但也许尝试使用刚刚第一基本不太熟悉:宽度,高度和控制。 看看这有助于。

2)在我的测试中,我将我的.OGG并使用米罗.webm版本。 无论出于何种原因,电影将播放看似本地文件...但是当我在浏览器中查看他们不止一次,我会得到空白屏幕。 最后我用Firefogg最终转换我.OGG和.webm版本。 很奇怪的行为。

不知道的FFmpeg是一个因素在于,有事你需要作为工作流程的一部分使用。 但如果你只是希望得到你的代码,例如电影的功能和运行,Firefogg做的把戏我。

我最终意识到的原因是什么,当我换出其他电影工作版本,而不是我的转换的。 我建议你​​尝试在大雄兔的.MP4,.webm和.OGG版本堵......,看看你甚至可以让他们展示。 至少这样,你可以隔离它是否是一个语法或转换的问题。

3)最后,我建议你测试出一个视频文件,一次一个浏览器。 这可能是一个给定的,但仍值得扔在那里。

旁注:一旦你去好与每个文件类型,请确保先列出.MP4版本。 这是朝圣者的HTML5视频新手必看:

运行iOS 3.X的iPad出现了会阻止他们察觉什么,但列出的第一个视频源的错误。 iOS 4的(对所有的iPad免费升级)修复这个bug。 如果要提供视频到iPad业主谁haven’吨尚未升级到iOS 4,则需要列出你的MP4文件第一,其次是免费的视频格式。

我曾与IE9显示试图展示.mp4格式的视频时,一个红色的叉同样的问题。 使用的ffmpeg(如Michas建议)保持简单解决这个问题对我来说。

<video id="movie" width="600" height="360" controls preload="auto">
<source src="http://yourDomain.com/faceplant.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
<source src="http://yourDomain.com/faceplant.webm" type='video/webm; codecs="vp8.0,vorbis"'></source>
<source src="http://yourDomain.com/faceplant.ogv" type='video/ogg; codecs="theora, vorbis"'></source>
</video>

FFmpeg的参数:(我是从ffmpeg2theora使用的.ogv作为我inputfile中):

ffmpeg -i input_file.ogv -vcodec libx264 -vpre hq output_file.mp4

我的ffmpeg版本:

ffmpeg 0.8.3
libavutil 51. 9. 1 / 51. 9. 1
libavcodec 53. 7. 0 / 53. 7. 0
libavformat 53. 4. 0 / 53. 4. 0
libavdevice 53. 1. 1 / 53. 1. 1
libavfilter 2. 23. 0 / 2. 23. 0
libswscale 2. 0. 0 / 2. 0. 0
libpostproc 51. 2. 0 / 51. 2. 0

尝试过的最上面的建议,下面是实际工作对我来说,WMV文件转换成MP4小,WEBM,OGG一个Windows7-64机器上:

64bit\ffmpeg -i test.wmv test.mpg

old\ffmpeg -i test.mpg -vcodec h264 -s 320x240 test.mp4

32bit\ffmpeg -i test.mpg -vcodec libvpx -acodec libvorbis -f webm -s 320x240 test.webm

32bit\ffmpeg -i test.mpg -vcodec libtheora -acodec libvorbis -s 320x240 test.ogg

老\ ffmpeg的版本为SVN-r5570

64 \ ffmpeg的是建12年2月27日14时55分47秒版本N-38292-ga4c22e3

32位\ ffmpeg的是建12年3月25日20时25分08秒版本N-39267-g4082198

(只有64位版本会读取WMV,所以我用它来转换成MPG作为一种通用格式,只有老的ffmpeg将创建一个MP4。)

分类:HTML5 时间:2012-01-01 人气:0
本文关键词: 视频,FFMPEG,HTML5
分享到:

相关文章

  • iPad不渲染H.264视频与HTML5 2013-06-06

    我有一些H.264编码的视频时正确渲染HTML5在Web浏览器中,但不要在iPad上正确呈现. 当我使用H.264视频我下载了互联网,我的视频正确地在iPad上呈现,所以它不是一个HTML的问题. 下面是一些关于我的视频FFmpeg的信息 - 我原来.mov影片: 似乎流1编解码器的帧速率从容器帧速率不同:6000.00(一分之六千) - > 30.00(30/1) 输入#0,MOV,MP4,M4A,3GP,3G2,MJ2,从'a_video.mp4": 元数据: major_brand

  • 如何检测所支持的视频格式HTML5视频标签? 2014-05-24

    我使用视频标签HTML5中提出申请,在应用程序中,用户选择一个视频文件,我玩这个文件. 因为我只链接到用户的机器,这个文件在本地的所有情况. 我想只允许格式的浏览器就可以玩到我的应用程序进行播放,并显示不支持的格式错误. 问题是,不同的浏览器可播放不同的格式. 我知道我可以检查浏览器和我知道它可以播放格式相匹配,但如果什么浏览器更新为支持其他格式? 我不得不更新我的新的信息,同时用户的应用程序将无法播放支持的格式. 有没有办法为支持的视频格式检查公正? --------------解决方案---

  • 图像在视频(HTML5) 2014-10-22

    我试图在一个视频(HTML5)来显示图像. 如果我把一个代替视频的......它的工作原理,但是当我把一个视频是在图像:/我能做什么呢? <div class="videohead"> <video loop="loop" autoplay="autoplay"> <source src="img/video.mp4" type="video/mp4" /> <im

  • 获得使用FFMPEG,或者可能是视频信息HTML5 2012-10-15

    我在做一个视频库,并想拉有关视频的一些信息显示. 有谁知道我怎么会去有关检索使用ffmpeg的视频时长? 是否有可能得到使用HTML5这个信息? 谢谢. --------------解决方案------------- 在PHP中使用exec函数 http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/9448/how-to-get-video-duration-with-ffmpeg-and

  • 全屏背景视频与HTML5 2012-02-12

    我试图创建一个全屏背景视频网站,所以我搜索在谷歌的几个网站和StrackoverFlow一些职位. 最有趣的帖子是关于http://www.html5-fullscreen-video.com,但是我不能让它工作. 是否有人有成功地推出全屏背景视频电脑和平板电脑的工作的源代码? 欢呼声中,塞巴斯蒂安 --------------解决方案------------- 检查这真的很好的教程:http://my.opera.com/core/blog/2010/03/03/everything-you-

  • 玩无限循环载视频的HTML5 2012-03-24

    我期待放置在HTML5页面,将开始播放的页面加载视频,完成后,循环回到开始不绝. 视频中也应该不会有任何与其相关的控制,以及或者是兼容所有"现代的浏览器,或者有填充工具的选项. 以前我会通过这样做Flash和FLVPlayback ,但我宁愿避开Flash在HTML5领域. 我想我可以使用JavaScript的setTimeout创造平稳循环,但我应该怎么用嵌入视频本身? 有什么在那里,将流视频的方式FLVPlayback会吗? --------------解决方案------------- l

  • 流畅的视频过渡HTML5 2012-06-13

    希望利用HTML5视频标签和JS. 其目的是使从一个视频的视频交换下很顺利,就像电影中的削减. 我有看API http://www.w3.org/TR/html5/video.html#tracklist 如果任何人有一个想法,将是巨大的. 我目前的计划是使用API​​来熟悉自己和figuare如何阙了视频的平稳变化. 目前sellect一个src然后播放()会导致一个丑陋的空白暂停下一个视频才能回来. 许多感谢寻找 --------------解决方案------------- 使用Firef

  • 创建使用交互式全运动视频游戏HTML5 2012-10-29

    这种全动态视频游戏的基本组成部分是: 向用户显示的视频剪辑它或者播放到结束,或者可以被跳过. 剪辑可以是这样的一个人物说话或位置. 有些人可能会循环,直到用户点击的东西如剪辑的剪辑可能显示鸟类在公园里飞行. 用户呈现多种选择那些在某一时刻覆盖在视频剪辑这里选用的是像"1.去公园"或"2.问该男子约公园". 每个选项与其他视频剪辑,另一套例如,如果用户选取选项2的选择联系在一起,他们显示了人的回应视频,然后就可以跟进更多的问题. 我想上面看起来无缝和像样的. 例如,视

  • Embeding在HTML4视频VS HTML5 2012-12-31

    虽然寻找HTML4和HTML5的区别我遇到了点: HTML5带来了一个全新的维度网络世界. 它可以嵌入在网页的网页视频,而无需使用如Flash任何特殊软件 所以,如果我们将考虑在HTML4一个示例代码然后embeding视频,然后,这将是如下: <embed src="MyVideo.mp4"/> 虽然上面的代码可以在HTML5编写如下: <video src="MyVideo.mp4"></video> 所以,我什么都能看到的只

  • 改变视频的HTML5视频播放 2013-01-28

    我使用HTML5的标签上播放网络浏览器的视频...(我非常深刻的印象,这一新功能) 是否有改变通过JavaScript正在播放视频的功能? 说,当我从列表中,一个JavaScript函数将被称为这将包含有关的东西线选择另一个视频MyVideo.VideoLocation = //location of new video to be played . 这是可能的吗? 感谢和问候,Krt_Malta --------------解决方案------------- Webkit的要求,你叫"load

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.348 (s). 10 q(s)