Détection Faciale en Temps Réel : Analysez Vos Yeux et Votre Bouche avec MediaPipe

👤 Laboratoire de Détection Faciale

Détection du visage, des yeux et de la bouche en temps réel avec MediaPipe Face Mesh

Et si votre ordinateur pouvait analyser votre visage en temps réel ? Détecter vos yeux, votre nez, votre bouche, et même savoir si vous clignez des yeux ou si vous avez la bouche ouverte… Ce n’est plus de la science-fiction, c’est une réalité accessible à tous grâce à MediaPipe Face Mesh de Google.

🎮 Testez le Widget Interactif

🏗️ La Technologie : MediaPipe Face Mesh

Nom de la bibliothèque :

MediaPipe Face Mesh

par Google

✨ Ce que fait cette technologie :

  • Détecter un visage en temps réel dans un flux vidéo
  • 468 points clés 3D (yeux, nez, bouche, contour, pupilles)
  • Détection des clignements (yeux ouverts/fermés)
  • Analyse de la bouche (ouverte/fermée)
  • Reconstruction 3D du visage en temps réel

📊 Performances

 able>

💻 Code Source de la Simulation

Vous pouvez intégrer cette technologie dans vos propres projets. Voici les codes complets :

// Créer la détection faciale
const faceMesh = new FaceMesh({
    locateFile: (file) => `https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh/${file}`
});

faceMesh.setOptions({
    maxNumFaces: 1,
    refineLandmarks: true,
    minDetectionConfidence: 0.5,
    minTrackingConfidence: 0.5
});

faceMesh.onResults((results) => {
    if (results.multiFaceLandmarks) {
        const landmarks = results.multiFaceLandmarks[0];
        
        // Fonction pour calculer l'ouverture d'un œil (ratio hauteur/largeur)
        function getEyeOpenRatio(eyePoints, landmarks) {
            const top = landmarks[eyePoints[1]];
            const bottom = landmarks[eyePoints[2]];
            const left = landmarks[eyePoints[0]];
            const right = landmarks[eyePoints[3]];
            const height = Math.abs(top.y - bottom.y);
            const width = Math.abs(left.x - right.x);
            return height / width;
        }
        
        // Points des yeux (contour)
        const LEFT_EYE = [33, 159, 145, 133];  // left, top, bottom, right
        const RIGHT_EYE = [362, 386, 374, 263]; // left, top, bottom, right
        
        // Calculer l'ouverture des yeux
        const leftRatio = getEyeOpenRatio(LEFT_EYE, landmarks);
        const rightRatio = getEyeOpenRatio(RIGHT_EYE, landmarks);
        const leftOpen = leftRatio > 0.2;
        const rightOpen = rightRatio > 0.2;
        
        // Calculer l'ouverture de la bouche
        const topLip = landmarks[13];
        const bottomLip = landmarks[14];
        const mouthOpen = Math.abs(topLip.y - bottomLip.y) > 0.03;
        
        console.log(`Œil gauche: ${leftOpen ? 'OUVERT' : 'FERMÉ'} | Œil droit: ${rightOpen ? 'OUVERT' : 'FERMÉ'} | Bouche: ${mouthOpen ? 'OUVERTE' : 'FERMÉE'}`);
    }
});

📦 Installation pour Python :
pip install opencv-python mediapipe numpy

🌐 Pour JavaScript :
Ajouter le script : <script src="https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh/face_mesh.js"></script>

💡 Applications par Domaine

🎮 Réalité Virtuelle & Avatars

  • Animation faciale en temps réel
  • Création d’avatars 3D (VTuber)
  • Filtres Snapchat/Instagram

🚗 Sécurité Automobile

  • Détection de fatigue (clignements, bâillements)
  • Surveillance du conducteur
  • Attention routière

🏥 Santé & Accessibilité

  • Contrôle par clignement des yeux
  • Commande vocale mains-libres
  • Détection de somnolence

💄 Beauté & Maquillage

  • Essai virtuel de maquillage
  • Lentilles colorées virtuelles
  • Analyse de peau

🌟 Avantages Clés

100% gratuit

Bibliothèque open‑source
☁️

Sans cloud

Vie privée garantie
💻

Cross‑platform

Web, mobile, desktop

Temps réel

60 fps possible

📈 Comprendre la Détection des Yeux

👁️

Œil Gauche

Points 33, 159, 145, 133. Un ratio hauteur/largeur > 0.2 indique un œil ouvert.

👁️

Œil Droit

Points 362, 386, 374, 263. Même calcul que pour l’œil gauche.

👄

Bouche

Points 13 (lèvre supérieure) et 14 (lèvre inférieure). Distance > 0.03 = bouche ouverte.

MediaPipe Face Mesh permet de détecter non seulement le visage, mais aussi l’ouverture des yeux et de la bouche.
468 points, 60 images par seconde, 100% gratuit et sans cloud.

✨ Quelle application allez‑vous créer avec cette technologie ? ✨

📚 Ressources Utiles

📝 Note technique : Cette démonstration utilise votre caméra locale. Aucune image n’est envoyée sur internet – votre vie privée est totalement respectée.
Prérequis : Navigateur récent (Chrome, Edge, Firefox), HTTPS obligatoire, caméra fonctionnelle.

💬 Partagez en commentaire : Quelle application allez-vous créer avec la détection faciale ?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Métrique Valeur
⏱️ Temps de détection < 10 ms par image
🎯 Points clés 468 points 3D
📏 Distance de détection 20 cm à 1.5 mètres
💾 Taille du modèle ~10 MB
🌐 Navigateurs supportés Chrome, Edge, Firefox, Safari
📱 Mobile ✅ Android / iOS