数据可视化CesiumGIS文章集

[原创.数据可视化系列之十五]把实时视频贴到cesium上

2017-11-16  本文已影响179人  数据秀

      把视频文件贴到cesium上是很容易的事情,只要去看看https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=Video.html&label=Showcases 这个例子就知道如何处理,这个例子中用了当前域的视频文件作为材质,效果也不错。

      但是实际的需求中,比如视频监控中,可能需要把海康或者大华的实时监视的视频叠加进来,这个过程会涉及处理两个问题:

        1:如何让海康或者大华视频在浏览器firefox或者chrome上显示?

        2:显示的视频如何不跨域的叠加到cesium上。

        第一个问题中,由于chrome浏览器中的video标签并不能直接支持海康大华,需要在服务器做流转发处理,本例使用vlc进行转发,用法如下:

            "C:/Program Files/VideoLAN/VLC/vlc.exe" -I dummy -vvv "rtsp://admin:z1234567@192.168.4.65:554/cam/realmonitor?channel=1&subtype=1" --sout="#transcode{vcodec=theo,vb=800,acodec=vorb,ab=128,channels=2,width=1024,height=450,samplerate=441000}:http{mux=ogg,dst=:8080/cam}" --sout-all --sout-keep

        之后的视频可以直接使用

浏览在线视频,但是这个视频文件并不能直接贴到cesium上。因为vlc的8080端口并不是应用程序发布端口。

2:如何把解决跨越问题?

使用应用服务器比如tomcat ,java 等等发布流媒体,这个没有找到合适的解决方案。

使用代理服务器,反向代理到同一个域下边,经过多次测试,这个方案可行:nginx的conf配置如下:

最终的测试结果如下:上图是贴图视频,下图是原始视频。

上一篇下一篇

猜你喜欢

热点阅读