Ceisum无人机巡检视频投影

公司投标内容有个视频投放的功能动画，原本想实现这么一个效果：

案例效果来自别人的展示作品，Leader一眼就相中了这个效果，可惜别人的终究是别人的，又不会白白给你，终究是要自己动手尝试。

动画方面的展示效果我已经非常熟练了，无非就是两种写法1. 实体绑定时间轴，监听路径以及姿态；2. CZML加载模型和点位集合。
为了方便，我一般都用第二种。动画方面没有问题，那么就差一个视椎体视频了，只要把这个做出来，把它跟CZML的时间轴绑定起来就完事了。

Step 0:
思路：构建一个视椎体，然后计算远截面四点坐标，利用这四个点来画一个矩形，贴入视频材质，完成视频在视椎体内播放。
使用CZML播放动画，将视椎体的朝向更正为垂直向下，再将位置绑定给动画中的实体，让它们一起运动。

经过不懈努力拿到一个视椎体方法，可以计算出四点点位，视频作为材质镶嵌到视椎体头部，偶然间尝试到的perPositionHeight: true解决了多边形不贴合问题，视频播放也解决了，一切都在向着美好的方向，最后发现视椎体我控制不了它旋转到垂直向下的方向，这需要足够的矩阵计算能力，还有就是动态更新位置也是个技术大关，一时半会儿搞不定，Game Over！

花费了不少时间去追求最高品质效果，受阻后开始琢磨阉割版。

虽然接下来实现的可能是个简陋功能，但能让Leader有个可以交差的东西，后续有时间再重新研究。

想法：去除视椎体，添加一个适合贴视频的材质，让它跟随无人机一起运动，可以简单实现视频追着无人机飞。

Step 1:
思路： 动态点还是依靠CZML实现，在dataSource.then方法内部作用域中获取路径实体，添加rectangle矩形，所需四个点通过Cesium.CallbackProperty回调函数实时计算。

部分代码：

dataSource
        .then(function (dataSource) {
   
          var entity = dataSource.entities.getById("path");
          entity.viewFrom = new Cesium.Cartesian3(0.0, 0, 15000.0);
          that.viewer.trackedEntity = entity;
	
	const videoElement = document.getElementById('ceguiji'); //视频早已绑定到标签
          that.viewer.entities.add({
   
              rectangle: {
   
                  coordinates: new Cesium.CallbackProperty(function (time, result){
   
                    var sourpos = entity.position.getValue(time);
                    var cartographic1 = Cesium.Ellipsoid.WGS84.cartesianToCartographic(sourpos);
                    var lon1 = Cesium.Math.toDegrees(cartographic1.longitude);
                    var lat1 = Cesium.Math.toDegrees(cartographic1.latitude);
                    var height1 = cartographic1.height;
                    return Cesium.Rectangle.fromDegrees(lon1-0.0001,lat1 - 0.0002, lon1+0.0001<