Envie de rajeunir, de vous voir en Justin Bieber ou Walter White ? C’est maintenant possible en JavaScript et la démo est assez impressionnante, comme en atteste la photo de notre Terminator & développeur JS.

Face substitution utilise la librairie javascript clmtrackr, qui permet d’ajuster des modèles de visage à des vidéos et des images. Gardez votre visage immobile le temps que le modèle de visage s’ajuste à vous et essayez différents masques depuis la liste déroulante. Cela marche mieux avec un bon éclairage et le support de WebGL dans votre navigateur, à votre Google Chrome ou Firefox donc !

Un petit bout de code intéressant; dans leur exemple, ils utilisent l’API navigator.getUserMedia() pour capter le flux de la webcam :

navigator.getUserMedia( videoSelector, function( stream )
{
    if ( vid.mozCaptureStream )
    {
        vid.mozSrcObject = stream;
    }
    else
    {
        vid.src = ( window.URL && window.URL.createObjectURL( stream ) ) || stream;
    }
    vid.play();
});

Le lien vers la démo : http://auduno.github.io/clmtrackr/examples/facesubstitution.html

Un exemple par étapes : http://auduno.github.io/clmtrackr/example.html

Le GitHub du projet : https://github.com/auduno/clmtrackr

A vos expérimentations, merci JS !