Thank you for reading this,
Susan

CODE:

import fl.controls.List;

cueList.addEventListener(Event.CHANGE,playCue);

function playCue(e:Event):void {
vid.seekToNavCuePoint(e.target.selectedItem.data);
}

thanks

Gerry

I am using the following to listen for when a cuepoint is reached and then updating the scrollbar position on a listbox (i.e. moving the bar down by one each time.) I load the cue point name and time via an XML file.
Everything works fine until I set the cue point time greater than 60 seconds is there a time ‘format’ I need to use?

var listenerObject:Object = new Object();
listenerObject.cuePoint = function(eventObject:Object):Void {
trace(”cue point reached at: ” + eventObject.info.name);
}

thanks

Gerry

Which brings me to my issue we perfer to use a CDN for the global reach, but we have a big problem with NetStream not taking cue points at runtime in AS3. Defiently is for the worse, and I will let them know it at Max. Nevertheless I need a solution. I’m going to try to get FLVPlayback to work with my CDN’s class… can you post some code showing FLVPlayback being subsituted for NetStream. My hope is it will act as the video container and the rest will fly. I’ll post it, let me know if you think it can be converted to use FLVPB

// AkamaiConnection class AS3 Reference Player
//
// This class demonstrates use of the AkamaiConnection class
// in connecting to the Akamai CDN and in rendering and controlling
// a streaming video.

