Spaces:

multimodalart
/

ZeroLabs

Running

App Files Files Community

apolinario commited on Apr 17

Commit

1c430d1

1 Parent(s): d714b6c

Rename to ZeroLabs

Browse files

Files changed (2) hide show

README.md +4 -4
index.html +10 -10

README.md CHANGED Viewed

@@ -1,8 +1,8 @@
 ---
-title: OpenAudioLabs
-emoji: 🎙
-colorFrom: gray
-colorTo: purple
 sdk: static
 pinned: false
 hf_oauth: true

 ---
+title: ZeroLabs
+emoji: 🔊
+colorFrom: yellow
+colorTo: yellow
 sdk: static
 pinned: false
 hf_oauth: true

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>OpenAudioLabs</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
@@ -619,7 +619,7 @@ pre {
 <div id="landing">
   <div class="logo-icon" style="width:56px;height:56px;font-size:28px;border-radius:14px">🎙</div>
-  <h1>OpenAudioLabs</h1>
   <p class="subtitle">Voice cloning powered by open-source models. Sign in with your Hugging Face account to start generating.</p>
   <button class="btn-hf" onclick="login()">🤗 Sign in with Hugging Face</button>
   <p class="landing-note">Uses your HF ZeroGPU quota &middot; Free tier included</p>
@@ -630,7 +630,7 @@ pre {
   <div class="header">
     <div class="logo">
       <div class="logo-icon">🎙</div>
-      OpenAudioLabs
     </div>
     <div class="header-right">
       <div class="user-pill" id="user-pill">
@@ -941,14 +941,14 @@ let isPro = false;
 let selectedVoice = null;
 let resultAudioUrl = null;
 let modalFileData = null;
-let history = JSON.parse(localStorage.getItem("oal_history") || "[]");
-let sessionUsage = parseFloat(sessionStorage.getItem("oal_usage") || "0");
 // ── IndexedDB ──
 function openDB() {
   return new Promise((resolve, reject) => {
-    const req = indexedDB.open("OpenAudioLabs", 1);
     req.onupgradeneeded = () => req.result.createObjectStore("voices", { keyPath: "id" });
     req.onsuccess = () => resolve(req.result);
     req.onerror = () => reject(req.error);
@@ -1104,7 +1104,7 @@ document.addEventListener("click", () => {
 function updateUsageTracker(addSeconds) {
   if (addSeconds) {
     sessionUsage += addSeconds;
-    sessionStorage.setItem("oal_usage", sessionUsage.toString());
   }
   const quota = isPro ? QUOTA_PRO : QUOTA_FREE;
   const pct = Math.min((sessionUsage / quota) * 100, 100);
@@ -1420,7 +1420,7 @@ window.downloadAudio = async function() {
   const blob = await fetch(resultAudioUrl).then(r => r.blob());
   const a = document.createElement("a");
   a.href = URL.createObjectURL(blob);
-  a.download = "openaudio_output.wav";
   a.click();
   URL.revokeObjectURL(a.href);
 };
@@ -1430,7 +1430,7 @@ window.downloadAudio = async function() {
 function addToHistory(text, voiceName, duration, url) {
   history.unshift({ text, voiceName, duration, url, timestamp: Date.now() });
   if (history.length > 50) history.pop();
-  localStorage.setItem("oal_history", JSON.stringify(history));
   renderHistory();
 }
@@ -1450,7 +1450,7 @@ function renderHistory() {
 window.playHistory = function(i) { const h = history[i]; if (h.url) { audioEl.src = h.url; audioEl.play(); } };
 window.downloadHistoryItem = async function(i) {
   const h = history[i]; if (!h.url) return;
-  try { const b = await fetch(h.url).then(r=>r.blob()); const a=document.createElement("a"); a.href=URL.createObjectURL(b); a.download=`openaudio_${i}.wav`; a.click(); URL.revokeObjectURL(a.href); } catch {}
 };
 // ── Init ──

 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>ZeroLabs</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 <div id="landing">
   <div class="logo-icon" style="width:56px;height:56px;font-size:28px;border-radius:14px">🎙</div>
+  <h1>ZeroLabs</h1>
   <p class="subtitle">Voice cloning powered by open-source models. Sign in with your Hugging Face account to start generating.</p>
   <button class="btn-hf" onclick="login()">🤗 Sign in with Hugging Face</button>
   <p class="landing-note">Uses your HF ZeroGPU quota &middot; Free tier included</p>
   <div class="header">
     <div class="logo">
       <div class="logo-icon">🎙</div>
+      ZeroLabs
     </div>
     <div class="header-right">
       <div class="user-pill" id="user-pill">
 let selectedVoice = null;
 let resultAudioUrl = null;
 let modalFileData = null;
+let history = JSON.parse(localStorage.getItem("zl_history") || "[]");
+let sessionUsage = parseFloat(sessionStorage.getItem("zl_usage") || "0");
 // ── IndexedDB ──
 function openDB() {
   return new Promise((resolve, reject) => {
+    const req = indexedDB.open("ZeroLabs", 1);
     req.onupgradeneeded = () => req.result.createObjectStore("voices", { keyPath: "id" });
     req.onsuccess = () => resolve(req.result);
     req.onerror = () => reject(req.error);
 function updateUsageTracker(addSeconds) {
   if (addSeconds) {
     sessionUsage += addSeconds;
+    sessionStorage.setItem("zl_usage", sessionUsage.toString());
   }
   const quota = isPro ? QUOTA_PRO : QUOTA_FREE;
   const pct = Math.min((sessionUsage / quota) * 100, 100);
   const blob = await fetch(resultAudioUrl).then(r => r.blob());
   const a = document.createElement("a");
   a.href = URL.createObjectURL(blob);
+  a.download = "zerolabs_output.wav";
   a.click();
   URL.revokeObjectURL(a.href);
 };
 function addToHistory(text, voiceName, duration, url) {
   history.unshift({ text, voiceName, duration, url, timestamp: Date.now() });
   if (history.length > 50) history.pop();
+  localStorage.setItem("zl_history", JSON.stringify(history));
   renderHistory();
 }
 window.playHistory = function(i) { const h = history[i]; if (h.url) { audioEl.src = h.url; audioEl.play(); } };
 window.downloadHistoryItem = async function(i) {
   const h = history[i]; if (!h.url) return;
+  try { const b = await fetch(h.url).then(r=>r.blob()); const a=document.createElement("a"); a.href=URL.createObjectURL(b); a.download=`zerolabs_${i}.wav`; a.click(); URL.revokeObjectURL(a.href); } catch {}
 };
 // ── Init ──