semantic-audio-search

Running

App Files Files Community

Xenova HF staff commited on Dec 8, 2023

Commit

05b1233

•

1 Parent(s): 68b4126

Upload 4 files

Browse files

Files changed (4) hide show

assets/index-dustL8iT.css +1 -0
assets/index-lG3g2NFl.js +0 -0
assets/worker-UdpdUYBV.js +0 -0
index.html +26 -19

assets/index-dustL8iT.css ADDED Viewed

	@@ -0,0 +1 @@

+ @import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Montserrat,sans-serif}html{background:radial-gradient(ellipse at center,#1b2735 0%,#090a0f 100%);height:100%;width:100%}body{overflow:hidden;display:flex;justify-content:center}#deepscatter{position:absolute;left:0;top:0}#container-for-webgl-canvas{width:100vw;display:flex;justify-content:center}.tooltip{width:400px;margin-top:-10px}.tooltip>audio{margin-top:10px;width:100%}#search{background:url(https://upload.wikimedia.org/wikipedia/commons/0/0b/Search_Icon.svg) no-repeat center right;background-size:50px 50px;width:56px;border:none;cursor:pointer}#header{padding:20px 0 50px;color:#fff;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));width:100vw}#title{font-size:30px;font-weight:600}#header,#search-bar{position:absolute;justify-content:center;z-index:1}#search-bar{padding:0 20px;max-width:90vw;overflow:hidden;border-radius:20px 20px 0 0;bottom:0;height:60px;width:500px;background-color:#fff;display:flex}#overlay{position:absolute;width:100vw;height:100vh;z-index:999999999;background-color:#000c;pointer-events:none;display:none;color:#fff;justify-content:center;align-items:center;font-size:20px}#query{width:100%;height:100%;font-size:1.5em;border:none;outline:none}a{color:#fff}

assets/index-lG3g2NFl.js ADDED Viewed

The diff for this file is too large to render. See raw diff

assets/worker-UdpdUYBV.js ADDED Viewed

The diff for this file is too large to render. See raw diff

index.html CHANGED Viewed

@@ -1,19 +1,26 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Semantic Audio Search | Transformers.js</title>
+  <script type="module" crossorigin src="/assets/index-lG3g2NFl.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-dustL8iT.css">
+</head>
+<body>
+  <div id="header">
+    <div id="title">In-browser Semantic Audio Search</div>
+    <p>Powered by <a href="https://hf.co/docs/transformers.js" target="_blank">🤗 Transformers.js</a></p>
+  </div>
+  <div id="overlay"></div>
+  <div id="deepscatter"></div>
+  <div id="search-bar">
+    <input id="query" placeholder="Search for music..." type="text" />
+    <button id="search"></button>
+  </div>
+</body>
+</html>