01 ml5

01.- Machine Learning JavaScript en Español ?? [Clasificador de imágenes con ml5.js]

01%2Bml5

Introducción.

Bienvenidos al programa novato muchas gracias por continuar viendo este curso de Tensorflow en JavaScript y en este tutorial vamos a hacer algo realmente muy divertido y es que vamos a hacer un clasificador de imágenes en otras palabras nosotros le vamos a dar a nuestra página web con JavaScript una imagen y este JavaScript nos va a retornar el nombre del elemento del animal lo que sea que esté en esa imagen. Para esto vamos a trabajar con una herramienta llamada ml5js y esto es lo que nos promete que va a ser ml5 por nosotros: ml5 tiene como objetivo hacer que el aprendizaje automático sea accesible para una amplia audiencia de artistas programadores creativos y estudiantes. La biblioteca proporciona acceso a modelos y algoritmos de aprendizaje automáticos en el navegador construido sobre tensor flow sin otras dependencias externas. Ai así como lo oyen y pues veamos el código con el que vamos a trabajar:

Codigo

<!DOCTYPE html>
<html>
    <head>
        <title>ml5</title>
        <script src="https://unpkg.com/[email protected]/dist/ml5.min.js"></script>
    </head>

    <body>
        <h1>Clasificador de imagenes de MobileNet</h1>
        <img src="https://ml5js.org/docs/assets/img/bird.jpg" crossorigin="anonymous" id="imagen" width="400">
        <p>
            Esto es un 
            <strong> <span id="rusultado">....</span> </strong>
            Con una certeza del
            <strong> <span id="probabilidad">....</span> </strong>
        </p>
        <script>
            const imagen=document.getElementById("imagen");
            const resultado=document.getElementById("rusultado");
            const probabilidad=document.getElementById("probabilidad");
            
            const clasificador=ml5.imageClassifier("MobileNet",function (){
                console.log("Modelo cargado");
            });
            clasificador.predict(imagen,function (err,res){
                //console.log(res);
                resultado.innerText=res[0].className;
                probabilidad.innerText = res[0].probability;
            });
        </script>
    </body>
</html>

Video

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

En Programador Novato vivimos de los anuncios, hemos detectado que está utilizando extensiones para bloquear anuncios. Ayudanos deshabilitando tu bloqueador de anuncios. :)