It was really great to see how Playr popped up on different blogs; Sometimes mentioned as part of a project/experiment, sometimes mentioned in lists of handy AS3 classes. That really made me happy and it inspired me to add even more features, and make it even more useful. But those are to yet to be built

For now I just fixed a few bugs and I added a pretty important feature which wasn’t there yet: the debug property. Set debug to true and Playr will trace any errors that occur without breaking your app, without you having to listen to these errorEvents.

I also changed the shuffle internals (I still wonder what I was thinking when I wrote a ’setShuffle’ instead of simple getters/setters…) and as far as I know: Nothing seems broken after updating old projects using Playr to the new Playr version (but I’ve been wrong before…).

And the last thing I want to mention: I changed the way Playr handles stream errors. The old version would just skip the track, and try again later. However I think the new implementation is better: The ‘broken’ track just gets removed from the playlist before proceeding to the next track.

So there you go: It’s online, it’s free, it’s open-source, it’s for you to use and save time!
(And it’s created by me, so you’ll probably find bugs sooner or later: Do tell me about them and I’ll look into fixing them )

Happy playing!

Playr Site: Playr.noCreativity.com
Download Playr: Click
Playr Documentation: Playr.noCreativity.com/docs

I’m very happy to finally release this. A lot of people helped me test it and gave me feedback.
That helped me a lot, and changed a lot of features. Special thanks to all of you!

I’ve put up a dedicated site for Playr where all of the information, code examples, downloads are gathered.
Head over there to read more about it!

More info:
Playr site: Click
Download Playr 2.0: Click
Playr 2.0 documentation: Click

Today I found some time to mess around with bitmapdata and computeSpectrum again. I’ve been playing with this earlier, but didn’t quite get where I wanted to be. A few weeks ago I came up with a better way of rendering the soundTunnel. That resulted in some crazy cool shit, which I finished off today.

I won’t go into technical details here (yet). I just wanted you guys to see the result.

Demo

Click here
And just to make sure it is actually reacting to the sound, try the following links too

• Song 1: Click
• Song 2: Click
• Song 3: Click (default)
  
• Song 4: Click
• Song 5: Click

Controls

• F: Go full screen
• S: Freeze visualization
• Click: Change color (happens automatically too)

Screenshots

Deze versie is volledig object oriented geschreven, en is vanaf nu PHP5-only.
Deze nieuwe versie kun je hier downloaden.

Thx Ward!

Ik heb hier al vaker aan gedacht, maar altijd de hoop opgegeven als ik moest denken aan de ID3 tags… Ik ben geen PHP guru, waardoor ik nooit echt heb beginnen zoeken.
Nu heb ik mij vandaag toch opeens afgevraagd of er nog geen ID3 support in PHP zit…
Daar heb ik in feite geen antwoord op gevonden, maar ik heb wel gevonden wat ik zocht: Een open-source project waarmee de ID3 tags van MP3 bestanden (en meer) kunnen gelezen en gebruikt worden, namelijk getID3.

Sinds dit het moeilijkste van het hele automatiseren was kon ik meteen aan de slag. Ik ben echt positief verrast over hoe simpel getID3 in te zetten is, en hoeveel informatie daarmee op te halen was.

Om een lang verhaal kort te maken heb ik dus nu een geautomatiseerde versie van de playlist.xml gebouwd.
Het leuke is dat je nu zelf de lengte van de track niet meer moet uitrekenen (wat op zich het meest storende van het hele playlist.xml gebeuren was). En natuurlijk: Nooit meer playlists updaten!

PlayrDiscovr

Download

Gebruik

Gewoon PlayrDiscovr unzippen, en de inhoud van de map uploaden naar je server.
De MP3 bestanden komen in de ‘music’ folder te staan.
In Flash moet je nog even de URL naar je playlist aanpassen van ‘playlist.xml’ naar ‘playlist.php’, en je bent klaar. Nooit meer playlists updaten!
PlayrDiscovr haalt alle info over de tracks op vanuit de ID3v2 tag. Als deze dus in orde is, is zijn je playlists automatisch aangepast, vanaf dat je een liedje op de server hebt upgeload.

Veel plezier!

Op het moment van schrijven ben ik zo goed als klaar met de nieuwste versie van Playr, de Actionscript musicplayer class. Ik moet nog even kijken of ik geen domme fouten heb, en nog wat schoonheidsfouten opruimen. Eens ik daarmee klaar ben, zal ik deze versie releasen.

Relatief veel mensen hebben deze klasse gebruikt, velen zonder problemen, sommigen met.
Nu is mijn vraag:

Wat heb ik vergeten in de vorige versie? Wat willen jullie er nog meer bij?

Als er voorstellen zijn die bij Playr aansluiten zou ik deze met plezier verwezenlijken.
Alvast bedankt voor jullie tijd

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.

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

Maximaal

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

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.

Ik heb zonet de nieuwe documentatie van de MusicPlayer class geüpload.

Deze kun je hier vinden.

Veel plezier/succes ermee. Aarzel niet om een vraag of een opmerking te posten. Ik sta open voor ideeën, toevoegingen, aanpassingen, liefdesbrieven, donaties, en contracten

Na lang wachten heb ik vandaag eindelijk al mijn ditjes en datjes in mijn MusicPlayer class kunnen afwerken.

De player beschikt nu over de volgende properties:

• Autoplay
• Playlist laden (XML)
• De buttonacties instellen
• 2 progress events (Vooruitgang van inladen van de track, alsook de vooruitgang van de track zelf)
• Enkele track inladen
• Repeat
• ID3 ondersteuning

Wat nog op het programma staat:

• Shuffle
• Visualisatie module

Er zijn een aantal wijzigingen in de class gebeurd, waardoor je waarschijnlijk je code zult moeten aanpassen in je huidige projecten. Zo is de import regel iets gewijzigd, gezien de MusicPlayer class zijn eigen events nodig heeft (PlayerEvents). Ik heb de hiërarchie dan ook ietje gewijzigd zodat je geen meerdere imports moet uitvoeren.

De code ziet er voortaan zo uit:

In het bovenstaande voorbeeld is ook de ID3SourceEnabled gebruikt: deze boolean laat je kiezen of je de ID3tag van je MP3 bestanden wilt gebruiken als bron voor de artist, album en trackName eigenschappen. Als je deze waarde op true zet wordt de artist, album en title tag uit je XML bestand genegeerd, en kun je je XML bestand dus gewoon korter maken. Zet je dit op false wordt je XML bestand als bron van deze eigenschappen gebruikt. Dus als je ID3tags niet naar behoren zijn ingevuld is dit een secundaire oplossing.

Ook de XML heeft een kleine wijziging ondergaan: Er is een nieuwe tag bijgekomen (totalTime): de totale tijd (in seconden) die het betreffende liedje duurt. Dus in geval van een track van 3 minuten en 28 seconden komt dat op 208 (3*60+28) uit. Deze waarde moet handmatig ingegeven worden. Het kan ook via ID3tag maar is precies omslachtig… Als iemand de gouden tip heeft is dit welkom.

Download:

De huidige versie kun je hier downloaden.
Een voorbeeld hoe de XML er moet uitzien staat hier.
Een voorbeeld kun je hier downloaden.
De documentatie heb ik nog niet geupdate, maar dat komt er zo snel mogelijk aan.

Ik release de MusicPlayer class en de PlayerEvent 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.

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.

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

-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