Després de mirar diferents opcions, passant per la de fer-lo jo mateix amb Flash, vaig acabar topant amb jPlayer, un plugin per a jQuery que permet muntar un reproductor amb retrocés a Flash on no pugui funcionar correctament.

Després de decantar-me per la opció del reproductor amb llista de cançons, he vist que aquest no té una cosa que m’agradaria molt fer servir: un comptador de reproduccions per a cada cançó, i que les llistes de reproducció són estàtiques. Així doncs, he decidit modificar-ho tot plegat per què funcioni bé.

Per generar llistes de reproducció dinàmicament tenim dues maneres: Generar-ho amb PHP sobre el codi HTML de la pàgina directament, o bé fer que el jPlayer vagi a buscar la informació en un altre arxiu, extern a l’HTML de la pàgina. Decideixo fer-ho amb la segona opció, per practicar una mica:

$.ajax({
                url: "playlist.json",
                dataType: "json",
                success: function( myPlayList ){

                //resta del codi

                }
});

On posa “resta del codi” haurem de posar tot el codi del jPlayer. L’arxiu playlist.json té el format següent:

[
        {"id":0,"name":"Tempered Song","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-01-Tempered-song.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-01-Tempered-song.ogg","plays":57},
        {"id":1,"name":"Hidden","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-02-Hidden.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-02-Hidden.ogg","plays":658},
        {"id":2,"name":"Lentement","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-03-Lentement.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-03-Lentement.ogg","plays":32},
        {"id":3,"name":"Lismore","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-04-Lismore.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-04-Lismore.ogg","plays":497},
        {"id":4,"name":"The Separation","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-05-The-separation.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-05-The-separation.ogg","plays":684},
        {"id":5,"name":"Beside Me","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-06-Beside-me.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-06-Beside-me.ogg","plays":1},
        {"id":6,"name":"Bubble","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-07-Bubble.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-07-Bubble.ogg","plays":9875},
        {"id":7,"name":"Stirring of a Fool","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-08-Stirring-of-a-fool.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-08-Stirring-of-a-fool.ogg","plays":45},
        {"id":8,"name":"Partir","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-09-Partir.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-09-Partir.ogg","plays":324},
        {"id":9,"name":"Thin Ice","mp3":"http://www.miaowmusic.com/audio/mp3/Miaow-10-Thin-ice.mp3","ogg":"http://www.miaowmusic.com/audio/ogg/Miaow-10-Thin-ice.ogg","plays":199}
    ]

El codi està tret directament de les demos del jPlayer. Per accedir al nom de la primera cançó, per exemple, farem servir myPlayList[0].name. Per cert, que l’arxiu playlist.json el podem crear amb PHP (playlist.php), guardar la informació en un array i mostrar-lo per pantalla amb la funció json_encode().

Pel comptador de reproduccions, la idea és senzilla: cada cop que fem clic al nom d’una cançó, aquesta es comença a reproduir. Per tant, es pot aprofitar aquest fet per fer que cada cop que cliquem a una cançó també s’actualitzi el comptador de reproduccions.

Per fer-ho, he creat una funció pròpia:

function updatePlayCount(playItem) {
	        var countURL = "playcount.php?id=" + myPlayList[playItem].id;
		$.post(countURL, {"id": myPlayList[playItem].id});
		alert(countURL);
        }

L’arxiu playcount.php conté el codi necessari per sumar 1 al comptador, ja sigui a través de la base de dades, a través d’arxius .txt… Això és el que menys importa. La qüestió és que funcioni.

Llavors, cridem aquesta funció cada cop que comenci una nova cançó:

function playListChange( index ) {
		playListConfig( index );
		$("#jquery_jplayer").jPlayer("play");
		updatePlayCount(playItem);
	}

Així, el codi funciona cada cop que passem la cançó, o s’acaba, però no funciona si fem Stop i Play. Per aconseguir-ho, cal afegir aquest trosset de codi:

$("#jplayer_play").click( function() {
		var config = $("#jquery_jplayer").data("jPlayer.config");
		if(config.diag.playedTime == 0) {
		        updatePlayCount(playItem);}
		return false;
	});

I en principi hauria de funcionar. Dubtes, errors, solucions més elegats o altres comentaris… als comentaris, valgui la repetició

PD: Porto uns dies escoltant les cançons de la demo i m’estan agradant força…

El programa, escrit amb el meu estimadíssim python, fa servir el notificador notify-osd per avisar-nos de quan Spotify canvia de cançó. És molt fàcil d’executar: de fet, només cal descarregar un arxiu, instal·lar unes llibreries i executar el programa:

python spotify-notify.py

Llavors buscarà a Last.fm el nom de l’artista i el títol de la cançó i n’obtindrà la portada del disc del primer resultat. Pot ser que no trobi cap portada, i llavors dóna un error, però l’avís es mostra igualment. Teniu captures de pantalla a la pàgina del projecte.

L’únic problema és que fa mig any que no s’actualitza i em dóna certs problemes, com dic, si no troba la portada de l’àlbum, però sempre es pot modificar el programa. Unes quantes idees:

• Si no troba la portada a Last.fm, fer servir l’API d’Spotify per aconseguir la URL d’Spotify de la cançó i agafar la portada de la pàgina de la cançó (per exemple, d’aquí)
• Aconseguir que el programa funcioni des que s’engegui l’ordinador o, almenys, des que s’engegui l’Spotify
• Fer una llista de les cançons més escoltades, o les recentment escoltades…
• La teva idea aquí

Com sempre, això del brainstorming pot arribar a ser molt llarg… Algú s’hi anima a provar-ho? Segur que no és gaire difícil

Que sigui tant fàcil que tothom el conegui sense necessitat d’estudiar-lo. Que les coses bones es puguin dir de moltes maneres i les dolentes només d’una. Que els verbs siguin més fàcils de conjugar en plural que en singular. Que enlloc de punts, les pauses es marquin amb somriures:) Que les mentides siguin faltes d’ortografia. Que les frases més sinceres s’hagin d’escriure en negreta. Que, com el dels sords, funcioni més amb gestos que amb paraules. I, sobretot, que l’imprescindible es pugui dir només amb la mirada.

Vist a siknus.cat

Per exemple, si estem a Python 3.0 podem cridar al mòdul antigravity:

 >>> import antigravity 

I se’ns obrirà una finestra a una tira còmica de XKCD (que, per cert, recomano moltíssim). Si no estem a Python 3.0, podem fer això:

>>>import webbrowser
>>>webbrowser.open("http://xkcd.com/353/")

I farà el mateix efecte.

Un altre seria fer:

>>> import this
The Zen of Python, by Tim Peters

Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
Readability counts.
Special cases aren't special enough to break the rules.
Although practicality beats purity.
Errors should never pass silently.
Unless explicitly silenced.
In the face of ambiguity, refuse the temptation to guess.
There should be one-- and preferably only one --obvious way to do it.
Although that way may not be obvious at first unless you're Dutch.
Now is better than never.
Although never is often better than *right* now.
If the implementation is hard to explain, it's a bad idea.
If the implementation is easy to explain, it may be a good idea.
Namespaces are one honking great idea -- let's do more of those!

Això ens dóna el codi Zen de Python A més, si ara fem print this.sens donarà el mateix codi Zen però amb les lletres de les paraules substituides per altres.

Un altre seria:

>>> import __hello__
Hello world...

I l’últim de tots és:

>>> from __future__ import braces
SyntaxError: not a chance (<pyshell#4>, line 1)