Abdoulrazack A.
Me contacter
Parlons de votre projet

Outil créatif · Desktop2026

InkStudio

Un studio d’animation tableau blanc qui tourne entièrement dans le navigateur, synchronisé sur la voix.

Capture du projet InkStudio
Rôle
Produit, JavaScript, audio et vidéo
Stack
JavaScript, Canvas, Web Audio, WebCodecs, IndexedDB, Electron

Fork profondément retravaillé d’Inkplainer : projets multi-scènes, voix off servant d’horloge maîtresse, synchronisation automatique des calques sur la parole, sous-titres, caméra Ken Burns, export WebM/MP4 via WebCodecs, et une app desktop Electron.

MP4export hors-ligne WebCodecs
Voixhorloge maîtresse
SRT/VTTsous-titres incrustés
0 €aucun service externe

L’idée

Les vidéos « tableau blanc » expliquent bien, mais les outils sont payants, en ligne, et filigranés. Je voulais un studio local où l’on pose une voix off et où le dessin suit la narration.

L’audio est l’horloge maîtresse : les dessins se calent sur la parole, pas l’inverse.

Ce que j’ai ajouté

  • Multi-scènes réordonnables, transitions, lecture à partir d’une scène
  • Voix off avec forme d’onde, marqueurs par scène, détection des silences et calage automatique des calques
  • Piste musique avec ducking sous la voix, mixdown hors-ligne
  • Sous-titres timés, incrustés à l’export, export SRT et VTT
  • Caméra Ken Burns, formes vectorielles, GIF animés, format TikTok 9:16
  • Électron : serveur statique interne pour un contexte sécurisé WebCodecs, installeur Windows

Travailler dans un code existant

Le cœur upstream est un monolithe de plus de 10 000 lignes. J’ai choisi d’ajouter mes fonctionnalités en modules séparés plutôt que de tout réécrire, puis d’auditer l’ensemble : XSS corrigé, validation des projets importés, undo/redo des scènes, premières fonctions pures testées et une CI.

Projet suivantInko Un lecteur de manga en ligne, lisible hors connexion et installable sur Android.