Flouter l'arrière-plan de la webcam

Comment fonctionne l’outil ?

L’outil accède à la webcam via l’API standardisée du navigateur getUserMedia(). L’autorisation caméra n’est pas demandée en arrière-plan ou sans la connaissance de l’utilisateur — le navigateur affiche toujours un dialogue d’autorisation visible.

Le flux caméra est reçu dans un élément <video> caché et transféré image par image sur un élément <canvas>. Là est appliqué un filtre CSS qui produit le flou. Sur Chrome 114+ avec matériel webcam compatible, l’API W3C native backgroundBlur est en plus disponible : elle sépare personne et arrière-plan directement au niveau matériel, de sorte que la personne reste nette et seul l’arrière-plan est flouté.

Pipeline de rendu : Caméra → getUserMedia → élément vidéo caché → composition Canvas → Canvas visible

L’ensemble du processus tourne dans le thread du navigateur. Aucune image, aucun pixel ne quitte l’onglet. À la fermeture de la page ou au clic sur « Arrêter la caméra », toutes les pistes caméra sont immédiatement arrêtées via track.stop().

Comment flouter l’arrière-plan ?

Ouvrez l’outil et cliquez sur Démarrer la caméra. Le navigateur demande une fois l’autorisation caméra — ce dialogue vient du système d’exploitation et ne peut être contourné. Autorisez l’accès, et le flux apparaît directement dans l’outil.

Activez le toggle flou d’arrière-plan. Tirez ensuite le slider d’intensité à la valeur souhaitée :

• 1–5 : Impression de profondeur de champ discrète — l’arrière-plan est légèrement flou, les détails encore reconnaissables.
• 6–12 : Flou naturel — bon default pour appels vidéo, arrière-plan clairement séparé.
• 13–20 : Flou fort — arrière-plan complètement neutralisé.

Vous pouvez observer l’effet en direct dans le Canvas. Via Sauvegarder l’instantané, l’image actuelle est téléchargée comme PNG.

Confidentialité — 100 % dans le navigateur

Les données caméra sont particulièrement sensibles. L’outil est donc construit de sorte que rien ne quitte le navigateur :

• Pas d’upload : aucune image, aucune photo, aucune vignette n’est envoyée à un serveur.
• Pas de CDN pour données caméra : à la différence des outils basés sur des modèles ML (comme le suppresseur d’arrière-plan), aucun modèle ne doit ici être chargé. Il n’y a pas de connexion réseau externe pendant l’utilisation.
• Nettoyage du flux : à la sortie de la page ou au clic sur « Arrêter la caméra », l’outil appelle track.stop() sur toutes les pistes caméra. La LED webcam s’éteint immédiatement.
• Pas de cookies, pas de tracking : l’outil ne pose pas de cookies pour les données caméra.

Quelle compatibilité navigateur et matériel sont nécessaires ?

Situation	Ce qui se passe
Chrome 114+ avec webcam compatible	Flou d’arrière-plan natif : personne nette, arrière-plan flou
Chrome 114+ avec webcam plus ancienne (par ex. C310)	Fallback sur filtre plein écran
Firefox, Edge, Safari 16.4+	Filtre CSS plein écran (arrière-plan et personne sont floutés)
Safari < 16.4 ou IE	Pas de support getUserMedia — message d’avertissement apparaît

La segmentation native sans extension n’est actuellement possible que dans Chrome 114+ sur Windows avec matériel webcam compatible. La spec W3C Media Capture Extensions est au stade Draft — Firefox et Safari n’ont pas encore annoncé de plans d’implémentation. L’outil utilise l’API native comme amélioration progressive, de sorte que les utilisateurs Chrome obtiennent la meilleure expérience, tandis que tous les autres navigateurs obtiennent quand même un flou plein écran utile.

Questions fréquentes

Les questions de retour les plus fréquentes sur l’outil :

Mes données caméra sont-elles uploadées ?

Non. Le traitement d’image tourne exclusivement en local dans votre navigateur. Aucune image, aucune capture, aucune métadonnée ne quitte votre appareil.

L’outil fonctionne-t-il sans installation ?

Oui. Pas d’extension store, pas de téléchargement d’app desktop, pas de compte. L’onglet du navigateur est tout ce dont vous avez besoin.

Pourquoi ma personne reste-t-elle aussi floue ?

Dans les navigateurs sans API de segmentation native (Firefox, Edge) ou sur matériel sans support (anciennes webcams) tourne un filtrage plein écran. Pour un flou d’arrière-plan pur, Chrome 114+ avec une webcam moderne est recommandé.

Puis-je utiliser l’outil pour appels vidéo dans Zoom ou Teams ?

Indirectement : cet outil n’est pas un pilote de caméra virtuelle — il n’affiche le flux traité que dans l’onglet du navigateur. Pour l’utilisation dans Zoom ou Teams, des outils comme OBS avec plugin VirtualCAM ou logiciel VCam sont nécessaires. L’outil convient bien aux appels vidéo basés sur navigateur (Google Meet, Jitsi) ou comme prévisualisation.

Quels outils vidéo sont apparentés ?

Autres outils de l’écosystème kittokit qui correspondent au sujet :

• HEVC vers H.264 — Convertir des vidéos iPhone en MP4 universellement lisible, directement dans le navigateur sans upload.
• Supprimer l’arrière-plan — Détourer l’arrière-plan de photos avec segmentation IA, entièrement côté client.
• Convertisseur de format d’image — Convertir des images en WebP, AVIF et plus, avec comparaison de formats et outils dédiés par paire de formats pour des tailles de fichier plus petites sans perte de qualité.