Displaying an Image over a Video

Hello everybody !
I have a little problem: I want to display an mx:Image over a
mx:VideoDisplay object. So, I use "myVideo.addChild(myImage);" but
it doesn't work: the image isn't displayed. I tried using
addChildAt in order to put the image at the front but it doesn't
work either.
I'm probably doing something wrong but I can't find what it
is.
I've tried the same thing with a button instead of an image
and it works.
Does anyone have an explanation ?

Yann,
I'm trying to do the same thing. Did you ever figure it out?
What I really want is to put a poster frame on the video but it is
not clear I can do that in Flex Builder

Similar Messages

Display an Image Over a Video

Hello,
I need to animate an image over an avi file playing. The problem is the image always is behind the file. I am using Swing for this, the JDesktopPane and the RootPane. Any help appreciated.
Thank you.

Hi,
Here is the code but it still seems not to work.
JDesktopPane layeredPane = new JDesktopPane(){
public Dimension getPreferredSize() {
return new Dimension (300,250);
public Dimension getMinimumSize() {
return new Dimension (300,250);
ImageOverlay Image overlay = new ImageOverlay(); // this is a label
overlay.setBounds(10, 100, 50 , 75);
overPanel.add(overlay);
overPanel.setOpaque(false);
overPanel.setBounds(10, 100, 50 , 75);
layeredPane.setDoubleBuffered(true);
getRootPane().setLayeredPane(layeredPane);
Manager.setHint(Manager.LIGHTWEIGHT_RENDERER, new Boolean(true));
getRootPane().getLayeredPane().add(visualComponent, new Integer(0));
getRootPane().getLayeredPane().add(overPanel, new Integer(1));
Thanks.

Re: How to display Graphical objects over streaming video images??

Hi, have you figured this out yet and if so, what is the answer?

There are not just several steps that are required but also you need a very fast CPU (or you have to work with very very small images),
The basic approach is to put the WebCam (video) input into a Processor and to add your own implementation of a "javax.media.Effect" to the processor (let's call it Overlay3DEffect).
Then you can:
- transform the input Buffer to a java.awt.Image,
- get the Java3D image to be overlayed
- overlay the WebCam image with the relavent part of the Java3D image
-convert the resulting Image back to the output Buffer
The above processing has to be performed In the
public void process(Buffer in, Buffer out)
of your effect (Overlay3DEffect)

Aperture 3 display wrong image while editing (video example)

Aperture 3, clean install, running on an upgraded Aperture 2 library. Whenever I make a change to a photo, Aperture displays the previous photo on the screen. It correctly edits the photo I have selected, it just displays the wrong image while doing so. Anyone else have this issue?
Video: http://www.youtube.com/watch?v=4bRI9xFBEKI

It seems you have a rare problem.
If the advice already given regarding upgrades fixes thing then all well and good.
If not you might try Matthew Bergsmas tip in:-
http://discussions.apple.com/thread.jspa?threadID=2357072&tstart=0
This reads as follows:-
Go to the finder and move everything in these folders to the trash:
Hard Drive/Library/Caches
Hard Drive/System/Library/Caches
Hard Drive/Users/Your username/Library/Caches
Then reboot.
=====
Aperture will rebuild the caches but give it time.
AW

Is it possible to display a picture over a video, while the video audio is still playing in the background?

I am trying to put together a project, and I have a video with someone talking. What I want to do is, while that person is talking, have a picture shown. Is there any way to do this? Thank you so much for your help!

yes. This is called the Cutaway Feature.
Here is a good Tutorial. It works with both photos and videos.

Overlay a still image over video.

I am editing a lot of video and have a need to lay an image over the video, like down the left column or even across the bottom.
What I am doing is editing footage of a poker game we filmed and I want to be able to display the players' hole cards like they do on TV.
Does anyone have a solution for this? I've looked and looked with no success.
Thanks for any help you can offer.

In iMovie 08, when you overlay a photo over video, it takes the whole screen. iMovie 9, which comes out later this month, should have the ability to do what you are describing.
Also, if you have QuickTime Pro, you can do this as well. QuickTime Pro is not as intuitive as iMovie so get a good book to help. One such book available from frequent forum participant [QuickTime Kirk|http://homepage.mac.com/kkirkster/book/index.html]

Display Image over Datagrid

Hi,
I need to display an image over the Datagrid exactly centered horizontally and vertically. The Datagrid can be of different height and width at different instances. Is there a way to achieve this?
I used backgroundImage style property, however the image goes behind the datagrid content. I wish, there was a foregroundImage property which could have served my purpose.
Please suggest.
Thanks,
Uma

I would use a group and keep them seperate
remember the z index is dependent in the order you create them in mxml

Adding Ken Burns to Image over Video

I've created a project where during certain points during the video there are images over the video so you don't have to stare at the speaker forever. The audio still plays and you see the image, but I do not have the option to apply a ken burns to the image because it is inserted more as a title rather than a still image.
Does anyone know how I can apply a ken burns effect to images placed over video in the title track?

Yes, this can be done. It may be easiest if you start over.
First, drag the video clip with the speaker to your project by highlighting the clip with a "yellow rubber band" in the Event and dragging it to the project. Now, without changing the "Yellow Rubber Band", use Command-Shift-Drag to drag just the sound from the selected Event clip to the project. Drag it to the beginning of the original clip.
Now you have a sound track pinned to the original clip, and you can set the volume of the video clip to zero using the audio settings. The Green audio clip will still play.
Now you can select (for example) 4 second lengths of the video and right click (or command click) and select DELETE SELECTION. This will eliminate 4 seconds (for example) of the video. Replace it by dragging in a photo from the Photo Browser. Set the length of the photo to 4 seconds, and set the Ken Burns settings as you wish. You should now have a video with a ken burns style photo inserted playing over the original sound track.
This article may also be helpful.
http://imovie08.blogspot.com/2007/08/how-to-extract-audio-from-clip.html
Message was edited by: AppleMan1958

Display text and image over Video Image in applet

Hi
I am working in JMF for a video applet.
I have a doubt ,how we can display text and image over Video Image.
Is anybody know how we can draw text over Video Image,pls sent a small code how can do it in applet?.
I can do it in a frame,but it not work in a applet !
CHT

it is very much possible in a htmlb:button.
its same as how you have done it in xhtmlb:toolbarButton
working code
        <%
data image type   ref to cl_htmlb_image.
data: image_string type string.
create object image.
image->id = 'IEX'.
image->src = cl_bsp_mimes=>sap_icon( 'ICON_EXECUTE_OBJECT' ).
image->tooltip = 'Find the Link'.
clear image_string.
image_string = image->IF_BSP_BEE~RENDER_TO_STRING( page_context ).
          %>
          <htmlb:button id     = "EX"
                        text   = "<%= image_string %> Execute"
                        encode = "FALSE"
                        onClick = "EXECUTE"/>
Regards
Raja

How can I display three images in video rate succession (60 Hz)?

For a structured illumination microscope application, I have developed a VI that creates three images and displays them in rapid succession (as fast as the loop will go) on a second monitor.
From the naked eye it's pretty apparent that the loop is not displaying the images at video rate. Is there a way (perhaps with some sort of buffer) to get them to display faster? Is WinShow simply not going to be fast enough, and if not, what's an alternative method of displaying the images? If it helps, the images need only be displayed once each (the loop was just for testing).
Also, what is a way to measure the frame rate output of the images?
(sorry for the sloppy code, new to LabView)
Thanks,
-T
Attachments:
illuminationpattern.vi ‏31 KB

Hello,
Why don't you try drawing one window, call IMAQ WindShow once outside of the loop, then redraw that window each iteration within the loop. Hopefully this stops the flutter of the window. You can build a 3 element array of the 3 IMAQ images then use an index array to alternate through which image you want to be redrawn into the single window. The constant calling of IMAQ WindShow seems messy.
Regards,
Isaac S.
Applications Engineer
National Instruments

How can I edit a still image so that I can float it over the video?

I would like to edit a still image so that I can float it over the video - How would I save the image in Photoshop so that just the image and not the background can be imported into Final Cut and the footage behind it still shows up?
Thanks

You need to either create an Alpha channel or cut out the area of interest and paste it into a transparent Photoshop document. You can save the former as PSD, TIFF or PNG. Save the latter as TIFF with transparency enabled (shows up in TIFF Options at step 2 of the save dialog).

Firefox for windows won't display absolute positioned divs over flash video

I have a website that has a brightcove video player. About a month or so ago, I was able to float divs over the video player so that they would display on top of the video player, using absolute positioning.
You can see the player here:
lifeminute.tv/evv/8+9+10+11+12+34/widget300s
In Firefox (mac), Chrome (windows), Internet explorer (windows) and Safari (mac) it all still displays properly. In Firefox (windows) the video player ignores the Z-index I assign it, and always places the divs underneath it, UNLESS I give the floating div a solid background color.
When I assign the following styles to the div containing the overlay, I can see the text properly, but of course the video is obscured.
background-color: #FFFFFF;
height: 158px;
position: absolute;
top: 4px;
width: 275px;
If I remove the background-color element the whole overlay pops to the back of the stack behind the video again.
Is this a FF windows bug or am I just missing something obvious?

At times you have to add wmode="transparent" attribute to the flash video embed code.

Problem inserting images over video

Hello,
I have a had a semester of using FCE4, but we did not learn much on inserting images. I can insert the image to show over the video/audio, but I cannot get the background to be black. It shows the photos on top of the video and the video shows as the background. Please help! I have searched the manual and our class textbook for answers, but cannot find any.

You can do it in the Viewer or Canvas.
Switch on Image+Wireframe in the Canvas.
Place the playhead on the still and select it in the Timeline.
You should see an X across the Canvas.
Drag any corner to fill the Canvas.
Set the Canvas to Fit to Window before starting.
Al

Display a large sequence of images like a video.

I want to display a large sequence of images (.jpg) like a video, something like a Component that displays an image and a TimerTask that changes that image every 50 milseconds and repaints:
class SlideShow extends Component
     private Timer timer;
     private TimerTask imageFliper;
     private Image currentImage;
     private Image nextImage;
     private int arraysize;
     private int arrayoffset;
     private int currentposi;
     String fileMask;
     public SlideShow(int offset, int size, String filemask)
          super.setSize(640,480);
          currentposi = arrayoffset = offset;
          arraysize = size;
          fileMask = filemask;
          timer= new Timer();
          nextImage = Toolkit.getDefaultToolkit().getImage(fileMask.replaceFirst("#",leftZero(currentposi,4)));
          imageFliper = new TimerTask()
               public void run()
                    currentImage = nextImage;
                    repaint();
                    if(++currentposi > arrayoffset + arraysize)
                         currentposi = arrayoffset;
                    nextImage = Toolkit.getDefaultToolkit().getImage(fileMask.replaceFirst("#",leftZero(currentposi,4)));
          timer.schedule(imageFliper, 0, 50);
     public void paint(Graphics g)
          g.drawImage(currentImage,0,0,super.getWidth(),super.getHeight(),this);
     public void update(Graphics g)
          paint(g);
     static public String leftZero(int target,int leftcount)
          StringBuffer sb = new StringBuffer();
          int i = (int)Math.pow(10,leftcount-1);
          while(i!=1)
               if(target<i)
                    sb.append("0");
                    i=i/10;
               else
                    break;
          sb.append(Integer.toString(target));
          return sb.toString();
     public static void main(String[] args)
          Frame f = new Frame("slide show");
          SlideShow s = new SlideShow(1,1000,"intro\\intro#.jpg");
          f.add(s);
          f.addWindowListener(new WindowAdapter()
                         public void windowClosing(WindowEvent e){System.exit(0);}
          f.pack();
          f.setSize(640,480);
          f.setVisible(true);
}but just using the Image class seems to be unefective.
Does anyone kwon a library that does this fast and efective?
or should i just convert the images to a media file and use a media library?
Message was edited by:
nmfmr

Firstly if you're loading images with Toolkit you'll nbeed to use MediaTracker (see the Javadoc for full and clear instructions).
Secondly, be aware of how long it takes to load image data, allocate the memory for it, and decode it. This is where you're going to suffer and it's the fundamental flaw in the plan of simulating video by flipping single frames: it's highly unlikely you'll manage it quickly enough. As above, 50ms is quite optimistic.
You could do your loading up-front and buffer a load of images - there are a few strategies you could use for this. But bear in mind that (a) this is going to be very memory hungry, and (b) if your image load time is greater than your frame display time you're always going to be fighting a losing battle. But it should work for very small animations.
Run yourself some tests: write yourself a simple test class which just loads an image in its main() method using a MediaTracker. It'll tell you how long loading the image takes. Of course, if you're doing it in an applet then you've got all sorts of other factors to consider and the load times will be high.

Video displays duplicate image horizontally

Have an interactive exhibit running on Air Run Time on Windows XP. When video runs inside the player window, the video is essentially duplicated horizontally so the image is squashed and plays two instances of the video top and bottom. Plays fine on the Mac. Also, running the SWF file in Flash Player does not exhibit the same problem. But running on Air on this XP machine displays doubled image. What can be causing this?

Here is a shapshot of the "doubled" video on the right. The touchscreen is on the left.

Displaying an Image over a Video

Similar Messages

Maybe you are looking for