{"id":359,"date":"2011-02-23T21:24:00","date_gmt":"2011-02-23T21:24:00","guid":{"rendered":"http:\/\/www.javacodegeeks.com\/2012\/10\/xuggler-tutorial-frames-capture-and-video-creation.html"},"modified":"2012-10-21T19:34:56","modified_gmt":"2012-10-21T19:34:56","slug":"xuggler-tutorial-frames-capture-video","status":"publish","type":"post","link":"https:\/\/www.javacodegeeks.com\/2011\/02\/xuggler-tutorial-frames-capture-video.html","title":{"rendered":"Xuggler Tutorial: Frames Capture and Video Creation"},"content":{"rendered":"
Note:<\/strong> This is part of our \u201cXuggler Development Tutorials<\/a>\u201d series.<\/i><\/p>\n

So far in our Xuggler tutorials series we have performed an Introduction to Xuggler for Video Manipulation<\/a> and we have discussed Transcoding and Media Modification<\/a>. In this tutorial, we shall see how to decode video and capture frames, as well as how to create video from scratch.<\/p>\n

Let’s begin with decoding a video stream and capturing some frames at predefined time intervals. This can be used, for example, in order to make thumbnails of a media file<\/a>. For this purpose, we will use again the MediaTool API<\/a>, a high-level API for decoding, encoding and modifying video. <\/p>\n

The concept is to open the media file, loop through a specific video stream and at specific intervals capture the corresponding frame, convert it to an image and dump the binary contents into a file. Here is what the code for all these looks like:<\/p>\n

package com.javacodegeeks.xuggler;\r\n\r\nimport java.awt.image.BufferedImage;\r\nimport java.io.File;\r\nimport java.io.IOException;\r\n\r\nimport javax.imageio.ImageIO;\r\n\r\nimport com.xuggle.mediatool.IMediaReader;\r\nimport com.xuggle.mediatool.MediaListenerAdapter;\r\nimport com.xuggle.mediatool.ToolFactory;\r\nimport com.xuggle.mediatool.event.IVideoPictureEvent;\r\nimport com.xuggle.xuggler.Global;\r\n\r\npublic class VideoThumbnailsExample {\r\n    \r\n    public static final double SECONDS_BETWEEN_FRAMES = 10;\r\n\r\n    private static final String inputFilename = \"c:\/Java_is_Everywhere.mp4\";\r\n    private static final String outputFilePrefix = \"c:\/snapshots\/mysnapshot\";\r\n    \r\n    \/\/ The video stream index, used to ensure we display frames from one and\r\n    \/\/ only one video stream from the media container.\r\n    private static int mVideoStreamIndex = -1;\r\n    \r\n    \/\/ Time of last frame write\r\n    private static long mLastPtsWrite = Global.NO_PTS;\r\n    \r\n    public static final long MICRO_SECONDS_BETWEEN_FRAMES = \r\n        (long)(Global.DEFAULT_PTS_PER_SECOND * SECONDS_BETWEEN_FRAMES);\r\n\r\n    public static void main(String[] args) {\r\n\r\n        IMediaReader mediaReader = ToolFactory.makeReader(inputFilename);\r\n\r\n        \/\/ stipulate that we want BufferedImages created in BGR 24bit color space\r\n        mediaReader.setBufferedImageTypeToGenerate(BufferedImage.TYPE_3BYTE_BGR);\r\n        \r\n        mediaReader.addListener(new ImageSnapListener());\r\n\r\n        \/\/ read out the contents of the media file and\r\n        \/\/ dispatch events to the attached listener\r\n        while (mediaReader.readPacket() == null) ;\r\n\r\n    }\r\n\r\n    private static class ImageSnapListener extends MediaListenerAdapter {\r\n\r\n        public void onVideoPicture(IVideoPictureEvent event) {\r\n\r\n            if (event.getStreamIndex() != mVideoStreamIndex) {\r\n                \/\/ if the selected video stream id is not yet set, go ahead an\r\n                \/\/ select this lucky video stream\r\n                if (mVideoStreamIndex == -1)\r\n                    mVideoStreamIndex = event.getStreamIndex();\r\n                \/\/ no need to show frames from this video stream\r\n                else\r\n                    return;\r\n            }\r\n\r\n            \/\/ if uninitialized, back date mLastPtsWrite to get the very first frame\r\n            if (mLastPtsWrite == Global.NO_PTS)\r\n                mLastPtsWrite = event.getTimeStamp() - MICRO_SECONDS_BETWEEN_FRAMES;\r\n\r\n            \/\/ if it's time to write the next frame\r\n            if (event.getTimeStamp() - mLastPtsWrite >= \r\n                    MICRO_SECONDS_BETWEEN_FRAMES) {\r\n                                \r\n                String outputFilename = dumpImageToFile(event.getImage());\r\n\r\n                \/\/ indicate file written\r\n                double seconds = ((double) event.getTimeStamp()) \/ \r\n                    Global.DEFAULT_PTS_PER_SECOND;\r\n                System.out.printf(\r\n                        \"at elapsed time of %6.3f seconds wrote: %s\\n\",\r\n                        seconds, outputFilename);\r\n\r\n                \/\/ update last write time\r\n                mLastPtsWrite += MICRO_SECONDS_BETWEEN_FRAMES;\r\n            }\r\n\r\n        }\r\n        \r\n        private String dumpImageToFile(BufferedImage image) {\r\n            try {\r\n                String outputFilename = outputFilePrefix + \r\n                     System.currentTimeMillis() + \".png\";\r\n                ImageIO.write(image, \"png\", new File(outputFilename));\r\n                return outputFilename;\r\n            } \r\n            catch (IOException e) {\r\n                e.printStackTrace();\r\n                return null;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n}\r\n<\/pre>\n
This might seem a bit overwhelming, but it is really quite straightforward. Let me provide some details for you. We start by creating an IMediaReader<\/a> from an input file. The media reader is used to read and decode media. Since we wish to manipulate the captures video frames as images, we use the setBufferedImageTypeToGenerate<\/a> method to denote this. The reader opens up a media container, reads packets from it, decodes the data, and then dispatches information about the data to any registered IMediaListener<\/a> objects. Here is where our custom class, ImageSnapListener, comes into play.
 
<\/div> <\/div><\/p>\n
Our listener extends the MediaListenerAdapter<\/a>, which is an adapter (provides empty methods) implementing the IMediaListener<\/a> interface. Objects that implement this interface are notified about events generated during the video processing. We only care about handling video events, thus we only implement the IMediaListener.onVideoPicture<\/a> method. Inside that we use the provided IVideoPictureEvent<\/a> object to find what stream (video only) we are dealing with.<\/p>\n
Since we wish to capture frames in specific times, we have to mess a little with timestamps. First, we make sure we handle the very first frame by checking against the value of the Global.NO_PTS<\/a> constant, which is a value that means no time stamp is set for a given object. Then, if the minimum elapsed time has passes, we capture the frame by invoking the IVideoPictureEvent.getImage<\/a> method, which returns the underlying BufferedImage<\/a>. Note that we are talking about elapsed video time and not \u201creal time\u201d. We then dump the image data to a file in PNG format using the ImageIO.write<\/a> utility method. Finally, we update the last write time.<\/p>\n
Let’s run this application in order to see the results. As input file, I am using an old Sun commercial proclaiming that \u201cJava is Everywhere<\/a>\u201d. I have downloaded locally the MP4 version provided. Here is what the output console will look like:<\/p>\n
at elapsed time of  0.000 seconds wrote: c:\/snapshots\/mysnapshot1298228503292.png
\nat elapsed time of 10.010 seconds wrote: c:\/snapshots\/mysnapshot1298228504014.png
\nat elapsed time of 20.020 seconds wrote: c:\/snapshots\/mysnapshot1298228504463.png
\n\u2026
\nat elapsed time of 130.063 seconds wrote: c:\/snapshots\/mysnapshot1298228509454.png
\nat elapsed time of 140.007 seconds wrote: c:\/snapshots\/mysnapshot1298228509933.png
\nat elapsed time of 150.017 seconds wrote: c:\/snapshots\/mysnapshot1298228510379.png<\/span><\/p>\n
The total video time is about 151 seconds so we capture 16 frames. Here is what the captured images look like in my folder:<\/p>\n
\"\"<\/a><\/p>\n
OK, that’s about it for making video thumbnails. Let’s now see how to create a video from scratch. As input, we will use sequential snapshots from our desktop<\/a>. This can be used for a rudimentary screen recording application.<\/p>\n
In order to create video, we will have to take a bit more low level approach in comparison to the MediaTool API<\/a> that we have seen so far. Don’t worry though, it is not going to be complicated. The main idea is that we create a media writer, add some stream information to it, encode our media (the screenshot images), and close the writer. Let’s see the code used to achieve this:<\/p>\n
package com.javacodegeeks.xuggler;\r\n\r\nimport java.awt.AWTException;\r\nimport java.awt.Dimension;\r\nimport java.awt.Rectangle;\r\nimport java.awt.Robot;\r\nimport java.awt.Toolkit;\r\nimport java.awt.image.BufferedImage;\r\nimport java.util.concurrent.TimeUnit;\r\n\r\nimport com.xuggle.mediatool.IMediaWriter;\r\nimport com.xuggle.mediatool.ToolFactory;\r\nimport com.xuggle.xuggler.ICodec;\r\n\r\npublic class ScreenRecordingExample {\r\n    \r\n    private static final double FRAME_RATE = 50;\r\n    \r\n    private static final int SECONDS_TO_RUN_FOR = 20;\r\n    \r\n    private static final String outputFilename = \"c:\/mydesktop.mp4\";\r\n    \r\n    private static Dimension screenBounds;\r\n\r\n    public static void main(String[] args) {\r\n\r\n        \/\/ let's make a IMediaWriter to write the file.\r\n        final IMediaWriter writer = ToolFactory.makeWriter(outputFilename);\r\n        \r\n        screenBounds = Toolkit.getDefaultToolkit().getScreenSize();\r\n\r\n        \/\/ We tell it we're going to add one video stream, with id 0,\r\n        \/\/ at position 0, and that it will have a fixed frame rate of FRAME_RATE.\r\n        writer.addVideoStream(0, 0, ICodec.ID.CODEC_ID_MPEG4, \r\n                   screenBounds.width\/2, screenBounds.height\/2);\r\n\r\n        long startTime = System.nanoTime();\r\n        \r\n        for (int index = 0; index < SECONDS_TO_RUN_FOR * FRAME_RATE; index++) {\r\n            \r\n            \/\/ take the screen shot\r\n            BufferedImage screen = getDesktopScreenshot();\r\n\r\n            \/\/ convert to the right image type\r\n            BufferedImage bgrScreen = convertToType(screen, \r\n                   BufferedImage.TYPE_3BYTE_BGR);\r\n\r\n            \/\/ encode the image to stream #0\r\n            writer.encodeVideo(0, bgrScreen, System.nanoTime() - startTime, \r\n                   TimeUnit.NANOSECONDS);\r\n\r\n            \/\/ sleep for frame rate milliseconds\r\n            try {\r\n                Thread.sleep((long) (1000 \/ FRAME_RATE));\r\n            } \r\n            catch (InterruptedException e) {\r\n                \/\/ ignore\r\n            }\r\n            \r\n        }\r\n        \r\n        \/\/ tell the writer to close and write the trailer if  needed\r\n        writer.close();\r\n\r\n    }\r\n    \r\n    public static BufferedImage convertToType(BufferedImage sourceImage, int targetType) {\r\n        \r\n        BufferedImage image;\r\n\r\n        \/\/ if the source image is already the target type, return the source image\r\n        if (sourceImage.getType() == targetType) {\r\n            image = sourceImage;\r\n        }\r\n        \/\/ otherwise create a new image of the target type and draw the new image\r\n        else {\r\n            image = new BufferedImage(sourceImage.getWidth(), \r\n                 sourceImage.getHeight(), targetType);\r\n            image.getGraphics().drawImage(sourceImage, 0, 0, null);\r\n        }\r\n\r\n        return image;\r\n        \r\n    }\r\n    \r\n    private static BufferedImage getDesktopScreenshot() {\r\n        try {\r\n            Robot robot = new Robot();\r\n            Rectangle captureSize = new Rectangle(screenBounds);\r\n            return robot.createScreenCapture(captureSize);\r\n        } \r\n        catch (AWTException e) {\r\n            e.printStackTrace();\r\n            return null;\r\n        }\r\n        \r\n    }\r\n\r\n}\r\n<\/pre>\n
We start by creating an IMediaWriter<\/a> from a given output file. This class encodes and decodes media, handling both audio and video streams. Xuggler guesses the output format from the file name extension (in our case MP4) and sets some default values appropriately. We then use the addVideoStream<\/a> method to add a new video stream, providing its index, the codec type<\/a> used (MPEG-4<\/a> here) and the video dimensions. The dimensions are set equal to half of the screen’s dimensions in this example.<\/p>\n
Then we execute a loop that runs for a number of times equal to the desired frame rate multiplied with the desired running time. Inside the loop, we generate a screen snapshot as described in the Java2D: Screenshots with Java<\/a> article. We retrieve the screenshot as a BufferedImage<\/a> and convert it to the appropriate type (TYPE_3BYTE_BGR<\/a>) if it is not already there.<\/p>\n
Next, we encode the image to the video stream using the IMediaWriter.encodeVideo<\/a> method. We provide the stream index, the image, the elapsed video time and the time unit. Then, we sleep for the appropriate number of time, depending on the desired frame rate. When the loop is over, we close the writer and write the trailer if necessary, depending on the video format (this is done automatically by Xuggler).<\/p>\n
If we execute the application, a video will be created which has recorded your desktop actions. Here  is a still image of mine while browsing the JavaCodeGeeks<\/a> site:<\/p>\n
\"\"<\/a><\/p>\n
That’s it guys, yet another Xuggler tutorial describing how to capture video frames from an input file and how to generate video using desktop snapshots. As always, you can download the Eclipse project<\/a> created for this tutorial. Stay tuned for more Xuggler tutorials here at JavaCodeGeeks<\/a>! And don’t forget to share!<\/p>\n
Related Articles:<\/strong><\/p>\n