How would one add a video with transparency on to a sphere. Video without a transparency is easy enough. A single image works fine with transparency. A image sequence would work to but I don't know how to get that to work either. This is with the current version of Cesiumjs.
Jason,
Below is a code snippet of how I add a video with transparency using a video element and a rectangle entity:
$('body').append('<video id="foo" style="display: none" loop="" muted=""><source src="/path/to/video" type="video/webm"></video>');
fooEl = document.getElementById("foo");
fooContainer = viewer.entities.add({
name: 'Video Container',
id: 'foo',
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(0,0,10,10), //854x480
material: new Cesium.ImageMaterialProperty({
image: fooEl,
color: new Cesium.Color(1.0,1.0,1.0,0.5),
transparent: true
}),
outline: true,
outlineWidth: 4.0,
}
});
Let me know if you have any questions.
Thanks, that worked