我如何播放H264视频?

时间:2010-05-07 15:46:28

标签: browser video html5 h.264

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

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

此致

4 个答案:

答案 0 :(得分:7)

嗯..从它的外观看起来它看起来不像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-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中了,因为计算机会对视频文件进行更好的编码,你会打赌(几乎)相同图片质量,文件大小要小得多。

答案 1 :(得分:0)

如果仍然无效,请从Artiom上面发布的代码中获取代码,您可能希望在type属性中包含编解码器,例如:

<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

答案 2 :(得分:0)

为了播放它我建议非常好的VLC Player可以(像大多数优秀的视频播放器一样)直接从URL播放。

PS:看来这是http://superuser.com

的问题

答案 3 :(得分:0)

选项,

  • VLC PLayer(www.videolan.org) - &gt;播放除3gp音频以外的所有内容。
  • K-Lite Mega Codec Pack - &gt;这几乎包含所有视频/音频编解码器。

希望这有帮助。

如果没有,请告诉我们,以便我们找到其他解决方案。但是自从过去4到5年以来我正在使用这两件事。并且相信我,它会让你满意。

感谢。