在公司的三维可视化可产品中,其中的一项功能就是需要能够对接视频播放; 安排了一个小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机房视频播放的效果图: