Creating DivX menus with just your web browser!

Instructions? I don't need no stinking instructions, just tell me where to click!

Click here for the DivX Menu Creator WebApp!

One of our engineers, Raider, has been surreptitiously working on a nifty little web applet to help create DivX content with advanced features. In particular, this is a tool that will help you create root menus and chapter menus with motion thumbnails. All it takes is your DivX files and a couple of mouse clicks.

First, the disclaimers: this web application is still alpha, so it may crash on you. But hey, you wanted to be on the cutting edge right?

It has been minimally tested on Windows XP, using Internet Explorer 6 and Firefox. Use other Windows operating systems and browsers at your own risk.

Also, the application will download to your machine a couple files that help it do its thing. Since it’s still alpha, there's no install/uninstall feature, so you'll have to manually remove the following files to remove it off of your machine.
  • From your user temp directory (usually C:\Documents an Settings\user\Local Settings\Temp\divx, remove createDMFJNI.dll, playbackModuleJNI.dll, and defaultBackground.divx
  • From your web browser directory, (C:\Program Files Internet Explorer or C:\Program Files\Mozilla Firefox), remove the file MSVCRTD.dll

And, being alpha, it’s a little lacking on the UI, but we'll polish it for the masses later. Now, onto the fun!
  • Step 1: Line up all of your creative assets. You'll need a ten second or longer 640 x 480 DivX clip for the motion background, and the DivX videos that you want to combine into a single DivX file. I’d put all of these into a single directory to make my life easier, but just as long as you know where they are, you're good to go. The default menu background video is a DivX splash screen.

  • Step 2: Fire up the web applet. Open the DivX Menu Creator WebApp!.
    Once the applet is finished downloading, you should see the following screen in your browser.

  • Step 3: Select the motion background you want to use. Right click on the black screen and select "Select Background.” Navigate to the DivX video clip that you want to use for the background and hit select. You can preview the motion background by right clicking on the background and selecting "Play Background."

  • Step 4: Select the files that you want to include in your compilation DivX file by right clicking on the screen and selecting "Add Video.” Place the thumbnails wherever you'd like them to appear on the menu screen, within the purple bounding box line. You can change the caption underneath each thumbnail by right clicking on the thumbnail and selecting "Change Video Label.”

  • Step 5: Link the files together for navigation. On each side of the thumbnail is a little square nubbin. You can click and drag a line from each of these little nubbins to the center of another thumbnail to map navigation of the menu using the arrow keys. So for example, if you drag the right nubbin of thumbnail 1 to the center of thumbnail 2, this means that if thumbnail 1 is selected in the menu, and the user presses the right arrow, the focus will move from thumbnail 1 to thumbnail 2. When a nubbin is linked, it will be filled in red.

  • Step 6: Create chapter menus for each of the titles. Right click on a thumbnail on the main menu and select "Add Chapter Menu.” This will bring you to a chapter creation menu. From here, you have to hit play to start the file playing (yes, its a little quirky), and then you can pause, fast forward, rewind, trick play with the slider, and even step through the file to add chapter points. To add a chapter point, navigate to the frame that you want, and click on the "Add Chapter" button on bottom right. You can delete chapters by right clicking and selecting "Delete Chapter" on the thumbnails on the right. Once you're finished with creating chapters for a specific title, click on the "Accept" button to return to a chapter menu layout screen. The chapter menu layout screen works exactly like the root menu layout screen described in steps 3, 4, and 5.

  • Step 7: You're all done laying out the menus! Now to create the actual file, click Select File->Save Project As to save the menu project. Then select Run->Generate DivX to create a DivX video.

  • Step 8: Fire up the DivX Player, open your masterpiece, and enjoy!

Let us know what you think about the tool. We've got plans for lots of feature improvements, so stay tuned.