Outil de génération d'un site web à partir d'une bibliothèque musicale

logan

Bonjour !

J'ai modestement écrit un programme qui génère un site internet en HTML/CSS3 avec un lecteur audio HTML5 à partir d'un répertoire contenant des fichiers audio.

Ce programme peut servir à mettre en forme une discographie ou une bibliothèque musicale, soit pour un usage en local (pas de serveur PHP, MySQL..etc), soit pour une mise en ligne sur un site internet (par exemple pour donner un accès à des archives musicales).

Vous pouvez tester une version préliminaire ici :

https://sites.google.com/site/media2html/

Bonne continuation !

soja

bien cool, je le prend!

merci à toi!

logan

Ah merci pour le soutien Soja !

J'ai fait une mise à jour :

- possibilité de générer un zip par répertoire avec tous les fichiers image, audio et video, ce qui permet un téléchargement plus direct (pratique dans le cas d'un album par exemple)

- possibilité d'ajouter des liens vers des sites ou des réseaux sociaux

- support de Google Analytics


Pour tester, c'est toujours ici :

https://sites.google.com/site/media2html

exorde

Salut,

Je regarde cela ce week-end et te ferais ub retour.

Jsute une question, est ce que ca prend en copte les infos des tags des fichiers?

logan

Salut,

Pour l'instant, et pour des raisons de simplicité, cela prend uniquement en compte les ID3Tag v1.  A terme il est prévu de supporter les autres formats.

Le but est de de rester portable sur tous les unix. La programmation est donc en bash et ne fait pas appel - dans la mesure du possible - à des librairies ou des programmes externes.

shangril

Yeah

logan

Bon alors finalement j'ai utilisé ce fantastique programme Perl, ExifTool, qui a le bon goût de lire les tags d'une multitude de formats de fichier et d'être facilement installable sur Mac et les Linux.

http://www.sno.phy.queensu.ca/~phil/exiftool/

Donc les tags sont pris en compte !

shangril

Salut, 

J'ai testé un peu, il y a peu. 

Aucun problème particulier. J'ai testé pour une archive de fichiers graphiques, c'est sympa. Je me suis contenter d'ajouter des .txt pour diverses infos genre licences et crédits, ça a été beaucoup, beaucoup plus long de rassembler les images que de générer puis publier le site, y compris avec un petit "style" crée pour l'occasion en modifiant un peu le style "yellow" fourni avec le soft. 

J'ai aussi testé pour de l'audio, sur 265 morceaux tous dans le même répertoire, à priori exiftool a du mal avec les ID3 Frames incohérentes mais sinon tout s'est bien passé. 

Les deux sites générés sont en ligne, plus d'info ici : http://forum.dogmazic.net/index.php?p=/discussion/7128/votre-correspondant-va-prendre-votre-appel-en-attendant-voici-un-peu-de-musique-d039ascenceur#Item_1

Merci Logan, ce soft m'a donné quelques idées d'utilisation de ce soft... T'es un vrai hacker. 

Nico

logan

Merci Shangril pour ta review !

J'ai ajouté la possibilité de sortir la liste des fichiers qui ont été générés par l'outil (pour ceux qui veulent faire un script d'upload sur un ftp, ou tout simplement du nettoyage)

Dans la prochaine version je vais améliorer la gestion des tags, notamment avec l'extraction des images contenues dans les fichiers.

shangril

De rien, étant donné que ce soft fait exactement ce que j'aurais voulu que certains softs que j'aurais bien aimé pouvoir coder de façon à ce qu'ils soient utilisables fassent, je pense qu'un retour rapide à son propos est bien le minimum. 

logan

Salut !

J'ai ajouté :
- génération de playlists au format XSPF
http://www.xspf.org/
- structuration des informations en Schema Microdonnées pour les moteurs de recherche
http://schema.org/
- intégration du Facebook Like Box widget

Par ici : https://sites.google.com/site/media2html/

shangril

Yeah ! Schema ! j'ai découvert ce truc il y a très peu de temps en discutant sur le "tchat" (pas roulette, hein, IRC)... Il y a un lien quelque part pour y accéder (au tchat... Mince, je sais qu'il faut vivre avec son temps, mais c'est difficile d'écrire un "mot" pareil... "Tchat"... Et pourquoi pas "Pipeul" ? ) si certain ou certaines veulent venir gagner du temps. 

Schema c'est coooool ! j'étais anéantis d'avoir passé tant de temps à bricoler autour des API JSON alors que tout était exposé, pour Dogmazic, avec un système similaire... Dont le nom m'échappe actuellement. Peut-être même était-ce Schema, mais je ne suis pas sûr... Car en fait je ne connais pas Schema et j'ai simplément déduit ce que ce peut être. 

En tout cas, c'est cool, Logan. Je re-re-regarderais à l'occasion, euh, si Dieu me prête vie, on va dire. 

Ah, et, ouais, Shangri-l's back, une fois de plus (une fois de trop ? ) je viens de re-remettre la main sur mon mot de passe, mais j'ai dû ouvrir une enveloppe scéllée que j'avais conçue pour être étanche. Enfin, bon, on a rien sans rien. La saison des crue est derrière nous, il me semble. Je parie, pour la suite, sur été caniculaire, insectes à gogo, voire sauterelles d'Afrique pour récolter le blé à notre place. Il y a des parieurs ? Ah, et bien sûr, une compil et une V3, mais ici je ne trouverai pas de preneur contre moi à une cote intéressante. 

Bon juin tout le monde. Et pas un juin 40, j'espère...

N.

logan

Salut !

Quelques nouvelles de ce petit projet.
https://sites.google.com/site/media2html/

J'ai ajouté la possibilité d'utiliser différents lecteurs audio en ligne. Voici la sélection :

Codebasehero
http://www.codebasehero.com/2011/07/html5-music-player-updated/

Dewplayer
http://www.alsacreations.fr/dewplayer.html

Xspf Player
http://sourceforge.net/projects/musicplayer/

Si vous avez d'autres suggestions, n'hésitez pas. jPlayer reste tout de même fort sympathique car il supporte un paquet de formats audio et vidéo, le tout en html5.

Il est aussi possible d'ajouter des liens symboliques vers des fichiers, répertoires ou autres URL (par exemple pour faire un répertoire avec une sélection d'albums).

