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

      把视频文件贴到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配置如下:


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


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,347评论 8 183
  • 今天,九年级拓展进入第二天,在同学们积极团结形成冲刺合力的同时,九年级的班主任们也在为班级的文化建设群策群...
    赵俊起阅读 4,160评论 0 8
  • 买两斤猪油,5块一斤,回来炼,油渣泡在油里,中午炒两根黄瓜,加几个油渣,半锅稀饭,就是一餐。 以为还有菜,回来看只...
    瞿桂林阅读 384评论 0 0
  • 台上新人窃窃私语,女生好似听到了她想要的答案,跟着游荡在周嘈细碎的清爽秋风,微微低头笑靥如花。 林家宇听懂了她的简...
    惟冬逝雪阅读 3,607评论 0 2
  • 远在上海的闺蜜前两天过生日,我发去生日祝福简讯,并顺口问到有了孩子的她,老公是如何奖励她给她过生日的啊,她回复我:...
    禾小禾hhmm026阅读 7,458评论 7 5

友情链接更多精彩内容