<!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>