package {

import flash.display.MovieClip;
import flash.events.MouseEvent;
import flash.text.TextField;
import flash.text.TextFormat;
import flash.media.Video;
import fl.controls.Button;
import fl.controls.Slider;
import fl.events.SliderEvent;
import com.akamai.AkamaiConnection;
import com.akamai.events.*;

public class CS3sampleAMDOnDemand extends MovieClip {

// UI elements
private var video:Video;
private var bPlayPause:Button;
private var videoSlider:Slider;
private var volumeSlider:Slider;
private var timeDisplay:TextField;
private var bufferingDisplay:TextField;

// Variables
private var ak:AkamaiConnection;
private var dragging:Boolean;

// Constants - replace these with references to your own content
private const HOSTNAME:String = “cp27886.edgefcs.net”;
private const FILENAME:String = “14808/nocc_small307K”;

// Constructor
public function CS3sampleAMDOnDemand():void {
addChildren();
initVars();
}
// Add the children to the stage
private function addChildren():void {
// Draw background
this.graphics.beginFill(0×444444);
this.graphics.drawRoundRect(10,10,338,250,10);
this.graphics.endFill();
// Add video
video = new Video(318,180);
video.x = 20;
video.y = 20;
addChild(video);
// Add playPause button
bPlayPause = new Button();
bPlayPause.width = 60;
bPlayPause.label = “Pause”;
bPlayPause.enabled = false;
bPlayPause.x = 20;
bPlayPause.y = 230;
bPlayPause.addEventListener(MouseEvent.CLICK,doPlayPause);
addChild(bPlayPause);
// Add the video slider
videoSlider = new Slider();
videoSlider.width = 220;
videoSlider.x = 20;
videoSlider.y = 210;
videoSlider.minimum = 0;
videoSlider.enabled = false;
videoSlider.addEventListener(SliderEvent.THUMB_PRESS,beginDrag);
videoSlider.addEventListener(SliderEvent.THUMB_RELEASE,endDrag);
addChild(videoSlider);
// Add the volume slider
volumeSlider = new Slider();
volumeSlider.width = 80;
volumeSlider.x = 250;
volumeSlider.y = 210;
volumeSlider.minimum = 0;
volumeSlider.maximum = 100;
volumeSlider.value = 80;
volumeSlider.enabled = false;
volumeSlider.addEventListener(SliderEvent.CHANGE,volumeHandler);
addChild(volumeSlider);
// Add the time display
var format:TextFormat = new TextFormat();
format.color = 0xFFFFFF;
format.font = “Verdana”;
format.bold = true;
timeDisplay = new TextField();
timeDisplay.x = 240;
timeDisplay.y = 230;
timeDisplay.width = 200;
timeDisplay.defaultTextFormat = format;
addChild(timeDisplay);
// Add the buffering display
bufferingDisplay = new TextField();
bufferingDisplay.x = 100;
bufferingDisplay.y = 230;
bufferingDisplay.width = 200;
bufferingDisplay.defaultTextFormat = format;
bufferingDisplay.text = “Loading …”;
addChild(bufferingDisplay);
}
// Handle the start of a video scrub
private function beginDrag(e:SliderEvent):void {
dragging = true;
}
// handle the end of a video scrub
private function endDrag(e:SliderEvent):void {
ak.seek(videoSlider.value);
}
// Update the volume
private function volumeHandler(e:SliderEvent):void {
ak.volume = volumeSlider.value/100;
}
// Handles the playPause button press
private function doPlayPause(e:MouseEvent):void {
switch (bPlayPause.label) {
case “Pause” :
ak.pause();
bPlayPause.label = “Play”;
break;
case “Play” :
ak.resume();
bPlayPause.label = “Pause”;
break;
}
}
// Initializes variables with starting values
private function initVars():void {
dragging = false;
ak = new AkamaiConnection();
ak.createStream = true;
ak.addEventListener(AkamaiNotificationEvent.CONNECTED,connectedHandler);
ak.addEventListener(AkamaiNotificationEvent.PROGRESS,progressHandler);
ak.addEventListener(AkamaiNotificationEvent.BANDWIDTH,bandwidthHandler);
ak.addEventListener(AkamaiNotificationEvent.STREAM_LENGTH,streamlengthHandler);
ak.addEventListener(AkamaiNotificationEvent.COMPLETE,completeHandler);
ak.addEventListener(AkamaiStatusEvent.NETCONNECTION,netStatusHandler);
ak.addEventListener(AkamaiStatusEvent.NETSTREAM,netStreamStatusHandler);
ak.addEventListener(AkamaiStatusEvent.NETSTREAM_METADATA,metadataHandler);
ak.addEventListener(AkamaiStatusEvent.NETSTREAM_CUEPOINT,cuepointHandler);
ak.addEventListener(AkamaiErrorEvent.ERROR,onError);
ak.connect(HOSTNAME);
}
// Handles a successful connection
private function connectedHandler(e:AkamaiNotificationEvent):void {
trace(”Successfully connected using ” + ak.actualProtocol + ” on port ” + ak.actualPort);
// As soon as we are connected, we’ll measure the available bandwidth
ak.detectBandwidth();

}
// Handles a successful bandwidth measurement
private function bandwidthHandler(e:AkamaiNotificationEvent):void {
trace(”The bandwidth is ” + ak.bandwidth + “kbps and the latency is ” + ak.latency + ” ms.”);
// At this point, you could use the bandwidth value to decide which file to play.
ak.requestStreamLength(FILENAME);
}
// Handles a successful stream length request
private function streamlengthHandler(e:AkamaiNotificationEvent):void {
videoSlider.maximum = ak.streamLength;
video.attachNetStream(ak.netStream);
ak.play(FILENAME);
bPlayPause.enabled = true;
videoSlider.enabled = true;
volumeSlider.enabled = true;
ak.volume = .8;
}
// Updates the UI elements as the video plays
private function progressHandler(e:AkamaiNotificationEvent):void {
timeDisplay.text = ak.timeAsTimeCode + ” | ” + ak.streamLengthAsTimeCode;
if (!dragging) {
videoSlider.value = ak.time;
}
bufferingDisplay.visible = ak.isBuffering;
bufferingDisplay.text = “Buffering: ” + ak.bufferPercentage+”%”;
}

// Handles netstream status events. We trap the buffer full event
// in order to start updating our slider again, to prevent the
// slider bouncing after a drag.
private function netStreamStatusHandler(e:AkamaiStatusEvent):void {
switch (e.info.code) {
case “NetStream.Buffer.Full”:
dragging = false;
break;
}
}

// Handles NetConnection status events. The description notifier is displayed
// for rejection events.
private function netStatusHandler(e:AkamaiStatusEvent):void {
trace(e.info.code);
if (e.info.code == “NetConnection.Connect.Rejected”) {
trace(”Rejected by server. Reason is “+e.info.description);
}
}
// Catches the end of the stream. Note that the AkamaiNotificationEvent.COMPLETE
// event should only be used to detect the end of streaming files. For progressive delivery,
// use the AkamaiNotificationEvent.END_OF_STREAM event.
private function completeHandler(e:AkamaiNotificationEvent):void {
ak.pause();
ak.seek(0);
bPlayPause.label = “Play”;
}
// Handles metadata that is released by the stream
private function metadataHandler(e:AkamaiStatusEvent):void {
trace(”Metadata received:”);
for (var propName:String in e.info) {
trace(”metadata: “+propName+” = “+e.info[propName]);
}
}
// Receives all cuepoint events dispatched by the NetStream
private function cuepointHandler(e:AkamaiStatusEvent):void {
trace(”Cuepoint received:”);
for (var propName:String in e.info) {
if (propName != “parameters”) {
trace(propName+” = “+e.info[propName]);
} else {
trace(”parameters =”);
if (e.info.parameters != undefined) {
for (var paramName:String in e.info.parameters) {
trace(” “+paramName+”: “+e.info.parameters[paramName]);
}
} else {
trace(”undefined”);
}
}
}
}

// Handles any errors dispatched by the connection class.
private function onError(e:AkamaiErrorEvent):void {
trace(”Error: ” + e.errorDescription);
}
}
}

