{"id":78,"date":"2017-01-28T22:30:06","date_gmt":"2017-01-28T22:30:06","guid":{"rendered":"https:\/\/adrien-v.pul-lup.fr\/wpav\/?page_id=78"},"modified":"2020-06-29T11:46:57","modified_gmt":"2020-06-29T11:46:57","slug":"pul-lup-lhistoire","status":"publish","type":"page","link":"https:\/\/adrien-v.com\/?page_id=78&lang=fr","title":{"rendered":"Pul-luP, l’histoire"},"content":{"rendered":"

J’ai toujours aim\u00e9 \u00e9couter, faire, et faire \u00e9couter de la musique, c’est l’histoire de Pul-luP<\/a>.<\/p><\/blockquote>\n

<\/h1>\n

Version 0 : La web radio<\/h1>\n

Je commence en 2005 \u00e0 diffuser sur mon ordinateur personnel; \u00e7a passe, mon ami peut entendre ce que je veux lui faire \u00e9couter. Les essais avec un public un peu plus important ont vite impos\u00e9 la location d’un serveur avec une bonne bande passante sortante.<\/p>\n

Le nom Pul-luP \u00e9tait alors associ\u00e9 \u00e0 cette web radio \u00e9ph\u00e9m\u00e8re, qui a servi pour diffuser des mixes live en streaming sur le web et en parall\u00e8le pour des \u00e9v\u00e8nements publics associ\u00e9s dans un monde virtuel.<\/p>\n

\"pul-lup_v1\"<\/a><\/p>\n

Version 1 : Garder une trace<\/h1>\n

Certains des audios d’\u00e9v\u00e8nements “live” de la web-radio ont \u00e9t\u00e9 retravaill\u00e9s et il s’est vite impos\u00e9 l’envie de pouvoir les rendre accessibles “\u00e0 la demande” et c’est ainsi qu’est n\u00e9 le premier concept de pul-lup.com<\/a>, au d\u00e9part essentiellement des listings d’audios, visualisables par style. Puis la phase de d\u00e9veloppement objet de la partie base de donn\u00e9es ont finalis\u00e9 la premi\u00e8re version du site.<\/p>\n

J’ai \u00e0 l’occasion mis au point des cha\u00eenes d’analyse et de visualisation des donn\u00e9es d’\u00e9coute de la radio pour en extraire des cartes.<\/p>\n

\"pullup_mapsGooglePointListenAnalysis\"<\/a><\/p>\n

Version 2 : Organiser son \u00e9coute<\/h1>\n

Mais comment fait-on pour \u00e9couter une “chanson” au hasard ?
\n et pour mettre en boucle ?
\n et pour enchainer celle l\u00e0 et puis celle l\u00e0…?<\/p>\n

Oui oui c’est en pr\u00e9-d\u00e9veloppement …<\/p><\/blockquote>\n

Pour la version 2 en 2011, c’est donc l’heure de la gestion de playlist, la construire depuis le site et naviguer dedans (suivant, pr\u00e9c\u00e9dent, retour au d\u00e9but…).<\/p>\n

C’est aussi le moment de rendre le site dynamique (ajax) pour g\u00e9rer la continuit\u00e9 de service de la lecture audio malgr\u00e9 la navigation de l’utilisateur dans le contenu “visuel”.<\/p>\n

\"pul-lup<\/a><\/p>\n

<\/h2>\n

Version 3 : Ouf ! Des normes !<\/h2>\n

En 2014, tous les grands navigateurs commencent \u00e0 bien g\u00e9rer la balise <audio><\/a> de html5<\/a>, je peux donc enfin lever ce boulet originel de la d\u00e9pendance au flash pour la lecture audio et re-construire int\u00e9gralement les aspects de lectures autour de cette norme.<\/p>\n

J’en profite pour entamer une r\u00e9flexion et un d\u00e9veloppement autours de l’aspect “responsive” du site (media queries<\/a>)<\/p>\n

\"pul-lup_v3_c\"<\/a><\/p>\n

Version 4 : L’annotation au service de la navigation<\/h1>\n

\"pul-lup_v4\"<\/a><\/p>\n

Deux grandes nouvelles fonctionnalit\u00e9s pour cette nouvelle version sortie en d\u00e9cembre 2014 :<\/p>\n