我从相机(从安全摄像头)收到以下视频文件 http://dl.dropbox.com/u/1369478/tmw/recording.264
如何查看内容?根据扩展我认为这是一个H264文件。有没有办法在HTML5的浏览器上播放这个?
此致
答案 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)
选项,
希望这有帮助。
如果没有,请告诉我们,以便我们找到其他解决方案。但是自从过去4到5年以来我正在使用这两件事。并且相信我,它会让你满意。
感谢。