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
Ave que vuela, a la cazuela.