Add background image below the video

Contributed Library Questions

potter3366

Add background image below the video

in Contributed Library Questions • 8 months ago

Can anyone tell me why this doesn't works? (Curtain.mov is video with alpha channel)

import processing.opengl.*;
import codeanticode.glgraphics.*;
import codeanticode.gsvideo.*;
GSMovie movie;
GLTexture tex;
GLTexture back;
void setup() {
size(1280, 720, GLConstants.GLGRAPHICS);
movie = new GSMovie(this, "Curtain.mov");
back = new GLTexture(this, "tiles.jpg");
tex = new GLTexture(this);
movie.setPixelDest(tex);
movie.loop();
}
void movieEvent(GSMovie movie) {
movie.read();
}
void draw() {
image(back, 0, 0);
if (tex.putPixelsIntoTexture()) {
image(tex, 0, 0);
}
}

Replies(6)

akiersky

Re: Add background image below the video

8 months ago

Hi There!

I posted a code example that was working for me with a alpha supported video:

https://forum.processing.org/topic/gsvideo-with-alpha-channel

Hopefully that sheds some light on how I accomplished this. One key point was I was using an uncompressed (Animation) .mov file, im not sure if yours is h264 or something else but that may be part of it. I tried a variety of formats and found the animation file was the only one that Processing recognized alpha.

[EDIT]

This thread has another technique where dan suggests using a separate movie as the alpha mask:

https://forum.processing.org/topic/processing-2-0-video-alpha-channel

Also posting to that thread may get more responses and keep similar information together.

Good Luck!

potter3366

Re: Add background image below the video

8 months ago

I have tried, but it seems it doesn't work.

I get this warning:
** (java.exe:6372): WARNING **: gstvideo: failed to get caps of pad playsink24:video_raw_sink

import processing.opengl.*;
import codeanticode.gsvideo.*;
import codeanticode.glgraphics.*;
GLTexture back;
void setup() {
size(1280, 720, GLConstants.GLGRAPHICS);
back = new GLTexture(this, "tiles2.jpg");
}
void draw() {
BGvideo bgv = new BGvideo("Curtain.mov", this);
bgv.draw();
//image(back, 0, 0);
}
public class BGvideo {
GSMovie myMovie;
GLTexture tex;
public BGvideo (String videoFile, PApplet app) {
app.registerDraw(this);
myMovie = new GSMovie(app, videoFile );
tex = new GLTexture(app);
myMovie.setPixelDest(tex);
myMovie.loop();
}
public void draw () {
myMovie.read();
if (tex.putPixelsIntoTexture()) {
background(255, 0, 0);
image(tex, 0, 0);
}
}
}

akiersky

Re: Add background image below the video

8 months ago

I get that warning too, but it does seem to work. What is the compression format of your video?

-ak

potter3366

Re: Add background image below the video

8 months ago

Encoding: Quicktime PNG

potter3366

Re: Add background image below the video

8 months ago

Is it possible to mix video and GLTexture without blinking?

akiersky

Re: Add background image below the video

8 months ago

Try to encode in Quicktime Animation, that's what worked for me.

Another question, are you using Processing 1.5? The functionality of GSVideo has been built into the core for version 2.0, have you tried that yet? With 2.0 you can load videos using the previously useless Movie class and it works as well as GSVideo.

I'm not sure what you mean about the blinking. I havent seen that.

It's possible the warning is because the BGvideo class does not use the MovieEvent method that GSVideo likes. I found it wasn't necessary to make it work, but maybe it has to do with syncing

-ak

Top Reply