Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.min.js"></script>
<script src="https://unpkg.com/ml5@latest/dist/ml5.min.js"></script>
<body>
<h1>Класифікація зображень</h1>
<h2>За допомогою MobileNet та ml5.js</h2>
<div id="result">Сканування зображення... Зачекайте!</div>
<img id="image" src="../images/pic1.jpg" style="width: 100%">
<script>
// Ініціалізація класифікатора зображень за допомогою MobileNet.
const classifier =  ml5.imageClassifier('MobileNet');
classifier.classify(document.getElementById("image"), gotResult);
// Функція для запуску після отримання результатів
function gotResult(error, results) {
  const element = document.getElementById("result");
  if (error) {
    element.innerHTML = error;
  } else {
    let num = results[0].confidence * 100;
    element.innerHTML = results[0].label + "<br>Впевненість: " + num.toFixed(2) + "%";
  }
}
</script>
</body>
</html>