Spaces:
Running
Running
Update index.js
Browse files
index.js
CHANGED
@@ -15,7 +15,8 @@ const EXAMPLE_URL = 'https://huggingface.co/datasets/Xenova/transformers.js-docs
|
|
15 |
status.textContent = 'Loading model...';
|
16 |
// To-Do #1 pipeline API를 사용하여 detr-resnet-50 object detection 모델의 instance를 detector라는 이름을 붙여 생성하십시오.
|
17 |
// DETR 모델 참고 문서 https://huggingface.co/facebook/detr-resnet-50
|
18 |
-
const detector = await '
|
|
|
19 |
status.textContent = 'Ready';
|
20 |
|
21 |
example.addEventListener('click', (e) => {
|
@@ -45,10 +46,11 @@ async function detect(img) {
|
|
45 |
|
46 |
status.textContent = 'Analysing...';
|
47 |
// To-Do #2 객체 탐지를 위한 오브젝트에 threshold를 0.5, percentage를 true로 지정하고 그 결과를 output에 저장하십시오
|
48 |
-
const output =
|
|
|
49 |
// threshold 값을 지정하고 쉼표를 붙이시오
|
50 |
// percentage 지정
|
51 |
-
|
52 |
status.textContent = '';
|
53 |
output.forEach(renderBox);
|
54 |
}
|
|
|
15 |
status.textContent = 'Loading model...';
|
16 |
// To-Do #1 pipeline API를 사용하여 detr-resnet-50 object detection 모델의 instance를 detector라는 이름을 붙여 생성하십시오.
|
17 |
// DETR 모델 참고 문서 https://huggingface.co/facebook/detr-resnet-50
|
18 |
+
const detector = await pipeline('object-detection', 'facebook/detr-resnet-50');
|
19 |
+
|
20 |
status.textContent = 'Ready';
|
21 |
|
22 |
example.addEventListener('click', (e) => {
|
|
|
46 |
|
47 |
status.textContent = 'Analysing...';
|
48 |
// To-Do #2 객체 탐지를 위한 오브젝트에 threshold를 0.5, percentage를 true로 지정하고 그 결과를 output에 저장하십시오
|
49 |
+
const output = await detector(img, { threshold: 0.5, percentage: true });
|
50 |
+
|
51 |
// threshold 값을 지정하고 쉼표를 붙이시오
|
52 |
// percentage 지정
|
53 |
+
|
54 |
status.textContent = '';
|
55 |
output.forEach(renderBox);
|
56 |
}
|