Publish 03-2009

Maak je eigen mp3-speler

In Flex ontwikkelde applicaties integreer je eenvoudig in websites; je eigen websites en die van je klanten. Het enige wat de sitebezoeker nodig heeft op zijn pc is de Adobe Flash-player. En die is inmiddels op bijna iedere computer aanwezig.

Met deze workshop integreer je een mp-3 speler in je websites. Kan je bezoeker zijn eigen muziek kiezen. Hier vind je alle benodigde informatie om de workshop te kunnen maken, indien je niet over Publish 3 2009 beschikt kan je hem hier bestellen.

Download Adobe Flex Builder 3

Broncode van MuziekLijst.xml

Broncode van main.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  	creationComplete="LeesMuzieklijst.send()" 	height="434" width="488" borderStyle="solid"  	borderThickness="4" borderColor="#F8FB03"  	backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FDFDFD, #FC0303]"  	horizontalAlign="center" viewSourceURL="srcview/index.html">  <mx:Script> 	<![CDATA[ 		import mx.rpc.events.ResultEvent; 		 		import flash.media.*;         import flash.net.URLRequest;                      private var geluid:Sound;         private var kanaal:SoundChannel; 		 		[Bindable] 		public var dp:XML;			 		         public function MuziekOpgehaaldResult(event:ResultEvent):void         {            	dp = event.result as XML;         }                  public function SpeelMuziek():void         {         	// Indien er al muziek speelt stop deze                 StopMuziek();                                  var request:URLRequest = new URLRequest(MuziekDatagrid.selectedItem.Locatie);                 geluid = new Sound(); 				geluid.load(request);                 kanaal = geluid.play();         } 		 		public function StopMuziek():void 		{ 			 // Stop het kanaal maar alleen als het bestaat                 if ( kanaal != null ) kanaal.stop(); 		} 	]]> </mx:Script>	 	 	<mx:HTTPService id="LeesMuzieklijst" 	url="http://www.publish.nl/mp3/MuziekLijst.xml" 	result="MuziekOpgehaaldResult(event)" 	resultFormat="e4x"/> 	 	<mx:Image x="31.5" y="10" width="438.5" height="139" id="Logo" source="Logo/PublishLogotrans.png" scaleContent="true" autoLoad="true"/> 	<mx:DataGrid x="31" y="157" width="439" id="MuziekDatagrid" dataProvider="{dp.Title}" selectedIndex="0"> 		<mx:columns> 			<mx:DataGridColumn id="Artist" 						width="100"                         dataField="Artiest"                         headerText="Artist:" />                 <mx:DataGridColumn id="Song"                         dataField="Nummer"                         headerText="Song:" /> 		</mx:columns> 	</mx:DataGrid> 	<mx:HBox x="31" y="331" width="439" height="35" horizontalAlign="center" verticalAlign="middle" horizontalGap="20"> 		<mx:Button label="Play" width="100" height="35" id="ButtonPlay" click="SpeelMuziek()"/> 		<mx:Button label="Stop" width="100" height="35" id="ButtonStop" click="StopMuziek()"/> 	</mx:HBox> 	 </mx:Application>

Meer informatie over de muziek:

'I Drive On', door artiest Lukas Batteau
www.rnrlive.com
www.myspace.com/rnrlive

'Under your sheets', door artiest Allard Detiger
www.dollygrip.nl
www.myspace.com/dollygripband

Terug naar Workshops Vorige Workshop Volgende Workshop

Stuur door Afdrukken Twitter dit artikel Deel op facebook Mail de redactie