Cette extension de site est disponible en open source et est déployé sur GitLab, pour consulter le code, voir ici ; pour consulter l'outil en ligne, allez ici.

README

Plot

Un visualiseur audio minimaliste et sombre directement dans le navigateur, avec lecture de fichiers locaux, de liens audio directs et de webradios, plusieurs modes de rendu Canvas personnalisables, et une confidentialité totale : rien n’est envoyé sur un serveur.

Fonctionnalités

• Sources audio multiples : fichiers locaux (glisser-déposer, sélecteur de fichier ou de dossier), liens audio directs (.mp3, .ogg…), import de liens, sélection rapide de webradios libres, politiques et alternatives (Radio Libertaire, Radio Canut, FIP, TSF Jazz, etc.) avec résolution automatique des noms dans la liste de lecture, et entrée micro en temps réel.
• Liste de lecture avancée : réorganisation par glisser-déposer ou par flèches, lecture des tags ID3 des fichiers locaux (titre, artiste, pochette), répétition (liste/piste), lecture aléatoire.
• Sauvegarde locale : les liens ajoutés à la playlist (radios et URLs) sont conservés d’une session à l’autre via localStorage. Les fichiers locaux, eux, doivent être réimportés à chaque visite — limitation du navigateur, pas un choix.
• Modes de rendu Canvas : Spectre, Spectre centré, Onde, Matrice LED, Anneau radial, Tunnel d’étoiles, Onde circulaire, Ville isométrique (3D), Mégapole périphérique, Grille synthwave — avec deux couleurs entièrement personnalisables.
• Léger et sans serveur : fonctionne entièrement en HTML5, CSS et JavaScript pur, sans build ni framework, intégrant des icônes SVG personnalisées pour une interface soignée.

Structure du projet

Le projet est organisé de la manière suivante :

.
├── index.html      # Structure principale et interface utilisateur
├── script.js       # Web Audio API, Canvas, playlist et logique de l'application
├── style.css       # Styles CSS responsives
├── assets/
│   └── icons/      # Icônes SVG personnalisées (radio, link, list, notes...)
├── favicon.svg
├── LICENSE
├── .gitignore
└── .gitlab-ci.yml

Dépendance

jsmediatags : bibliothèque JavaScript pour lire les tags ID3 (titre, artiste, pochette) des fichiers audio locaux côté client (chargée via CDN).

Limitations connues

YouTube et les services équivalents (Spotify, SoundCloud, etc.) ne sont pas supportés : leurs flux ne sont pas des fichiers audio directs, n’exposent pas les en-têtes CORS nécessaires au Web Audio API, et leur extraction poserait un problème de droits (officieusement, officiellement je n’ai pas encore réussi)

Licence

Ce projet est distribué sous licence MIT.

Dernière mise-à-jour : 22 septembre 2026