視頻影像融合
cesium中可以將video標(biāo)簽作為材質(zhì)賦予實(shí)體岂膳,實(shí)體貼地后會(huì)覆蓋模型表面,達(dá)到視頻影像融合的效果磅网。
html video標(biāo)簽所支持的視頻文件編碼格式如下
- MP4 MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器
- WebM WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
- Ogg Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器
若視頻源不符合編碼格式要求谈截,需要進(jìn)行視頻格式轉(zhuǎn)換。播放時(shí)控制video標(biāo)簽暫停播放可控制貼地材質(zhì)的暫停播放涧偷。
<video ref="video" autoplay loop crossorigin controls style="display: none">
<source
src="https://cesium.com/public/SandcastleSampleData/big-buck-bunny_trailer.mp4"
type="video/mp4"
/>
</video>
addVideo() {
let videoElement = this.$refs.video;
this.viewer.showRenderLoopErrors = false;
this.viewer.shouldAnimate = true;
this.viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArrayHeights([
113.2321,
23.1172,
5,
113.2315,
23.1172,
5,
113.2315,
23.1178,
5,
113.2321,
23.1178,
5,
]),
material: videoElement, // 將材質(zhì)設(shè)置為video元素
clampToGround: true,
},
});
},
展示效果: