Action sur des Cues Points - AS3 - Flex Builder 3

**franquis** · 27/01/2009, 22h32

Bonjour à tous, après de "multiples" recherches, je m'adresse à vous afin d'avoir une réponse à mon problème.

Mes recherches m'ont apportées quelques filons, mais tous sont différents, et utilisent des méthodes particulières.

J'ai une vidéo dans laquelle j'ai crée des cue points de type 'event' et 'navigation'. pourquoi les deux? Pour "comprendre" la différence (si d'ailleurs vous la connaissez...)

J'aimerais pouvoir, lorsque la lecture arrive à ces cues points, spécifier une action.

Le bout de code que j'ai récupérer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> 
 
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.events.CuePointEvent; 
 
 
 
            [Bindable]
            private var embeddedCuePoints:ArrayCollection = new ArrayCollection(); 
 
            private function onCuePoint(evt:CuePointEvent):void {
                var cuePointObject:Object = {name:evt.cuePointName, time:evt.cuePointTime, type:evt.cuePointType};
                if (evt.cuePointType != "actionscript") {
                    embeddedCuePoints.addItem(cuePointObject);
                }
            }
        ]]>
    </mx:Script> 
    <mx:Label text="Cue Points #"/>
 
 
    <mx:Button label="Play" id="playbtn" click="videoDisplay.play();"/>
    <mx:Button label="Pause" id="pausebtn" click="videoDisplay.pause();"/>
 
    <mx:VideoDisplay id="videoDisplay" cuePointManagerClass="mx.controls.videoClasses.CuePointManager" cuePoints="{cuePointArr}" cuePoint="onCuePoint(event)" source="Movie.flv" playheadUpdate="progressBar.setProgress(videoDisplay.playheadTime, videoDisplay.totalTime);"  width="394" height="226"/>
    <mx:ProgressBar id="progressBar" mode="manual" width="{videoDisplay.width}" minimum="0" maximum="{videoDisplay.totalTime}" label="{videoDisplay.state} %3%%" /> 
 
    <mx:HBox>
 
        <mx:Panel title="Embedded cue points:">
            <mx:DataGrid id="embeddedCuePointGrid" dataProvider="{embeddedCuePoints}" itemClick="videoDisplay.playheadTime = event.currentTarget.selectedItem.time;">
                <mx:columns>
                    <mx:DataGridColumn dataField="name" headerText="Name:" />
                    <mx:DataGridColumn dataField="time" headerText="Time:" />
                    <mx:DataGridColumn dataField="type" headerText="Type:" />
                </mx:columns>
            </mx:DataGrid>
        </mx:Panel>
    </mx:HBox> 
 
</mx:Application>

Celui ci permet d'afficher un tableau dynamique qui affiche donc les cue points, leur tag time et leur type.

La doc dit également:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
function onCuePoint(infoObject:Object):void 
{ 
    var key:String; 
    for (key in infoObject) 
    { 
        trace(key + ": " + infoObject[key]); 
    } 
}