H5 视频监控解决方案

在公司的三维可视化可产品中,其中的一项功能就是需要能够对接视频播放; 安排了一个小G给我解决方案。
小G领着任务高高兴兴的走了。
第二天,他告诉我们说,有了解决方案。

H5 video标签

浏览器中已经有默认的<video>标签可以支持播放一些常用的格式;比如mp4。但是,HTML5 Video开放式标签根据浏览器的不同而播放不同格式。兼容性不算很好,支持一些基本的视频格式。
当然还有更好的选择,小G笑着说,就好像要给我展示一个秘密武器一般:

jwplayer 播放器

相比video标签,jwplayer 播放器功能很强,支持的流媒体格式很多,也不需要按照插件。

结果当然是:我说的这种方案不行。
因为我们要对接的是摄像头的实时视频,这种视频的格式是RTSP视频流,显然video标签和 jwplayer 播放器并不支持;不过作为一些demo演示,播放一些mp4、flv等文件,倒是可以使用。

小G默默走开了。

隔天他找到了我,说有了解决方案。

vxgplayer

vxgplayer 可以在chrome下面使用,支持的流媒体格式很多,而且支持RTMP、RTSP等;
不过问题是需要安装一个chrome插件,安装插件本不是啥难事情,不过难点是要翻墙才能按照;不过这是目前能够找到的在chrome下播放实时视频最轻便的解决方案了,所以得想办法翻墙了。

vlc player

上面的vxgplayer只支持chrome浏览器,如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地客户端,然后通过<Object></Object> 标签来引入播放器。

最后上一张TWaver 3D机房视频播放的效果图:

TWaver 3D机房视频播放
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容