swf video in JavaScript aufrufen und dann das Objekt weiterverarbeiten

[Driller]

Guten Morgen zusammen,

ich bin gerade dabei eine Projektarbeit zu schreiben und hänge an einem Problem.
Ziel ist es eine Augmented Reality Businesscard zu erstellen.

Hierzu benötige ich eine Transparenz im Video (Hintergrund). Ich habe bereits ein Video mit Transparenz erstellt (.swf).
Nun muss ich dieses Video aufrufen, aber so damit ich es weiter verwenden kann.

Ich benötige eine Möglichkeit das ich bei video.src die Quelle des swf. Objektes angeben kann.

Hier ist die Funktion wie ich das Video einbinden möchte.

video	= document.createElement('video');
			
video.width	= 320;
video.height	= 240;
video.volume	= true;
video.autoplay	= false;
video.loop	= false;		

video.src	= "video/final.ogg";		// so funktioniert es aber ich benötige hier eine Transparenz						
	                                               // hier muss ich die Quelle des Files aufrufen (.swf)
video.play();
videoTexture	= new THREE.Texture( video );
		
geometry	= new THREE.PlaneGeometry( 100, 100 );
material	= new THREE.MeshBasicMaterial({map: videoTexture, transparent: true});
mesh	= new THREE.Mesh( geometry, material );
mesh.scale.set(2.1, 1.6, 1);
mesh.position.z	= -50;
mesh.rotation.x = -45;
mesh.doubleSided= true;
marker.object3d.add(mesh);

Das Video bzw. das Objekt wird in JavaScript aufgerufen.

Ich hoffe ich konnte mein Problem einigermaßen schildern.
Danke schonmal im Voraus

 

[Driller]

AW: swf video in JavaScript aufrufen und dann das Objekt weiterverarbeiten

Eine weitere Alternative wäre, wenn ich das Video in HTML5 transparent darstellen könnte.
Leider habe ich bisher noch keine geeignete Möglichkeit gefunden.
Hat hierzu jemand eine Idee?

Danke

 

[Myhar]

AW: swf video in JavaScript aufrufen und dann das Objekt weiterverarbeiten

Googlet man nach "canvas transparent video" findet man das hier als ersten Treffer.
Hilft dir das weiter?