Spaces:
Running
Running
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<title>Transformers.js | real-time Jina CLIP</title> | |
<script type="module" crossorigin src="/assets/index-AEspVl8_.js"></script> | |
<link rel="stylesheet" crossorigin href="/assets/index-DDYN1ddX.css"> | |
</head> | |
<body> | |
<h1> | |
Real-time zero-shot image classification (WebGPU) | |
</h1> | |
<h3> | |
Runs <a href="https://huggingface.co/jinaai/jina-clip-v1" target="_blank">Jina CLIP</a> locally in your browser w/ | |
<a href="https://github.com/xenova/transformers.js" target="_blank">🤗 Transformers.js</a> | |
</h3> | |
<div id="container"> | |
<video id="video" autoplay muted playsinline></video> | |
<div id="overlay"></div> | |
</div> | |
<div id="controls"> | |
<div title="Labels used to perform zero-shot image classification"> | |
<label>Labels (comma-separated)</label> | |
<br> | |
<input id="labels" type="text" disabled> | |
</div> | |
<div title="Template used to perform zero-shot image classification"> | |
<label>Hypothesis template</label> | |
<br> | |
<input id="template" type="text" value="A photo of a {}" disabled> | |
</div> | |
</div> | |
<label id="status"></label> | |
</body> | |
</html> |