Spaces:
Running
Running
Update mobilevit.html
Browse files- mobilevit.html +12 -7
mobilevit.html
CHANGED
|
@@ -6,8 +6,8 @@
|
|
| 6 |
<title>Image Classification - Hugging Face Transformers.js</title>
|
| 7 |
|
| 8 |
<script type="module">
|
| 9 |
-
//
|
| 10 |
-
|
| 11 |
// Make it available globally
|
| 12 |
window.pipeline = pipeline;
|
| 13 |
</script>
|
|
@@ -111,7 +111,8 @@
|
|
| 111 |
let classifier;
|
| 112 |
// Initialize the sentiment analysis model
|
| 113 |
async function initializeModel() {
|
| 114 |
-
|
|
|
|
| 115 |
}
|
| 116 |
async function classifyImage() {
|
| 117 |
const textFieldValue = document.getElementById("imageClassificationURLText").value.trim();
|
|
@@ -119,20 +120,24 @@
|
|
| 119 |
document.getElementById("outputArea").innerText = JSON.stringify(result, null, 2);
|
| 120 |
}
|
| 121 |
async function classifyImageLocal() {
|
| 122 |
-
|
|
|
|
|
|
|
| 123 |
const file = fileInput.files[0];
|
| 124 |
if (!file) {
|
| 125 |
alert('Please select an image file first.');
|
| 126 |
return;
|
| 127 |
}
|
| 128 |
-
|
| 129 |
const url = URL.createObjectURL(file);
|
| 130 |
-
|
|
|
|
| 131 |
document.getElementById("outputAreaLocal").innerText = JSON.stringify(result, null, 2);
|
| 132 |
}
|
| 133 |
async function classifyTopImage() {
|
| 134 |
const textFieldValue = document.getElementById("imageClassificationTopURLText").value.trim();
|
| 135 |
-
|
|
|
|
| 136 |
document.getElementById("outputAreaTop").innerText = JSON.stringify(result, null, 2);
|
| 137 |
}
|
| 138 |
// Initialize the model after the DOM is completely loaded
|
|
|
|
| 6 |
<title>Image Classification - Hugging Face Transformers.js</title>
|
| 7 |
|
| 8 |
<script type="module">
|
| 9 |
+
// 허깅페이스의 pipeline 모듈을 import하십시오.
|
| 10 |
+
// To-Do: ???
|
| 11 |
// Make it available globally
|
| 12 |
window.pipeline = pipeline;
|
| 13 |
</script>
|
|
|
|
| 111 |
let classifier;
|
| 112 |
// Initialize the sentiment analysis model
|
| 113 |
async function initializeModel() {
|
| 114 |
+
// pipeline 함수를 이용하여 Xenova/mobilevit-small 모델의 인스턴스를 생성하여 이를 classifier에 저정하십시오. 인스턴스 생성 시 quantized 파라미터의 값을 false로 설정하십시오.
|
| 115 |
+
// To-Do: ???
|
| 116 |
}
|
| 117 |
async function classifyImage() {
|
| 118 |
const textFieldValue = document.getElementById("imageClassificationURLText").value.trim();
|
|
|
|
| 120 |
document.getElementById("outputArea").innerText = JSON.stringify(result, null, 2);
|
| 121 |
}
|
| 122 |
async function classifyImageLocal() {
|
| 123 |
+
// HTML DOM의 element Id가 imageClassificationLocalFile인 element의 값을 fileInput으로 저장하십시오.
|
| 124 |
+
// To-Do: const fileInput = ???
|
| 125 |
+
|
| 126 |
const file = fileInput.files[0];
|
| 127 |
if (!file) {
|
| 128 |
alert('Please select an image file first.');
|
| 129 |
return;
|
| 130 |
}
|
| 131 |
+
|
| 132 |
const url = URL.createObjectURL(file);
|
| 133 |
+
// classifier에 url을 입력하여 출력된 결과를 result에 저장하십시오.
|
| 134 |
+
// To-Do: ???
|
| 135 |
document.getElementById("outputAreaLocal").innerText = JSON.stringify(result, null, 2);
|
| 136 |
}
|
| 137 |
async function classifyTopImage() {
|
| 138 |
const textFieldValue = document.getElementById("imageClassificationTopURLText").value.trim();
|
| 139 |
+
// classifier에 textFieldValue를 입력 변수로, topk 파라미터 값을 3으로 설정하여 classifer를 수행하고 그 결과를 result에 저장하십시오.
|
| 140 |
+
// To-Do: ???
|
| 141 |
document.getElementById("outputAreaTop").innerText = JSON.stringify(result, null, 2);
|
| 142 |
}
|
| 143 |
// Initialize the model after the DOM is completely loaded
|