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

Nog geen abonnement op Publish? Klik hier.

Terug naar Workshops Vorige Workshop Volgende Workshop

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

Lees in Publish, magazine voor digitaal creatieven:

• Tips voor het designproces
• Verslagen van geteste soft- en hardware, websites en downloads
• Artikelen over o.a. grafische vormgeving, fonts en webdesign
• Boeiende workshops, columns en interviews
• Het laatste designnieuws en ontwerpen van collega's
• Reportages van evenementen
• En nog veel en veel meer

Nu verkrijgbaar

Zoeken

Publish Login

Gratis account aanvragen Wachtwoord vergeten?

Tabletcursus

De winnaar van de cursus tabletmagazines maken t.w.v. 795 euro is bekend gemaakt.

Kijk hier>>

Body Type

De winnaar van Body Type van Anthon Beeke is bekend.

Kijk hier>>