Voilà, A+

logan

Salut !

Le projet avance, les principales nouveautés :

- ajout d'un mode highlight sur un fichier en particulier, spécifié en paramètre dans l'URL, pour faciliter le partage. Une fenêtre spéciale contient la description du fichier et un lecteur compatible (flash/dewplayer pour les fichiers mp3 et la balise html5/audio sinon). Par exemple pour filer le lien vers le morceau "Green Flux" :

http://www.dataspirit.org/snd/production/index.html?file=Logan_Dataspirit-Green_Flux.mp3

- support du moteur de recherche Google (custom search engine)

- ajout du widget soundcloud

- possibilité de ne pas afficher de lecteur de playlist ou encore de désactiver la sortie html pour ne sortir que du xspf par exemple

A+

logan

Et tu craques Shangril

adiffuser

Waouh ça a l'air absolument génial !

Pas de php, mysql et compagnie... du coup ça pourrait le faire pour une LibrayBox ! Vivement que je trouve un peu de temps libre pour tester ça...

Shnagrrrl

Ah yes, c'est ça d'avoir colmaté les craquetages des scripts kiddies qui incrustaient les pubs, à coup de patch non testés et sans accès au code source du site... À fore ce contre-craquer le vieux Dogma V2 à bout de souffle... Ben c'est moi qui, à bout de souflle, craque

Bonne continuation pour le media2html, je m'en suis encore servi il y a peu pour monter un serveur intranet minimal là ou je suis actuellement, sur simple liaison wifi locale. C'est vraiment sympa. J'ai juste survolé les dernières news. Mon rève c'est de voir si mon hébergement clewn.org me laisserait faire du bash via crontab en installant le script et le perl qui lit le metadata, pour une génération journalière d'un site à base de fichiers uploadés, j'aurais un site de musique ouvert (j'ai de l'illimité en stockage, mais 128 mo par fichier maximum) à peu de frais... Enfin, à peu de temps passé à coder. 

Je te propose au nom des habituels, mais sans leur assentiment (Capitaine Pierre, Bugey Libre, VIF/Nord Isère à Roulettte, les Crypto-mouvmements des terres froides (salut l'Emigrant) pour une citation à l'ordre du corps d'armée. 

Seconde Classe Shangril, 20 Juillet 2013

logan

En effet, ce script peut être utilisé coté serveur, périodiquement ou à chaque upload d'un fichier effectué en ligne par une interface ftp ou php par exemple.