我如何播放H264视频？

Question

我从相机(来自安全摄像头)收到了以下视频文件 http://dl.dropbox.com/u/1369478/tmw/recording.264

我如何查看内容？根据扩展我认为这是一个H264文件.有没有办法在HTML5的浏览器上播放这个？

问候

Answer 1

嗯..从它的外观看起来它看起来不像H264文件..

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

视频
格式:AVC
格式/信息:高级视频编解码器
格式配置文件:Baseline@L2.0
格式设置,CABAC:无
格式设置,ReFrames:1帧
宽度:352像素
高度:288像素
显示宽高比:1.222
分辨率:24位
比色法:4:2:0
扫描类型:渐进式

除此之外,您必须知道并非所有浏览器都支持<video>元素中的H264.其中一些人决定坚持使用ogg,所以它并不是真的会在任何地方都可用:S

这是一张表格,显示只有Chrome和Safari支持的H264视频操作系统:http://www.findmebyip.com/litmus#html5-video-codecs

在任何情况下,如果您确实获得了视频文件,并且想要将其嵌入浏览器中,并且您知道您将从兼容的浏览器访问它(或者如果您获得H264 AND 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>

查看此链接以获取更多示例,以及如何为不支持它的浏览器添加flash/flat image fallback http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-html- 5-视频与-A-后备到闪光/

UPD:据我所知,你在那里托管的文件有一个例子,而不是你想要在页面中拥有的实际文件..你在那里的文件有一个框架,所以它可能是一个jpeg图像,并且它没有任何区别:P

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

祝好运!

UPD2:我实际上对文件进行了编码...文件大小从1.766MB下降到34KB.它是相同的视频,1帧,相同的大小...但视频中的1帧循环约30秒:)所以我看到那里有30秒长的背景..我猜你真的应该编码文件,即使它已经在H.264中了,因为计算机将对视频文件进行更好的编码,并且你会打赌(几乎)相同的图像质量,文件大小要小得多.