Monthly Archive for September, 2007

Open-source MP3 Player Class: MusicPlayer

Update: Er is een nieuwe versie van deze klasse die je hier kan vinden. De download van deze versie heb ik verwijderd om die reden.

Update 2: De MusicPlayer class is uit beta, en is nu gekend als Playr. Lees er meer over, en download de nieuwe class hier.

Ik heb zonet mijn eerste Actionscript 3 experiment afgewerkt.
Het resultaat is een musicplayer class die iedereen voor z’n eigen doeleinden mag gebruiken.
Voor mij was het een leuke en uitgebreide oefening, maar gezien ik niet meer verder zal werken aan de Actionscript 2 versie van de musicplayer lijkt dit me een mooi vervolg.

Wat Actionscript 3 zelf betreft: Ik ben er helemaal van onder de indruk. Even aanpassen, maar eens ik het door had was het erg makkelijk om over te schakelen.

Ik heb de class gebouwd met het oog op simpel bij gebruik. De uiteindelijke gebruiker van de class moet zo weinig mogelijk zelf doen. Dat is me ook gelukt.

Je kunt gebruik maken van een XML bestand om je playlist op te maken: Voorbeeld

Voorbeeld 1:
Erg minimaal gebruik van de class.

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

Voorbeeld 2:
Gebruik van de buttonhandlers, repeat eigenschap, en volume door middel van de class.

import com.nocreativity.playr.*;
var myPlayer:Playr = new Playr();
myPlayer.autoPlay=true;
myPlayer.repeat = true;
myPlayer.volume = 100;
myPlayer.loadPlaylist("playlist.xml");
myPlayer.registerPlayButton(btnPlay);
myPlayer.registerStopButton(btnStop);
myPlayer.registerPauseButton(btnPause);
myPlayer.registerNextButton(btnNext);
myPlayer.registerPreviousButton(btnPrevious);
myPlayer.registerMuteButton(btnMute);

-Nieuwe versie hier te vinden-

Indien je vragen, opmerkingen, suggesties hebt: Aarzel niet om ze hier te stellen!
Ontdek je bugs, of zijn er onvolmaaktheden? Post ze hier!
Gelijk welke reden dan ook: laat me iets weten.

Indien je mijn class gebruikt, laat me iets weten zodat ik een idee heb of jullie er iets aan hebben!

Veel succes en plezier ermee :)

Tutorial: Transparante Flash en HTML

Naar aanleiding van heel wat hits op mijn site, en enkele emails om uit te leggen hoe ik het transparante pixel-teken effect op mijn portfolio-site heb gemaakt, heb ik besloten om even een korte tutorial te schrijven hiervoor.

Om de tut te volgen heb je alleen een text-editor nodig (Notepad is al genoeg. Ik gebruik Dreamweaver ;)). Een Flashmovie kun je tijdens de tutorial zelf downloaden.

Basis kennis van HTML en ‘weten wat de Canvas in Flash is’ is vereist. ;)

bbCode-like Syntax Highlighter V0.1

Update: Deze plugin is geüpdate. De nieuwste versie staat hier.

Ik heb zonet mijn allereerste versie van mijn eigen code highlighter geschreven voor Wordpress.
Tijdens het maken daarvan heb ik me gebaseerd op de GeSHi class, een open-source class die het zwaarste deel van het werk van me overneemt. :)

Deze plugin voor Wordpress is dan wel geen top innovatie, maar maakt het ‘code highlighten’ voor de mensen die de visual editor liever gebruiken, een stuk makkelijker.
Deze versie is nog niet helemaal af zoals ik dat wil, maar dat is natuurlijk altijd zo. Gaan we gewoon even ‘beta’ op plakken denk ik :)

Download V0.1:

Klik hier!

Mijn eigen Code Highlighter plugin voor WordPress

Ik ben al een eindje op zoek naar een goede code highlighter, als plugin voor Wordpress.

Ik heb er enkele gevonden, maar veelal moet je van visual editor, naar code editor wisselen om je code in te voeren, en aan te duiden welke stukken tekst je als code wilt laten renderen.
Niet bepaald wat voor mij als ‘ideale workflow’ van toepassing is.

Je voelt het al aankomen: Ik ga mijn eigen wordpress plugin schrijven om code te highlighten.
Het plan om dit makkelijk te maken is aan de hand van ‘bbCode‘.

Mensen met forum ervaring op developers boards zoals FlashFocus, vBulletin of ActionScript.org zullen ongetwijfeld tags als [as] , [html] of [php] herkennen. Het verschil met deze tags is dat je ze gewoon kan typen in je visual editor, en meteen erna je broncode kan invoeren. Bij andere code highlighters moet je van visual naar code wisselen. Vandaar mijn eigen versie van code highlighting.

Tijdens het zoeken op internet naar een dergelijke plugin ben ik wel op een plugin gestoten die dat kan, maar deze was niet meer compatibel met de huidige versie van Wordpress: Pech hebben.

Binnenkort zal ik mijn allereerste zelf geschreven Wordpress plugin releasen: ik kijk er echt naar uit!

Inline Posts en Categorieën (Powered by Aral Balkan)

Ik heb onlangs een testproject gestart dat waarschijnlijk binnen enkele weken mijn nieuwe site moet gaan voorstellen. Hiervoor had ik een optie nodig waardoor ik een pagina kon aanmaken waar ik meerdere posts in kon samenrapen, door middel van een centrale ‘tag’ zeg maar.

Spontaan dacht ik aan categorieën, maar dan krijg je meteen die vervelende ‘/category/’ in je URL. Dat vond ik niet bepaald aantrekkelijk. Verder wou ik zelf ook nog wat tekst als inleiding op de inhoud erbij hebben. Dat kan je niet doen via de WP-Admin (wat voor mij juist belangrijk is om redenen als useability).

Ik ging dus op zoek naar een plugin voor Wordpress (waar ik mijn project op baseer). Ik wist al van Aral Balkan’s plugin voor inline posts af, maar ik wist niet echt of dit mijn probleem uit de wereld kon helpen. Je raadt het al. Dat lukte niet hoe ik wou. Ik heb dan Aral’s plugin maar bijgewerkt zodat hij deed wat ik wou.

Het leuke is dat de plugin nog altijd zoals ervoor werkt, en hij nu ook categorieën kan includen in één en dezelfde post of pagina!
Alle gekheid op een stokje kan deze plugin nu de meest zeldzame combinaties in 1 post of pagina aan:

  • Meerdere posts in 1 post of pagina
  • Een categorie van posts in een post of pagina
  • Een post en een categorie van posts in een post of pagina
  • Meerdere categorieën in een posts of pagina
  • Zo kan ik wel nog even doorgaan :)

Thanks to Aral for providing me with the initial step I needed to make this work!

Download:

Klik hier!