我从摄像机(来自安全摄像机)收到以下视频文件 http://dl.dropbox.com/u/1369478/tmw/recording.264
如何查看内容?基于扩展我认为这是一个 H264 文件。有没有办法在带有 HTML5 的浏览器上播放这个?
问候
我从摄像机(来自安全摄像机)收到以下视频文件 http://dl.dropbox.com/u/1369478/tmw/recording.264
如何查看内容?基于扩展我认为这是一个 H264 文件。有没有办法在带有 HTML5 的浏览器上播放这个?
问候
嗯..从外观上看,它看起来不像 H264 文件..
通过 MediaInfo 运行它,我得到了这个:
视频
格式:AVC
格式/信息:高级视频编解码器
格式配置文件:Baseline@L2.0
格式设置,CABAC:无
格式设置,ReFrames:1 帧
宽度:352 像素
高度:288 像素
显示纵横比:1.222
分辨率:24 位
色度: 4:2:0
扫描类型 : 逐行扫描
除此之外,您必须知道并非所有浏览器都在 <video> 元素中支持 H264。他们中的一些人决定坚持使用 ogg,因此它并不是真的无处不在:S
这是一个表格,显示 H264 视频操作系统仅受 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>
查看此链接以获取更多示例,以及如何为不支持它的浏览器添加 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 编码器将我的视频文件转换为 H.264 :)
祝你好运!
UPD2:我实际上对文件进行了编码...文件大小从 1.766MB 下降到 34KB。这是相同的视频,1 帧,相同的大小......但视频中的 1 帧循环播放约 30 秒 :) 所以我在那里看到了 30 秒的长背景......我猜你真的应该对文件进行编码,即使它已经在 H.264 中,因为计算机对视频文件的编码会好很多,而且你会打赌(几乎)相同的图片质量,但文件大小要小得多。
如果这仍然不起作用,请从上面发布的 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 实验室 - 使用视频元素
选项,
希望这可以帮助。
如果没有,请告诉我们,以便我们找到其他解决方案。但是自从过去 4 到 5 年以来,我一直在使用这 2 件事。相信我,它可以满足您的任何需求。
谢谢。
要播放它,我建议使用非常好的VLC 播放器,它可以(像大多数优秀的视频播放器一样)直接从 URL 播放。
PS:这似乎是在http://superuser.com上提出的问题