Looks like WordPress gobbled your code! Give it another shot.

To David …

When readers do run across the trouble you’ve described, it’s usually because of a missing object reference. Sometimes people declare their idTracking variable out of scope, so that it doesn’t clear with clearInterval(), which means the updateKnob() function executes more twice and sometimes thrice over — and the loop continues even while they’re dragging.

Put trace("updateKnob"); somewhere inside your version of the updateKnob() function, then test again. That will let you see immediately if the function continues to trigger while you attempt to drag the knob.

I’m working on a flv player myself and was just curious if you’ve had anyone reply that has had trouble with the ‘knob’ actually updating its ‘x’ position based on the mouse onPress in real time so the user can watch the knob travel along the scrub bar? I’ve followed your tutorial very closely and this is the only piece of functionality I’m currently lacking. If you have a moment, please respond. Thank you so much for the tutorial and your help.

This is the one that I have:

ns.onMetaData = function(metadata)
{
timerDuration = metadata.duration;
var dur_seconds:Number = timerDuration;
var minutes_dspl = Math.floor(dur_seconds/60);
var seconds_dspl = Math.floor(dur_seconds%60);
if (minutes_dspl

That’s a good question. The NetStream class provides two buffer related properties, bufferLength and bufferTime. In a sense, those are the buffer versions of bytesLoaded and bytesTotal, respectively. It might get a bit tricky to combine bufferTime with the total time of the video … you could grab the total seconds (i.e. duration) out of the metadata and compare that against the bytesTotal property to determine an approximate duration-to-filesize ratio (this will change per FLV, of course, depending on its compression, bitrate, and the like). Subtract your bufferTime from that, maybe, so you can track buffer first, then switch over to bytesLoaded (perhaps minus bufferTime) when bufferLength has reached the value of bufferTime.

Sounds like a fun challenge, actually! But gosh, I haven’t thought it through in detail at all yet. This one isn’t something I can just spout off the top of my head.

One more question if you don’t mind. I’ve set my player to buffer the first ten seconds of video with “ns.setBufferTime(10);” and I’ve noticed that when doing this the loadbar doesn’t display the scaling animation until the video starts to play (when its buffered 10secs of content).

Is there a way to buffer the video for say 10secs but have the loadbar scaling begin immediately instead?

Thanks

Neal

Daniel

You could create a new bar yet again — either by drawing another or reusing (and tinting) the existing loader bar — and set its MovieClip._width property based on the location of the knob. In fact, the updateKnob() could handle this addition along with its existing tasks:

function updateKnob():Void {
  knob._x = track._x + ns.time * ratio;
  newBarMC._width = knob._x - track._x;
}

… That would assume that the new bar’s position is also on the left edge shared by the other bars. As the knob moves to, say, 50 pixels toward the right, its position is subtracted from track’s — the difference would be 50 — and the new bar’s width would become 50 to match.

You would have to update your knob dragging code as well:

knob.onPress = function():Void {
  clearInterval(idTracking);
  ns.pause(true);
  this.onMouseMove = function():Void {
    if (track._xmouse > 0 && track._xmouse < loader._width) {
      this._x = track._x + track._xmouse;
      newBarMC._width = knob._x - track._x;
    }
  }
}

First of all, thanks for articles. Very usefeull. There’s only one more thing i’ve trying to do but i can’t.

Regarding the uTube example i would like a bar to appear with the knob representing the amount of video played.

How can i do that?

Thanks in advance

Seriously wonderful work, and your answer was spot on correct.

Thanks for all your help,

Neal

………thanks again David