I think the code you wrote above should work perfectly for me but I’m doing something wrong with my event listener:

var listener:Object = new Object();
listener.cuePoint = function(evt:Object):Void {
if (evt.name == “theEnd”) {
gotoAndPlay(”destination”);
}
}
videoPlayer.addEventListener(”cuePoint”, listener);

I have almost the same code as above now and I understand most of it (so I Think), but that “cuePoint” throws me.
I don’t have a gotoAndPlay of course, as I want to remove a second swf file I loaded at start. I play to load and remove swf files through out my application, as I want graphic effects to pop in and out throughout a movie.

Thanks!

- Mike

looking at some of the examples I have seen, I have come up with code that is a not going to work. I’m not sure if I’m starting this right even.

Any advice would be appreciated

var listener:Object = new Object();

//listener.onMetaData = function(listener:Object)

myplayback.addEventListener(MetadataEvent.CUE_POINT, firstBounce);

function firstBounce (listener:MetadataEvent):void{
trace(listener.info);
//trace (e.duration);

if(listener.name == “bounceout2″)
{
stage.removeChild(imageLoader);
}
}

sorry to bother again but i ran up to the next problem.

No worries! And sorry about the late reply. I’m finally done with my book-length writing for the year [crosses fingers], and I’m slowly making my way back to the forums, email replies, and blog comments.

is it possible to unload the video at the click of a button?

There’s always the NetStream.close() method. You could also try setting the video’s volume to zero before sending the playhead elsewhere.

Is it even possible to have it faded (sound and image) out before it jumps to the requested framenumber, although this would be just a fancy add on.

Yes, fading audio is relatively easy. I wrote a pair of cross-fading tutorials for CommunityMX.com a few months ago. One is for AS2 and the other for AS3. Those particular tutorials require a subscription, but you can start a trial membership and quit after a week (I think) without any obligation (I’m sure). The basic idea, though, is to use a loop — say, onEnterFrame or setInterval() — to repeatedly change the volume of a Sound instance associated with the video, until the volume is down to 0 (or up to 100, as you please).

additional, the project is migrated to AS3.

It’s all still doable, but of course that potentially changes the syntax tremendously.

The basic principles are the same, though, in any case. Your best bet is to break down each step into small parts and migrate your code in small, easily testable pieces. Chin up!

To Mal …

I’ve found that if all of my cuepoints are under 100 (seconds) then they’ll trigger when they should. But if any one of them are over 100, then all of them will trigger at the same time, that of the highest number. What do you think?

Wow. That’s really interesting — and I plumb don’t have an answer! Given the delay in my reply, I’m not sure if I can still be of help here, but if you can provide some additional information, I’ll try to help you pinpoint it.

Questions that pop to mind: Do your videos actually run longer than 100 seconds? Are these “baked in” cue points, or are you adding them with ActionScript?

To Jeremy …

I have ‘baked’ in a cue point at the end of the video named ‘theEnd’ where I need it to redirect to a different scene.

There are alternative ways to detect the end of a video file, but using a cue point is fine. You’ll want to use your cuePoint event handler to invoke the MovieClip.gotoAndPlay() method. The thing is, scenes and AS1/2 don’t especially play well together. Rather than sending the playhead to a new scene, give the first frame in that other scene a frame label, then use the frame label as the parameter for the gotoAndPlay() method.

Does that make sense?

Check out my reply to Eric — the next reply, actually — to see suggested sample code.

To Eric …

Your question is pretty much like Jeremy’s, so I’ll provide a quick code sample for both of you. Note, as I mentioned to Jeremy, this assumes you have a frame label in frame 1 of the destination scene. In this example, the frame label is “destination” and the last cue point in the video is named “theEnd”:

FLVPlayback, assuming the instance name videoPlayer

var listener:Object = new Object();
listener.cuePoint = function(evt:Object):Void {
  if (evt.name == "theEnd") {
    gotoAndPlay("destination");
  }
}
videoPlayer.addEventListener("cuePoint", listener);

Non-component, assuming a NetStream instance named ns

ns.onCuePoint = function(evt:Object):Void {
  if (evt.name == "theEnd") {
    gotoAndPlay("destination");
  }
}

As an alternative, you can forego cue points and use the NetStream.onStatus event (assuming no FLVPlayback):

ns.onStatus = function(info) {
  if (info.code == "NetStream.Play.Stop") {
    gotoAndPlay("destination");
  }
};

To Mike …

By chance, I happened to help someone on the Adobe forums today with this exact issue. Check out the thread, and write back if you have additional questions, but I think that should get you started.