|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<title>clip-tagger Model Usage Example</title> |
|
|
<script type="module"> |
|
|
import { CLAPProcessor } from './clapProcessor.js'; |
|
|
import { LocalClassifier } from './localClassifier.js'; |
|
|
|
|
|
async function loadModel() { |
|
|
const processor = new CLAPProcessor(); |
|
|
const classifier = new LocalClassifier(); |
|
|
|
|
|
|
|
|
await processor.initialize(); |
|
|
classifier.loadModel(); |
|
|
|
|
|
console.log('Model loaded successfully!'); |
|
|
console.log('Model stats:', classifier.getModelStats()); |
|
|
} |
|
|
|
|
|
|
|
|
loadModel(); |
|
|
</script> |
|
|
</head> |
|
|
<body> |
|
|
<h1>clip-tagger Model</h1> |
|
|
<p>Check the browser console for model loading status.</p> |
|
|
<p>See the full demo at: <a href="https://huggingface.co/spaces/sohei1l/clip-tagger">clip-tagger Space</a></p> |
|
|
</body> |
|
|
</html> |
