Ea2d237908159360e4ab4b11d3dbfdfc
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])),
top Created with Sketch.