Preview

Download
Dual 1920 x 1200 | zip
Fullsize formaat (om zelf naar eigen voorkeur te kroppen)

Veel plezier

Door het succes van de voorbije jaren zal Multi-Mania dit jaar uit 4 tracks bestaan! De line-up is redelijk mind-blowing als je het mij vraagt, maar ik ben dan ook snel enthousiast.

Multi-Mania is gratis, maar registreren is verplicht. Dat zal dan ook kunnen vanaf 28 april.
Heb jij een kickass project gemaakt dat rijp is voor een stoere Multi-Mania award? Er zijn 4 open categorieën waar je je werk in kan zenden, en de greep naar de gewilde award kan wagen.

Er is ook een badge te downloaden op de Multi-Mania site. Ikzelf heb deze even in een simpele WordPress plugin gestoken zodat het implementeren in je sidebar wat sneller gaat. (Getest op WordPress 2.3.3 en 2.5)

1. Download de widget hier.
2. Unzip het bestand, en upload de ‘2M08-Attendee‘ map volledig naar je ‘wp-content/plugins/‘ map
3. Ga naar je WP-Admin, en activeer de plugin
4. Ga naar presentation > widgets waar je de 2M08 widget in je sidebar kan slepen.
5. Opslaan
6. Je bent klaar

Ikzelf zal aanwezig zijn. Zul jij er zijn?

Ik heb gisteren de laatste wijzigingen aangebracht aan de vroegere MusicPlayer class. Zoals het er nu uitziet lijkt deze klasse af, voor een eerste ronde echt gebruik, keiharde feedback en vele suggesties.

Belangrijke wijzigingen zijn:

• Classnames, en package names zijn aangepast.
  • De klasse zelf heet nu Playr in plaats van MusicPlayer.
  • Package name is aangepast. com.noCreativity.MusicPlayer is nu com.nocreativity.playr (met dank aan Peter Elst voor de best practice tip )
• Shuffle mode toegevoegd
• Trackprogress kan nu ook opgevraagd worden
• Singletrack werkt nu volledig
• Bug ivm repeat weggewerkt

Wat doet Playr?

Playr is een Flash Actionscript 3 klasse die het maken van een volwaardige music player in Flash/Flex/AIR reduceert tot enkele regels code. Of je nu maar 1 loop wilt laten spelen, of een volledige playlist wilt afspelen in Flash/Flex/AIR: Playr kan het sneller dan jij!

Playr kan je gebruiken om een enkele loop af te spelen, of voor volledige XML afspeellijsten te laten afspelen. Zowel shuffle als repeat zijn mogelijk. Ook de interactiviteit met de gebruiker kan snel worden toegevoegd.
De Playr class is ontworpen met snelheid en gemak voor ogen

Hoe gebruik ik Playr?

3 Korte voorbeelden hoe je de Playr class kunt inzetten.

Minimaal
Je wilt gewoon één track laten afspelen.

import com.nocreativity.playr.*;
var myPlayer:Playr = new Playr();
myPlayer.singleTrack = true;
myPlayer.loadTrack("music/myTrack.mp3");
myPlayer.play();

Minimaal
Je wilt een volledige playlist afspelen zonder interactie of weer te geven informatie.

import com.nocreativity.playr.*;
var myPlayer:Playr = new Playr();
myPlayer.autoPlay=true;
myPlayer.loadPlaylist("playlist.xml");

Maximaal

Je wilt een volwaardige music player maken, met alles erop en eraan.

import com.nocreativity.playr.*;
var myPlayer:Playr = new Playr();
myPlayer.autoPlay=true;
myPlayer.repeat = false;
myPlayer.volume = 100;
myPlayer.shuffle = true;
myPlayer.loadPlaylist("playlist.xml");
myPlayer.registerPlayButton(btnPlay);
myPlayer.registerStopButton(btnStop);
myPlayer.registerPauseButton(btnPause);
myPlayer.registerNextButton(btnNext);
myPlayer.registerPreviousButton(btnPrevious);
myPlayer.registerMuteButton(btnMute);
myPlayer.ID3SourceEnabled =true;
 
myPlayer.addEventListener(PlayrEvent.SONGINFO,infoHandler);
myPlayer.addEventListener(PlayrEvent.SONG_PROGRESS,songprogressHandler);
myPlayer.addEventListener(PlayrEvent.LOAD_PROGRESS,loadprogressHandler);
 
function songprogressHandler(e:PlayrEvent):void{
txtSongProgress.text = "Time elapsed: " +  myPlayer.trackProgress;
}
function loadprogressHandler(e:PlayrEvent):void{
txtLoadProgress.text = "Load progress: "; + e.loadprogress;
}
 
function infoHandler(e:PlayrEvent):void{
txtTrackInfo.text = myPlayer.artist + " - " + myPlayer.trackName;
if(myPlayer.album != ""){
txtTrackInfo.appendText(" ("+myPlayer.album+")");
}
txtTrackInfo.appendText(" | " + myPlayer.trackDuration);
}

Playlist.xml?

Hoe deze noemt maakt in feite niet echt veel uit, zolang de inhoud volgens deze structuur is.
Betekenis van de verschillende nodes:

• Artist: Naam van de artiest
• Title: Naam van het liedje
• TotalTime: Totale duur van het liedje in seconden
• Filename: bestandspad naar de af te spelen MP3 file. (absoluut of relatief).

Documentatie over Playr?

Deze is er en kun je hier vinden.

Download

Download de Playr class hier.

Feedback & Suggesties

Heb je vragen, of zijn er onduidelijkheden? Schiet maar raak, ik bijt niet!
Zijn er onvolmaaktheden, of heb je dat geniale extra dat deze klasse nog tekort heeft? Laat mij het weten, en ik zal er zeker naar kijken.
Gebruik je deze class en ben je er tevreden mee? Ik hoor het graag. Laat ook zien in welk(e) project(en) je de class inzet!

Veel plezier!

Ik release de Playr class en de PlayrEvent class onder de Creative Commons license. Dat wil zeggen dat je alles in deze classes mag aanpassen zolang je er een verwijzing naar de originele auteur ( ik dus ) in laat staan, en je deze classes met dezelfde rechten verder verdeeld.

Er waren enkele onvolmaaktheden (zoals de Copy-Paste bug waarbij de nummering van de HTML werd meegeplakt) die er nu ook uit zijn. Ik heb nog altijd geen menu ingebouwd waar je de CSS kan bepalen die de opmaak van de code regelt. Ik ben er ook over aan het denken om de hele GeSHi mogelijkheden in te bouwen, zodat je via de WP-admin heel wat opties zelf kunt bepalen.

Maar dat is dus voor een andere keer

Over de BB Syntax Highlighter
Deze plugin laat je toe om meer dan 50 programmeer- en scripttalen te hightlighten op een bbCode achtige manier. Deze plugin is gebaseerd op de GeSHi class: een open-source klasse die het toelaat om makkelijk aan code-hightlighting te doen. Zou met de meeste recente WordPress releases moeten werken. Ik heb alleen nog maar getest op mijn WordPress versie (2.3.1).

Download: Klik.

Installatie is nog altijd dezelfde:

1. Upload de ‘bbSyntaxHiglighter’ map naar je ‘wp-contents/plugins’ map op je server.
2. Ga naar je WP-Admin en login.
3. Ga naar het ‘Plugins’ menu, en activeer de nieuwe plugin.
4. Klaar.

Veel plezier ermee.