Hier ein einfaches Flex-Beispiel, das zeigt, wie man eingebettete CuePoints mit der Videodisplay-Komponente in Flex auslesen kann. Angezeigt werden folgende Eigenschaften:

  • Name des CuePoints
  • Zeitpunkt
  • Typ

Das Video hat zwei eingebettete CuePoints.

XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2.     <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="600" height="450"  backgroundGradientColors="[#8a8a8a, #ffffff]">
  3.  
  4.         <mx:Script>
  5.             <![CDATA[
  6.  
  7.                 import mx.events.CuePointEvent;
  8.  
  9.                 // Funktion: CuePoints auswerten   
  10.                 private function onCP(evt:CuePointEvent):void {
  11.  
  12.                     // CuePoint Objekt erstellen
  13.                     var cp:Object = {name:evt.cuePointName, time:evt.cuePointTime, type:evt.cuePointType};
  14.  
  15.                     // CuePoint in Textfeld anzeigen
  16.                     myText.text += cp.name + ' / ' + cp.time + ' / ' + cp.type + '\n';
  17.                 }
  18.             ]]>
  19.  
  20.         </mx:Script>
  21.  
  22.  
  23.         <!-- ::::::: Videodisplay :::::::  -->
  24.         <mx:VideoDisplay id="videoDisplay" cuePointManagerClass="mx.controls.videoClasses.CuePointManager"  cuePoint="onCP(event)" source="cp-example.flv" />      
  25.  
  26.         <!-- ::::::::: Textanzeige :::::::::::::::::  -->
  27.         <mx:Panel title="Eingebettete CuePoints" width="400" height="100">
  28.             <mx:TextArea text="" id="myText" width="100%" height="100%"/>
  29.         </mx:Panel>
  30.  
  31.         <!-- ::::::::: Button :::::::::::::::::  -->
  32.         <mx:Button label="Erneut starten" click="videoDisplay.playheadTime=0; videoDisplay.play(); myText.text='';"/>   
  33.  
  34.     </mx:Application>