Here is what you need to do.

Create a function to handle the conversion.

private function timeConversion(item:Object):String{
var pT:Number = item.valueOf() || 0.1;
var pTimeMS:Date = new Date(pT * 1000);

return formatTime(pTimeMS);

}

add the following line to your HSlider component.
dataTipFormatFunction=”timeConversion”

Hope it Helps.

Thanks for the examples. Just playing around with it..

The video time display is incorrect though. Since Flex creates new dates in the local time zone, if your timezone is not GMT, you will get incorrect time display. (It shows 30:01 for me instead of 00:01 since I am in GMT+530).

Here’s a fix for that:

In the videoDisplay_playheadUpdate() function:

var tzOffset:Date = new Date();
// This takes it one day in future minus the time zone offset
var tzDiff:Number = (86400 - tzOffset.getTimezoneOffset()*60) *1000;
var pTimeMS:Date = new Date(pT * 1000 + tzDiff);
var tTimeMS:Date = new Date(tT * 1000 + tzDiff);

HTH.

:Nirav

slider.value = videoDisplay.playheadTime;

as last line into the function:

private function videoDisplay_playheadUpdate():void {

and remove (delete)

value="{videoDisplay.playheadTime}"

from the attributes of HSlider slider in the MXML part.

Thats it.

Btw.: Thank you Peter for this nice example.

Thanx for all the examples, great work!

Regarding the scrubber, I noticed that after the slider_thumbRelease the slider jumps for a second back to the original slider_thumbPress position. How can this be avoided?
…when I do a ‘trace(videoDisplay.playheadTime) after videoDisplay.playheadTime = slider.value in the slider_thumbRelease method, I get the time of the original location and NOT the new location.

thanks again

It has defects?

I slidered the thumb on right, and I saw the title have updated to “cuepoints.flv(seeking)”. but the video doesn’t play anymore, it was stuck there.

Any suggestion?

Cheers

Are you sure the entire video has loaded? I assume you can’t scrub past a point in a video if it hasn’t loaded yet.

Peter

I thought adding something like this should do the trick… but it doesn’t :(

private function slider_thumbPress():void
{
    videoDisplay.pause();
}

private function slider_thumbDrag():void
{
    videoDisplay.playheadTime = slider.value;
}

private function slider_thumbRelease():void {
    videoDisplay.play();
}

and

Any Ideas? The thumb just gets stuck at the first half of the flv and doesn’t move any more while the flv stops.

It shouldn’t be hard at all. The only trick would be you would need to send the data to a server-side script to write out the XML data to a file remotely. Due to security reasons, Flash Player cannot create files on a user’s machine (unless you’re creating an Adobe AIR project).

Peter