vite+Ts+Cesium无人机实时视频融合

解决问题

传统视频融合是固定视角，无法满足日常需求，实时更新位置、姿态。

初始化

将材质更换成视频，如：WebRTC格式,其实只要能显示就可,注意id必须有， 视频材质.

<video
   ref="jswebrtc"
   src="..."
   id=""
 </video>

const videoElement = document.getElementById('videoFusion') as HTMLVideoElement
// 
let polygon = new Cesium.PolygonGraphics({
   hierarchy:this.polygonPoints,
    material:videoElement,
    stRotation:Cesium.Math.toRadians(90+360 - this.hpr[0])
})

this.videoRectangle = window.cesiumViewer.entities.add({
    id:this.id+'videoEntity',
    show:this.show,
    polygon:polygon
})

实时问题

使用官方回调函数即可实现实时更新

this.UAVModelEntity.position = new Cesium.CallbackProperty(function () {
   return position
}, false)