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 a plein d'options de personnalisations, et permet notamment aux artistes de choisir des images qui s'afficheront pendant l'écoute, pour pouvoir s'immerger un peu plus dans le projet !

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-ci ou celui-là.

« Ce dont nous avons besoin n'est pas de former un continent, mais d'archipéliser des îlots de résistance. Édouard Glissant [...] écrivait aussi à propos du rhizome : « La racine unique est celle qui tue autour d'elle alors que le rhizome est la racine qui s'étend à la rencontre d'autres racines. »
Nous avons besoin de ce rhizome, de cet archipel. Nous avons besoin d'îlots organisés et unis par une stratégie et un but commun. Or cette appartenance à un même ensemble, qu'on le qualifie de classe sociale, d'espèce humaine ou de monde vivant, cet intérêt général est aujourd'hui brutalement réactivé autour d'un enjeu universel à préserver les conditions de vie sur Terre. Cela ne se fera pas sans une vision à la fois systémique et archipélique des combats à mener. C'est ce double principe qui devrait aujourd'hui guider toute réflexion politique sensée. »

Fonctionnalités futures ? (roadmap)

Fonctionnalités prévues, ou que j'aimerais bien implémenter dans le futur. N'hésitez pas à me contacter si vous avez d'autres idées, ou même mieux si vous avez envie de m'aider à les réaliser !

▒ rajouter des polices au choix (une monospace façon code notamment). D'autres idées ?

▒ marquee scrolling pour les titres des sons dans le player en bas

▒ sur Spore, possibilité d'ajouter des vidéos au canvas ThreeJS (avec videotexture ?)

▒ pouvoir avancer la barre de progression des morceaux en draggant, pas juste au clic

▒ une section « Nouveautés » sur la page d'accueil pour mettre en avant les dernières infos/sorties. Réfléchir à la forme que ça prendrait, plutôt comme un blog avec tous les posts listés chronologiquement ou juste un encart à modifier à chaque fois ?

Outils utilisés :

▒ AmplitudeJS et leur documentation ultra pratique pour toute la partie audio

▒ ThreeJS et leur exemple de canvas 3D (un peu remanié et fusionné avec OrbitControls) : nuage d'images sur Spore

▒ 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