ADD Korean object labels

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-  <title>사진 속 물체 카운터</title>
+  <title>AI 사진 속 물체 카운터</title>
 
   <style>
     body {
@@ -80,11 +80,11 @@
 
 <body>
 
-  <h1>📷 사진 속 물체 카운터</h1>
+  <h1>AI 사진 속 물체 카운터</h1>
 
   <p class="sub">
-    사진을 올리면 AI가 물체를 찾아 위치를 표시하고,
-    종류별 개수와 전체 개수를 알려줍니다.
+    사진을 올리면 AI가 물체의 위치를 찾고,
+    종류별 개수와 전체 개수를 분석합니다.
   </p>
 
 
@@ -164,6 +164,41 @@
     const MODEL_NAME =
       "Xenova/yolos-tiny";
 
+    // =====================================================
+    // 물체 이름 한글 표시
+    // =====================================================
+    
+    const LABEL_KO = {
+      person: "사람",
+      bicycle: "자전거",
+      car: "자동차",
+      motorcycle: "오토바이",
+      bus: "버스",
+      truck: "트럭",
+      dog: "강아지",
+      cat: "고양이",
+      bird: "새",
+      horse: "말",
+      chair: "의자",
+      couch: "소파",
+      bottle: "병",
+      cup: "컵",
+      laptop: "노트북",
+      book: "책"
+    };
+
+function getLabelName(label) {
+
+  return LABEL_KO[label]
+    ? `${LABEL_KO[label]}(${label})`
+    : label;
+
+}
+
+
+
+
+    
 
     // =====================================================
     // HTML 요소
@@ -444,7 +479,7 @@
               // ----------------------------------------------
 
               const text =
-                `${label} ${(score * 100).toFixed(0)}%`;
+                `${getLabelName(label)} ${(score * 100).toFixed(0)}%`;
 
 
               ctx.font =
@@ -501,7 +536,7 @@
               ) {
 
                 resultText +=
-                  `${label} : ${count}개\n`;
+                  `${getLabelName(label)} : ${count}개\n`;
 
               }