Aller au contenu
Unai.

Réalisations / Démix

Projet perso

Démix

Séparer la voix et l’instrumental d’un morceau, à 100 % dans le navigateur. Aucun fichier téléversé, rien ne quitte l’appareil.

2026Conçu, développé et déployé en soloEn ligne Voir en ligne →
Écran d’accueil de Démix : zone d’import d’un fichier audio et lancement de la séparation en un clic.
Capture réelle · On dépose un fichier audio, on lance la séparation en un clic.

L’origine

Tout est parti de mon père : il voulait retirer la voix d’une de ses anciennes chansons pour pouvoir la retravailler. Aucun outil ne faisait ça simplement, sans envoyer le fichier sur un serveur. Je l’ai construit pour lui d’abord, puis pour tout le monde.

Le problème

Isoler la voix ou l’instrumental d’un morceau est utile pour chanter, s’entraîner ou retravailler un titre. Les outils existants imposent presque tous d’envoyer son fichier sur un serveur, avec les questions de confidentialité et de coût que ça pose.

Ce qui a été construit

Une application web qui sépare la voix et l’instrumental entièrement sur l’appareil : import d’un fichier, lancement en un clic, progression honnête, écran de résultat où l’on écoute voix et instrumental côte à côte avant de les télécharger. Traduite en trois langues (français, anglais, basque, ce dernier relu par un locuteur natif), accessible au clavier et aux lecteurs d’écran, elle fonctionne hors connexion après le premier chargement.

Écran de traitement de Démix : progression de la séparation voix/instrumental, calcul effectué dans le navigateur.
Capture réelle · Le traitement tourne dans le navigateur, avec une progression honnête.
Écran de résultat de Démix : écoute comparée de la voix et de l’instrumental côte à côte, forme d’onde, avant téléchargement.
Capture réelle · On écoute voix et instrumental côte à côte avant de télécharger.

Ce qui le distingue

  • Confidentialité par conception : aucun fichier téléversé, tout reste sur l’appareil.
  • Sans serveur de calcul : l’IA s’exécute dans le navigateur, pas de coût d’infra à l’usage.
  • Trilingue à parité : français, anglais et basque (basque relu par un locuteur natif).
  • Accessible : navigation clavier, lecteurs d’écran, contrastes et cibles conformes.
  • Installable et hors-ligne : s’ajoute comme une application, fonctionne sans connexion après le premier chargement.

Faits de construction

Durée
Six jours, du cahier des charges à la mise en production (29 juin au 4 juillet 2026)
Documents de méthode
55, versionnés
Tests automatisés
162 au vert
Dépendances ajoutées
0
Correctifs après les validations humaines
0

Détails techniques

Type
Application web installable (PWA), 100 % côté client
Front
React, TypeScript, machine à états, système de design généré
Moteur IA
ONNX Runtime Web (WASM), Web Worker, isolation cross-origin (COOP/COEP)
Hébergement
Cloudflare Pages, Functions, KV
Langues
Français, anglais, basque
Rôle
Conception, architecture, développement, déploiement (solo)

La méthode

Portage d’un modèle d’IA de séparation audio pour qu’il tourne directement dans le navigateur, sans serveur qui calcule. Projet mené seul de bout en bout (cadrage, architecture, expérience, développement, tests, déploiement), en dev assisté par IA pour la vitesse, adossé à une méthode rigoureuse (cahier des charges, architecture documentée, découpage en lots, tests et revues) pour la solidité.

Le résultat

Produit en ligne, fonctionnel et déployé en production. Tout juste lancé : aucune traction n’est avancée, la promesse tient à ce que l’outil fait, pas à un chiffre.

Ce genre de travail te parle pour une mission ? Écris-moi →