2010-05-07 118 views
3

我已经(从安全摄像机)接受以下的视频文件从相机 http://dl.dropbox.com/u/1369478/tmw/recording.264我如何播放H264视频?

我怎样才能查看内容?基于扩展,我认为这是一个H264文件。有没有办法在浏览器上使用HTML5播放?

问候

+0

从Artiom的评论看,视频看起来不像H264。请让我知道如何将此视频播放/转换为我可以在我的浏览器上播放的视频? – ToughPal 2010-05-17 09:27:59

+0

好吧,它可能是一个有效的H.264文件,正如@coxymla所说的。我的视频播放器设法播放它,而浏览器可能也是这样......但是您托管的文件只有一个帧,所以很难知道,因为我没有完整的文件。 – 2010-05-17 10:18:38

+0

好吧,更新答案,并提供免费编码器的链接..您可以将您的视频文件轻松编码为H.264) – 2010-05-17 10:27:44

回答

7

嗯..从外观上来看它看起来并不像一个H264文件..

通过的MediaInfo运行它,我得到这个:

视频
格式:AVC
格式/信息:高级视频编解码器
格式简介:[email protected]
格式设置,CABAC:否
格式设置,ReFrames:1帧
宽度:352个像素
高度:288个像素
显示纵横比:1.222
分辨率:24位
比色法:4:2:0
扫描类型:进

除了这一切,你要知道,并不是所有的浏览器都支持H264在<视频>元素..他们中的一些决定举行对OGG,所以它不是真的是随处可得:S

这里有一个表,其中显示的是H264视频OS只有Chrome和Safari支持:http://www.findmebyip.com/litmus#html5-video-codecs

在任何情况下,如果你这样做得到的视频文件,并希望将它嵌入在浏览器中,你知道,你会从一个兼容的浏览器访问它(或者如果你H264和OGG版本),你可以使用这个:

<video src="http://link/to/video/file" controls="controls" width="500"></video> 

或者如果您有多种格式:

<video controls="controls" width="500"> 
    <!-- if Firefox --> 
    <source src="video.ogg" type="video/ogg" /> 
    <!-- if Safari/Chrome--> 
    <source src="video.mp4" type="video/mp4" /> 
</video> 

看看这个链接,更多的例子,以及如何添加闪存/平面图像回退的浏览器不支持它 http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-html-5-video-with-a-fallback-to-flash/

UPD:我的理解,你主持了该文件有一个例子,而不是你想要在你的页面中的实际文件..你有在那里的文件有一个单一的框架,所以它可能是一个JPEG图像,并没有什么区别:P

如果你有一个相同格式的实际视频文件,你可以尝试使用上面的代码片段将它注入到页面中。如果浏览器咳嗽,并且不想播放它(请记住使用Chrome或Safari进行检查),那么您可以使用网络上的免费编码器之一转换文件。例如,我一直在使用免费的H.264 encoder将我的视频文件转换为H.264 :)

祝你好运!

UPD2:我实际上取得并编码了文件...文件大小从1.766MB下降到34KB。这是相同的视频,1帧,相同的大小...但视频中的1帧是循环约30秒:) 所以我看到一个长30秒的背景..我想你真的应该编码文件,甚至如果它已经在H.264中了,因为计算机会更好地将视频文件编码为LOT,并且您将以相同的图像质量下注(文件大小更小)。

+1

AVC的确是H.264视频的另一个名称。请参阅:http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC。我猜想,假设该容器是有效的MP4格式,该文件在Safari/Chrome中播放OK。 – Coxy 2010-05-17 09:30:52

+0

嗯,谢谢..你真的就在那里) 我有点想念它,我想 – 2010-05-17 10:36:11

+0

谢谢Artiom,你可以给我你转换的实际文件。你是怎么转换视频的?我可以在Linux中转换视频吗? 我可以通过activex控件查看视频,这些视频具有多个帧,并且它们像视频一样播放。 更多视频 http://dl.dropbox.com/u/1369478/tmw/recfile_-100505-202446-202505-20020300.264 http://dl.dropbox.com/u/1369478/tmw/recfile_ -100507-174904-174914-20020300.264 – ToughPal 2010-05-17 11:38:03

0

如果仍然不能正常工作,同时从什么Artiom上面贴的代码,你可能要包括的类型属性的编解码器,如:

<video autoplay controls width="512" height="300"> 
    <source src='myVideo.theora.ogg' type='video/ogg; codecs="theora, vorbis"'> 
    <source src='myVideo.mp4' type='video/mp4; codecs="mp4v.20.8, samr"'> 
</video> 

欲了解更多信息,请参阅:html5 laboratory - using the video element

+0

谢谢,试过 仍然不适用于视频。不能在chrome/firefox中查看它。 – ToughPal 2010-05-17 10:51:48

+0

@ToughPal - Firefox不支持H.264,如我在回答中所述) 您可以将文件编码为Ogg以使其在Ff中工作。查看http://www.vorbis.com/了解更多信息+编码器) – 2010-05-17 11:00:07

+0

正如Artiom所说,Firefox不支持Firefox和Chrome,并且他正确地指出,他们只支持Ogg。 按照这个人的建议,他知道他在说什么:-) – 2010-05-17 11:28:29

0

要播放它,我建议非常好的VLC Player它可以(像大多数好的视频播放器)从URL直接播放。

PS:看来这是这类问题的穿上http://superuser.com

+0

试过了,但这不是问题。 他得到的.264文件不是一个普通的H.264文件,虽然没有抛出任何错误 - 无法正确播放。它标识为文件中有一个单帧,这显然是错误的。 – 2010-05-18 12:08:01

+0

您可以尝试一些其他的: - SMPlayer(http://portableapps.com/node/18796) - MPlayer(http://portableapps.com/apps/music_video/mplayer_portable) - H.264编解码器通过CCCP( http://www.cccp-project.net/) – Wernight 2010-05-19 08:36:48

+0

尝试所有没有运气。 CCCP项目还说“无法渲染文件” – ToughPal 2010-05-19 15:11:58

0

选项,

希望这会有所帮助。

如果没有,请让我们知道,以便我们可以找到另一种解决方案。但是这4件事我自从使用了4年到5年。相信我,它会展示你拥有的任何东西。

谢谢。

+0

另请参阅http://stackoverflow.com/questions/29487978/how-to-embed-h264-video-file-in-html-webpage-using-video-tags/35612243#35612243 – 131 2016-03-10 09:20:23