Machine Learning JavaScript en Español 🇪🇸 [Clasificador de imágenes con ml5.js] - abril


  Machine Learning JavaScript en Español 🇪🇸 [Clasificador de imágenes con ml5.js]







Introducción.
  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


SHARE

Oscar perez

Arquitecto especialista en gestion de proyectos si necesitas desarrollar algun proyecto en Bogota contactame en el 3006825874 o visita mi pagina en www.arquitectobogota.tk

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comentarios:

Publicar un comentario