Saturday, August 2, 2008

ProgressionBar Class (AS3)

I briefly touched on the ProgressionBar Class in my last post on the VideoViewer Class. This class controls all the time line assets(the scrubber, the progression bar, etc). This class is a lot easier to use and only contains one method.


var myPBar:ProgressionBar = new ProgressionBar($videoViewer:VideoViewer, $stage:Stage,
$progressBar:DisplayObjectContainer, $timeSlider:DisplayObjectContainer, $track:Object,
$playedColor:DisplayObjectContainer, $playedColorMask:DisplayObjectContainer)




Required Parameters

$videoViewer: The VideoViewer that will be using this ProgressionBar.
$stage: Just pass the stage.
$progressBar: The bar that will be showing the load progress of the video.
$timeSlider: The object being used as the scrubber.

Optional Parameters

$track: The hit area around the progress bar. It acts as an alternative to sliding the scrubber. Just click and the scrubber and video will jump to that point. If this is not set it will use the $progressBar as the track.
$playedColor: A bar that covers the $progressBar, that will be the color on the left side of the scrubber. Shows the elapsed time.
$playedColorMask: Reveals the $playedColor. Usually is the same size as the $progressBar. Place the registration point on the right center or right top.

Methods

ProgressionBar.startEvents();

This will start the ProgressionBar. Usually placed within the play button function of a video player.


If there are any questions or suggestions, Don't hesitate to post it.

Enjoy

Download ProgressionBar Class here

2 comments:

  1. [...] released the kreativeKING Videoplayer API. I’m sure you all remember the old VideoViewer and ProgressionBar classes. Well this new set of API does away with those and replaces with a plethora of new classes [...]

    ReplyDelete
  2. If you want to hear a reader's feedback :) , I rate this article for 4/5. Detailed info, but I have to go to that damn google to find the missed pieces. Thanks, anyway!

    ReplyDelete