﻿﻿{"id":2807,"date":"2026-04-22T14:15:54","date_gmt":"2026-04-22T12:15:54","guid":{"rendered":"https:\/\/elearningsamba.com\/index.php\/vidstudio-lediteur-video-dans-votre-navigateur-sans-upload\/"},"modified":"2026-04-22T14:15:54","modified_gmt":"2026-04-22T12:15:54","slug":"vidstudio-lediteur-video-dans-votre-navigateur-sans-upload","status":"publish","type":"page","link":"https:\/\/elearningsamba.com\/index.php\/vidstudio-lediteur-video-dans-votre-navigateur-sans-upload\/","title":{"rendered":"VidStudio &#8211; L&#8217;\u00e9diteur vid\u00e9o dans votre navigateur, sans upload"},"content":{"rendered":"<p>Un \u00e9diteur vid\u00e9o qui redimensionne, compresse et coupe vos clips&#8230; sans rien uploader nulle part, \u00e7a vous dit ???<\/p>\n<p>\u00c7a tombe bien puisque<br \/>\n<a href=\"https:\/\/vidstudio.app\/\">VidStudio<\/a><br \/>\nfait tourner FFmpeg directement dans votre navigateur ! Vous allez sur vidstudio.app, vous d\u00e9posez votre vid\u00e9o, et tout le traitement se fait ensuite c\u00f4t\u00e9 client. Les fichiers ne quittent jamais votre machine, ce qui fait que niveau vie priv\u00e9e, \u00e7a nous change clairement des \u00e9diteurs cloud type Clipchamp ou Canva o\u00f9 une partie du traitement passe par leurs serveurs avec toutes les joyeuset\u00e9s que \u00e7a implique c\u00f4t\u00e9 donn\u00e9es.<\/p>\n<p>Sous le capot, le truc tient debout gr\u00e2ce \u00e0 trois briques. Il y a WebCodecs qui s&#8217;occupe du d\u00e9codage frame par frame pour la timeline, en utilisant les d\u00e9codeurs hardware du navigateur quand ils sont dispos. FFmpeg compil\u00e9 en WebAssembly prend ensuite le relais pour l&#8217;encodage final et les conversions de format. Et pour le rendu, c&#8217;est<br \/>\n<a href=\"https:\/\/pixijs.com\/\">Pixi.js<\/a><br \/>\nsur une canvas WebGL, avec un fallback logiciel quand la carte graphique ne suit pas.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/korben.info\/cdn-cgi\/image\/width=1200,fit=scale-down,quality=90,f=avif\/vidstudio-app-editeur-video-navigateur\/vidstudio-app-editeur-video-navigateur-2.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>Les projets sont sauvegard\u00e9s dans IndexedDB, du coup vous pouvez fermer l&#8217;onglet et revenir plus tard, car tout est conserv\u00e9 et les traitements lourds tournent dans des Web Workers, ce qui \u00e9vite de geler l&#8217;interface quand vous compressez un fichier de 2 Go d\u00e9j\u00e0 bien lourd.<\/p>\n<p>Ensuite, c\u00f4t\u00e9 outils, y&#8217;a de quoi faire avec un \u00e9diteur multi-piste avec source monitor et la possibilit\u00e9 de parcourir la vid\u00e9o \u00e0 la frame pr\u00e8s. Il y a \u00e9galement de quoi redimensionner pour YouTube ou TikTok, un mode batch pour convertir plusieurs vid\u00e9os d&#8217;un coup, un compresseur avec cible de taille exacte, un extracteur audio, un g\u00e9n\u00e9rateur de thumbnails et storyboards, et un syst\u00e8me de watermarks avec positionnement et timing. Les sous-titres sont \u00e9galement g\u00e9r\u00e9s, avec possibilit\u00e9 de les incruster dans la vid\u00e9o ou de les sortir s\u00e9par\u00e9ment.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/korben.info\/cdn-cgi\/image\/width=1200,fit=scale-down,quality=90,f=avif\/vidstudio-app-editeur-video-navigateur\/vidstudio-app-editeur-video-navigateur-3.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>Niveau probl\u00e8mes que vous pourriez rencontrer avec cet outil, ce sera surtout \u00e0 cause des codecs HEVC qui gal\u00e8rent sur Firefox. De plus, les vid\u00e9os 10-bit ne passent pas toujours sur Windows, et certains WEBM avec des codecs audio exotiques refusent de charger. Bon apr\u00e8s c&#8217;est pas grand chose de dramatique pour du contenu classique film\u00e9 avec un smartphone ou un appareil photo, mais si vous bossez avec du matos pro en 10-bit, allez plut\u00f4t voir ailleurs.<\/p>\n<p>Apr\u00e8s si vous aimez ce genre d&#8217;outils, dans la famille &#8220;traitement vid\u00e9o dans le navigateur&#8221;, VidStudio rejoint<br \/>\n<a href=\"https:\/\/korben.info\/cutia-editeur-video-ia-navigateur.html\">Cutia<\/a><br \/>\nqui mise sur l&#8217;open source, et<br \/>\n<a href=\"https:\/\/korben.info\/vous-avez-deja-essaye-de-faire-du-traitement-video.html\">MediaBunny<\/a><br \/>\nqui propose une biblioth\u00e8que bas niveau pour les devs et dont je vous ai d\u00e9j\u00e0 parl\u00e9. Cependant, je pr\u00e9f\u00e8re VidStudio qui se positionne plut\u00f4t sur du grand public, avec une interface qui ressemble \u00e0 un vrai logiciel de montage.<\/p>\n<p>\u00c7a tourne d&#8217;ailleurs sur smartphone, ce qui est franchement impressionnant. Donc si vous avez juste une vid\u00e9o \u00e0 retoucher vite fait sans passer par une usine \u00e0 gaz type Adobe Premiere ou Final Cut, \u00e7a fera bien le job, et vos fichiers restent sagement au chaud chez vous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un \u00e9diteur vid\u00e9o qui redimensionne, compresse et coupe vos clips&#8230; sans rien uploader nulle part, \u00e7a vous dit ??? \u00c7a tombe bien puisque VidStudio fait tourner FFmpeg directement dans votre navigateur ! Vous allez sur vidstudio.app, vous d\u00e9posez votre vid\u00e9o, et tout le traitement se fait ensuite c\u00f4t\u00e9 client. Les fichiers ne quittent jamais votre machine, ce qui fait que niveau vie priv\u00e9e, \u00e7a nous change clairement des \u00e9diteurs cloud type Clipchamp ou Canva o\u00f9 une partie du traitement passe par leurs serveurs avec toutes les joyeuset\u00e9s que \u00e7a implique c\u00f4t\u00e9 donn\u00e9es. Sous le capot, le truc tient debout gr\u00e2ce \u00e0 trois briques. Il y a WebCodecs qui s&#8217;occupe du d\u00e9codage frame par frame pour la timeline, en utilisant les d\u00e9codeurs hardware du navigateur quand ils sont dispos. FFmpeg compil\u00e9 en WebAssembly prend ensuite le relais pour l&#8217;encodage final et les conversions de format. Et pour le rendu, c&#8217;est Pixi.js sur une canvas WebGL, avec un fallback logiciel quand la carte graphique ne suit pas. Les projets sont sauvegard\u00e9s dans IndexedDB, du coup vous pouvez fermer l&#8217;onglet et revenir plus tard, car tout est conserv\u00e9 et les traitements lourds tournent dans des Web Workers, ce qui \u00e9vite de geler l&#8217;interface quand vous compressez un fichier de 2 Go d\u00e9j\u00e0 bien lourd. Ensuite, c\u00f4t\u00e9 outils, y&#8217;a de quoi faire avec un \u00e9diteur multi-piste avec source monitor et la possibilit\u00e9 de parcourir la vid\u00e9o \u00e0 la frame pr\u00e8s. Il y a \u00e9galement de quoi redimensionner pour YouTube ou TikTok, un mode batch pour convertir plusieurs vid\u00e9os d&#8217;un coup, un compresseur avec cible de taille exacte, un extracteur audio, un g\u00e9n\u00e9rateur de thumbnails et storyboards, et un syst\u00e8me de watermarks avec positionnement et timing. Les sous-titres sont \u00e9galement g\u00e9r\u00e9s, avec possibilit\u00e9 de les incruster dans la vid\u00e9o ou de les sortir s\u00e9par\u00e9ment. Niveau probl\u00e8mes que vous pourriez rencontrer avec cet outil, ce sera surtout \u00e0 cause des codecs HEVC qui gal\u00e8rent sur Firefox. De plus, les vid\u00e9os 10-bit ne passent pas toujours sur Windows, et certains WEBM avec des codecs audio exotiques refusent de charger. Bon apr\u00e8s c&#8217;est pas grand chose de dramatique pour du contenu classique film\u00e9 avec un smartphone ou un appareil photo, mais si vous bossez avec du matos pro en 10-bit, allez plut\u00f4t voir ailleurs. Apr\u00e8s si vous aimez ce genre d&#8217;outils, dans la famille &#8220;traitement vid\u00e9o dans le navigateur&#8221;, VidStudio rejoint Cutia qui mise sur l&#8217;open source, et MediaBunny qui propose une biblioth\u00e8que bas niveau pour les devs et dont je vous ai d\u00e9j\u00e0 parl\u00e9. Cependant, je pr\u00e9f\u00e8re VidStudio qui se positionne plut\u00f4t sur du grand public, avec une interface qui ressemble \u00e0 un vrai logiciel de montage. \u00c7a tourne d&#8217;ailleurs sur smartphone, ce qui est franchement impressionnant. Donc si vous avez juste une vid\u00e9o \u00e0 retoucher vite fait sans passer par une usine \u00e0 gaz type Adobe Premiere ou Final Cut, \u00e7a fera bien le job, et vos fichiers restent sagement au chaud chez vous !<\/p>\n","protected":false},"author":1,"featured_media":2808,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2807","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/comments?post=2807"}],"version-history":[{"count":0,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2807\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media\/2808"}],"wp:attachment":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media?parent=2807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}