Cesium专栏-视频投影(附源码下载)

家住魔仙堡 提交于 2020-12-23 04:35:11

Cesium


Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。

关于视频投影


视频投影其实就是在三维场景中,播放实时视频,现在做三维实时视频的例子很多,比如公安行业监控摄像头的实时投影播放,广告行业在高楼的楼面播放制作的广告,或者在广场的大显示器上播放电影、电视剧等等。

原理


视频一般通过video的标签显示,可以把video作为一种特殊的材质赋给场景中的物体即可。

效果图

实践


  • 编写video标签
<video id="trailer" autoplay loop crossorigin controls style="display: none;">
<source src="https://cesiumjs.org/videos/Sandcastle/big-buck-bunny_trailer.mp4" type="video/mp4">
</video>
  • 在场景中添加一个物体
var video = viewer.entities.add({
polygon: {
hierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArray([114.25, 30.34, 114.30, 30.34, 114.30, 30.36, 114.25, 30.36])),
classificationType: Cesium.ClassificationType.BOTH
}
});

更多详情见小专栏GIS之家cesium小专栏

对本专栏感兴趣的话,可以关注一波

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!