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

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/ml5@0.1.3/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

Eugenio Chaparro

Compartir
Publicado por
Eugenio Chaparro

Entradas recientes

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

馃煝Editar c贸digo de un m贸dulo en Dolibarr [04]

En este tutorial vamos editar el c贸digo de nuestro m贸dulo personas para poder personalizar algunas…

2 semanas hace
馃煝Crear un sub_m贸dulo en Dolibarr [03]

馃煝Crear un sub_m贸dulo en Dolibarr [03]

En este tutorial vamos a crear un sub m贸dulo llamado seguridad que ser谩 muy parecido…

2 semanas hace
馃煝Modificar un m贸dulo en Dolibarr [02]

馃煝Modificar un m贸dulo en Dolibarr [02]

En este tutorial aprenderemos a editar el objeto personas del modulo persona que creamos en…

2 semanas hace
馃煝Constructor de m贸dulos en Dolibarr

馃煝Constructor de m贸dulos en Dolibarr

Como mencionamos anteriormente Dolibarr es un proyecto realizado sobre la base de una pol铆tica clara:…

2 semanas hace
馃煝Tickets en Dolibarr [19]

馃煝Tickets en Dolibarr [19]

Los ticket en dolibarr nos ayudan a comunicar inconveniente en nuestros productos y servicios dentro…

2 semanas hace
馃煝Agenda en Dolibarr [18]

馃煝Agenda en Dolibarr [18]

Las agendas en dolibarr nos ayudan a ver las actividades realizadas en proceso y por…

2 semanas hace