ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
구분성함노션 배움 노트레플릿 웹사이트 주소 공유
2
1허남희선생님
3
2정주영선생님https://www.notion.so/AI-2c8c8ed5b9e840a6b20a215f07892b44https://triviallastingarray--historyyoung.repl.co/
4
3이상민선생님
https://north-juniper-b7d.notion.site/ai-c68f581760694729a1c50adde14fe555?pvs=4
https://testai--sanglee10.repl.co/
5
4김누리봄선생님
https://gregarious-poet-100.notion.site/AI-0088fc6aeba64f1aa9ef76abbd90ce04?pvs=4
https://pointedlawngreendifferences--kuinikim78.repl.co/
6
5이상훈선생님
https://tkdgnsri.notion.site/AI-230916-1f0978145b9549cf9e2dfb5b5e6ece59?pvs=4
testai.tkdgnsri1.repl.co
7
6신진섭선생님
https://miniature-bay-31b.notion.site/AI-230916-85daa934aedd4a15b8acf3c6e4a68946?pvs=4
https://test1--sin43980035.repl.co/
8
7허진아선생님
https://scratch-hide-f2b.notion.site/AI-0da75e41749945bda1354ff850069014?pvs=4
test.sdb202108.repl.co
9
8신남희선생님
https://bubbly-pump-bc0.notion.site/881ca411c5484395928e55b7f660411e?pvs=4
https://replit.com/@snh05191012/MOLRA#index.html
10
9이용희선생님
11
10송하영선생님
https://sugary-tang-f49.notion.site/AI-230916-8a14f54b20ae42eeb97f4fe877901e4b?pvs=4
https://aiedu--hayong104.repl.co/
12
11조선미선생님
https://www.notion.so/AI-230916-f91e870d733d42d7b97fbd477fc29fa7?pvs=4
https://test--sangjems303.repl.co/
13
12조예림선생님https://teseuteu--dpfla4148.repl.co/
14
13이경미선생님
https://lofty-biology-ad6.notion.site/AI-7e5b6fec42b547c2b52a0585fa0770cb?pvs=4
https://test-1--gabianopiu0823.repl.co/
15
14박소정선생님
https://www.notion.so/AI-230914-214f975c81b74b9796ad1e2aded30f52
https://replit.com/@thwjd9409/teste#index.html
16
15박궁재선생님
17
16이희주선생님
18
17전선희선생님
https://coral-stoplight-5aa.notion.site/2a0ecceac278480c912f3aa37dde2658?pvs=4
ai-1.jlyuna2003.repl.co
19
18박승렬선생님
https://ryeolt92.notion.site/AI-2023-9-16-82f33b7800d4470dbba6c022e430d4c1?pvs=4
ryeolt.cprxsckfqh.repl.co
20
19이예진선생님
https://married-hibiscus-0fd.notion.site/AI-230916-41d4fd67473a44eeb4e697d1c6d7e323?pvs=4
https://test--sdb202311.repl.co/
21
20김정아선생님
https://www.notion.so/AI-230916-dc1700e87a4947a2ab3e4e282097627a
test.jeonga1114.repl.co
22
21손가연선생님
https://sweltering-spice-a57.notion.site/17d6d1c9ab734a2bbd60427d020e07d5?pvs=4
https://ai--thsrkdus0327.repl.co/
23
22최영란선생님
https://gaudy-myrtle-3cc.notion.site/7400752075a841868c7b01c8d9ae847c?pvs=4
https://aitest--banghak14.repl.co/
24
25
26
<!DOCTYPE html>
27
<html>
28
29
<head>
30
<meta charset="utf-8">
31
<meta name="viewport" content="width=device-width">
32
<title>인공지능</title>
33
<link href="style.css" rel="stylesheet" type="text/css" />
34
</head>
35
36
<body>
37
<h1>인공지능 AI 인식 웹사이트</h1>
38
39
<pre>
40
코드 작성자 : 손가연
41
사이트 제작일 : 23년 9월 16일
42
</pre>
43
44
<img src="ima.jpg" width="80%">
45
46
<div>Teachable Machine Image Model</div>
47
<button type="button" onclick="init()">Start</button>
48
<div id="webcam-container"></div>
49
<div id="label-container"></div>
50
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script>
51
<script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js"></script>
52
<script type="text/javascript">
53
const URL = "https://teachablemachine.withgoogle.com/models/aofmNQsnfd/";
54
55
let model, webcam, labelContainer, maxPredictions;
56
57
async function init() {
58
const modelURL = URL + "model.json";
59
const metadataURL = URL + "metadata.json";
60
61
model = await tmImage.load(modelURL, metadataURL);
62
maxPredictions = model.getTotalClasses();
63
64
const flip = true;
65
webcam = new tmImage.Webcam(200, 200, flip);
66
await webcam.setup();
67
await webcam.play();
68
window.requestAnimationFrame(loop);
69
70
document.getElementById("webcam-container").appendChild(webcam.canvas);
71
labelContainer = document.getElementById("label-container");
72
for (let i = 0; i < maxPredictions; i++) {
73
labelContainer.appendChild(document.createElement("div"));
74
}
75
}
76
77
async function loop() {
78
webcam.update();
79
await predict();
80
window.requestAnimationFrame(loop);
81
}
82
83
async function predict() {
84
const prediction = await model.predict(webcam.canvas);
85
for (let i = 0; i < maxPredictions; i++) {
86
const classPrediction =
87
prediction[i].className + ": " + prediction[i].probability.toFixed(2);
88
labelContainer.childNodes[i].innerHTML = classPrediction;
89
90
// 사용자 지정 메시지 설정
91
if (prediction[i].className === "핸드폰" && prediction[i].probability > 0.5) {
92
labelContainer.childNodes[i].innerHTML = "핸드폰입니다.";
93
} else if (prediction[i].className === "에어팟" && prediction[i].probability > 0.5) {
94
labelContainer.childNodes[i].innerHTML = "에어팟이군요!";
95
} else {
96
// 다른 클래스에 대한 사용자 지정 메시지
97
labelContainer.childNodes[i].innerHTML = "다른 물체입니다.";
98
}
99
}
100
}