Newsletter: Learn More ||| Multimedia Presentation Software |||
Player FLA with Drag-able Progress Bar
Note: Flix Pro will automatically output your video in a custom player or add a player to virtually any SWF produced by Macromedia Flash and any third party Flash exporting software. For more information of Flix Pro's player feature please visit the Flix Pro players page.
This Player .FLA is intended as a simple starting point for a shell to play any timeline based .SWF. It is built for a 320X240 sized movie, but with a little modification it can be resized. The player is contained in a movie clip so it can be dropped into any .FLA.
The player has a play/pause button, fast forward, rewind, go to end, go to start, current and total frame counter, and a dragable progress bar.
  • The play/pause button is a movieclip that simply tells the loaded movie to stop or play, and toggles between the play/pause buttons.

  • The fastforward and rewind buttons reference the ff/rw code mc which tells the loaded movie to go forward or back 10 frames. This can be adjusted.

  • The go to start and go to end buttons tell the loaded movie to do just that, go to frame 1 or <gotoAndStop (Number(getProperty (movie, _totalframes )));>

  • The current and total frame counter simply displays the _currentframe and _totalframes of the loaded movie.

  • The drag-able progress bar is the most complicated part of the fla, but broken down the code is very simple. Inside the drag code MC you will see the following two groups of code:

    1. This piece of code loops while the movie is playing, obtains the percentage of the movie that has been played and multiplies the number by 200 since the dragbar area is 200 pixels wide:

      setProperty (_root.player.drag.dragMC, _x, math.floor(Number(getProperty(_root.player.movie, _currentframe))/Number(getProperty(_root.player.movie, _totalframes))*200));
      gotoAndPlay (_currentframe - 1);
    2. This piece of code loops when the dragbar is moved and is kind of the opposite of the first, getting the _x position of the drag bar and telling the movie to go to the appropriate frame:

      tellTarget (_root.player.movie) {
      gotoAndStop (math.floor(Number(getProperty (_root.player.movie, _totalframes )) * (Number(getProperty (_root.player.drag.dragMC, _x )) * .01) / 2));
      if (Number(getProperty (_root.player.drag.dragMC, _x ))<5) {
      gotoAndStop (1);
      }
      }
      gotoAndPlay (_currentframe - 1);
Top
This tutorial was written by Neal Mckinney, who works at Toolhouse. His porfolio can be found at Angelfire.com
 
©2007 Wildform, Inc | Policies | Contact Us | Newsletter Options
 
Wildform provides a 100% satisfaction guarantee on all our software. If you are not completely satisfied with our software for any reason you may request a refund within 15 days of purchase.