Multiple VideoDisplay and playback controls for each using repeater

最新推荐文章于 2020-08-14 16:38:48 发布

最新推荐文章于 2020-08-14 16:38:48 发布 · 176 阅读

文章标签：

Problem Summary

I want to dynamically generate a VideoDisplay control and playback controls for each using repeater and data in an XML file.

Solution Summary

Use a component housing the VideoDisplay control and an HBox with Play, Stop, and Pause buttons, and use the component in a Repeater, that takes data from an XML file.

Explanation

See the zip file for the exported project.

----- assets/videos/france.flv -----

----- assets/videos/japan.flv -----

----- data/videoData.xml -----

<?xmlversion="1.0"encoding="utf-8"?>
<videos>
<videoname="France"id="france"xlink="assets/videos/france.flv"/>
<videoname="Japan"id="japan"xlink="assets/videos/japan.flv"/>
</videos>

----- components/VideoComp.mxml -----

 
  <?xmlversion="1.0"encoding="utf-8"?> 
 <mx:VBoxxmlns:mx="http://www.adobe.com/2006/mxml" 
 width="100%"height="100%"> 
 <mx:Script> 
 <![CDATA[ 
[Bindable]privatevar_vidData:String;
publicfunctionsetvidData(video:String):void{
_vidData=video;
}
 ]]> 
 </mx:Script> 
 <mx:VideoDisplayid="vid" 
 autoPlay="false"source="{_vidData}"/> 
 <mx:HBox> 
 <mx:Buttonlabel="Play"click="vid.play();"/> 
 <mx:Buttonlabel="Pause"click="vid.pause();"/> 
 <mx:Buttonlabel="Stop"click="vid.stop();"/> 
 </mx:HBox> 
 </mx:VBox> 

----- MultipleVideos.mxml -----

 
  <?xmlversion="1.0"encoding="utf-8"?> 
 <mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
 creationComplete="init()"xmlns:comp="components.*"> 
 <mx:Script> 
 <![CDATA[ 
importmx.collections.XMLListCollection;
importmx.rpc.events.ResultEvent;
[Bindable]publicvarvideosDP:XMLListCollection=newXMLListCollection();
privatefunctioninit():void{
videosRequest.send();
}
privatefunctionvideosResultHandler(event:ResultEvent):void{
varlist:XMLList=newXMLList(event.result..video);
videosDP=newXMLListCollection(list);
}
 ]]> 
 </mx:Script> 
 <mx:HTTPServiceid="videosRequest"useProxy="false"resultFormat="e4x" 
 result="videosResultHandler(event)"url="data/videoData.xml"/> 
 <mx:Repeaterid="myRepeater"dataProvider="{videosDP}"> 
 <mx:Labeltext="{'Path:'+myRepeater.currentItem.@xlink}"/> 
 <comp:VideoCompvidData="{myRepeater.currentItem.@xlink}"/> 
 </mx:Repeater> 
 </mx:Application> 