C'est quoi ce truc ?
HzMycelium c'est un outil destiné aux musicien·nes de la scène underground et indépendante, principalement rap !!!
Le but c'est de générer automatiquement un site web avec tous tes projets musicaux : une page d'accueil avec la présentation de l'artiste, et une page par album/single.
Ça fonctionne sans IA générative, avec seulement un script Python à télécharger qui va récupérer tous les fichiers depuis une arborescence de dossiers que tu crées sur ton PC. Après y'a plus qu'à héberger le site !
Le fonctionnement complet est expliqué dans la documentation, avec toutes les étapes pour utiliser l'outil, du téléchargement jusqu'à la mise en ligne du site !
Mais pour quoi faire ?
C'est vrai, pourquoi on s'embêterait à créer et héberger un site web si notre musique est déjà sur Spotify ?
Même si les nouvelles générations d'artistes dans cette scène sont de plus en plus politisées, elles gardent une utilisation par défaut des grosses plateformes comme Spotify, Deezer, Apple Music, Instagram, Tiktok, Youtube...
C'est un peu paradoxal : ces plateformes et réseaux menés par des entreprises de la Big Tech impliquent beaucoup de GROS problèmes, et je trouve ça dommage d'y poster nos sons et d'y communiquer sans prendre de recul (panique pas c'est normal : y'a tellement de problèmes partout que c'est peut-être pas la priorité absolue).
HzM va pas concurrencer ces plateformes (on va pas se mentir), j'essaie juste de nous rappeler, artistes et auditeur·ices, qu'on en est très dépendant·es certes, mais pas lié·es ni enchaîné·es à elles.
Publier/distribuer sa musique, donner une expérience d'écoute particulière, ça fait aussi partie du processus artistique.
En plus de tout ça, on oublie souvent que la présentation visuelle d'un album fait aussi partie de l'expérience, et de toute la direction artistique qui entoure le projet.
Sur les plateformes, l'interface ne laisse aucune place à la charte graphique de l'artiste, à part la pochette ! (voir ce mémoire qui en parle très bien, pas de pdf disponible malheureusement, ou alors j'ai pas trouvé).
Sur le web, on peut se lâcher et proposer des expériences d'écoute impossibles ailleurs. C'est pour ça que HzM permet aux artistes de choisir des images qui s'afficheront pendant l'écoute, pour pouvoir s'immerger un peu plus dans le projet ! (voir les fonctionnalités cools juste en bas)
Et pour toutes les personnes intéressé·es de près ou de loin au web indépendant, c'est pile dans le domaine du POSSE (Publish on your Own Site, Syndicate Elsewhere) que cet outil permet de se poser. C'est se réapproprier le web en dehors des énormes sites et plateformes, pour avoir son propre espace bien à soi, complètement autonome et hors de leur contrôle, leurs obligations, leurs algorithmes...
Y'a beaucoup beaucoup plus de choses à dire sur ce sujet mais ce serait trop long. De toute façon en fouillant un peu sur Internet on trouve vite des articles, des blogs etc qui en parlent mieux que moi. Ça vaut le coup de se renseigner !
Long story short, avoir un site web c'est HYPER COOL !! Regardez Death Grips, H Jeunecrack, ou plein d'autres sites comme celui-là
Fonctionnalités futures ? (roadmap)
Fonctionnalités prévues, ou que j'aimerais bien implémenter dans le futur.▒ webrings : mettre en place un dictionnaire dans la config artiste :
friend_links:
nom_artiste: lien_artiste
nom_artiste: lien_artiste
etc
▒ marquee scrolling pour les titres des sons dans le player en bass
▒ sur Spore, les images se mettent à tourner lentement si aucune interaction avec le canvas
▒ pouvoir avancer la barre de progression des morceaux en draggant, pas juste au clic
▒ sur Psilo, détecter transparence avec Opaque, si transparence = pas de border blanche
Outils utilisés :
▒ AmplitudeJS et leur documentation ultra pratique pour toute la partie audio
▒ Dessin ASCII des racines : MoebiusXBIN, avec la font newschool_font_hf par le groupe newschool
Les ressources, exemples et liens vers les librairies et forums dont je me suis servi sont aussi crédités en commentaires dans les fichiers HTML, CSS, JS, Python etc (quand j'ai pensé à le faire).
Polices utilisées :
▒ Wondertype par Clémence Fontaine
▒ Inter Semibold par Rasmus Andersson
▒ GNF par Nyt Rock
▒ La Machine Company par Woodcutter
▒ MBA Slice Mono par Maksym Baluiev
▒ Necto par Marco Condello pour les blocs de commandes dans la documentation
Merci beaucoup :
- À Julien Bidoret pour son aide immense sur toute la partie technique et ses conseils pendant toute la réalisation du projet
- À Vincent Meyer et Jean-Paul Labro pour leur écoute et leurs conseils, à Corentin Brûlé pour ses réponses à des questions techniques
- Aux gens qui font des tutoriels, qui rédigent des documentations, qui posent des questions et y répondent sur les forums
- Aux écoles d'art de nous fournir un cadre dans lequel on peut travailler 6 mois sur un projet comme celui-là en toute liberté, si j'avais dû faire ça à côté d'un job à plein temps j'en aurais jamais vu le bout