Upload 2 files

app.py

@@ -6,6 +6,7 @@ Flask + SQLite backend.  Deploy on HF Spaces (Docker) or any server.
 import os
 import sqlite3
 import uuid
+import zipfile
 from datetime import datetime
 
 from flask import (
@@ -148,8 +149,10 @@ def serve_audio(filename):
 
 @app.route("/api/export")
 def export_excel():
+    """Export Excel only (with playback URLs)."""
     import pandas as pd
 
+    base_url = request.host_url.rstrip("/")
     with get_db() as db:
         rows = db.execute("SELECT * FROM recordings ORDER BY created_at DESC").fetchall()
 
@@ -162,16 +165,60 @@ def export_excel():
             "Duration (s)": round(r["duration"], 1),
             "Notes": r["notes"],
             "Audio File": r["filename"],
+            "Audio URL": f"{base_url}/audio/{r['filename']}",
         })
 
     df = pd.DataFrame(data) if data else pd.DataFrame(
-        columns=["Name", "User", "Timestamp", "Duration (s)", "Notes", "Audio File"]
+        columns=["Name", "User", "Timestamp", "Duration (s)", "Notes", "Audio File", "Audio URL"]
     )
     path = os.path.join(DATA_DIR, "export.xlsx")
     df.to_excel(path, index=False)
     return send_file(path, as_attachment=True, download_name="recordings.xlsx")
 
 
+@app.route("/api/export-zip")
+def export_zip():
+    """Export a ZIP containing the Excel + all audio files."""
+    import pandas as pd
+
+    base_url = request.host_url.rstrip("/")
+    with get_db() as db:
+        rows = db.execute("SELECT * FROM recordings ORDER BY created_at DESC").fetchall()
+
+    zip_path = os.path.join(DATA_DIR, "recordings_bundle.zip")
+    excel_path = os.path.join(DATA_DIR, "recordings.xlsx")
+
+    # Build Excel
+    data = []
+    for r in rows:
+        data.append({
+            "Name": r["name"],
+            "User": r["user"],
+            "Timestamp": r["created_at"],
+            "Duration (s)": round(r["duration"], 1),
+            "Notes": r["notes"],
+            "Audio File": r["filename"],
+            "Audio URL": f"{base_url}/audio/{r['filename']}",
+        })
+
+    df = pd.DataFrame(data) if data else pd.DataFrame(
+        columns=["Name", "User", "Timestamp", "Duration (s)", "Notes", "Audio File", "Audio URL"]
+    )
+    df.to_excel(excel_path, index=False)
+
+    # Build ZIP: excel + audio files
+    with zipfile.ZipFile(zip_path, "w", zipfile.ZIP_DEFLATED) as zf:
+        zf.write(excel_path, "recordings.xlsx")
+        for r in rows:
+            audio_path = os.path.join(AUDIO_DIR, r["filename"])
+            if os.path.exists(audio_path):
+                # Store as audio/<original_name>.webm inside the zip
+                safe_name = r["name"].replace("/", "_").replace("\\", "_")
+                zf.write(audio_path, f"audio/{safe_name}.webm")
+
+    return send_file(zip_path, as_attachment=True, download_name="recordings_bundle.zip")
+
+
 if __name__ == "__main__":
     port = int(os.environ.get("PORT", 7860))
     app.run(host="0.0.0.0", port=port, debug=False)

index.html

@@ -131,6 +131,7 @@ tbody tr.playing{background:#eef1ff}
       <input class="search-box" id="searchBox" placeholder="Search…" autocomplete="off">
       <button class="btn-outline" id="btnRefresh">Refresh</button>
       <button class="btn-outline" id="btnExport">Export Excel</button>
+      <button class="btn-outline" id="btnExportZip">Download All (ZIP)</button>
     </div>
 
     <table>
@@ -162,7 +163,7 @@ tbody tr.playing{background:#eef1ff}
   var searchBox=$("searchBox"),tablePlayer=$("tablePlayer");
 
   var mediaRecorder,audioChunks,recordedBlob;
-  var timerInt,startTime,analyser,animFrame,audioCtx,stream;
+  var timerInt,startTime,recordedDuration,analyser,animFrame,audioCtx,stream;
   var allRecordings=[];
   var playingId=null;
 
@@ -173,7 +174,7 @@ tbody tr.playing{background:#eef1ff}
   /* ── Timer ──────────────────────────────────── */
   function resetTimer(){timerEl.textContent="00:00";timerEl.classList.remove("active")}
   function startTimerFn(){
-    startTime=Date.now();timerEl.classList.add("active");
+    timerEl.classList.add("active");
     timerInt=setInterval(function(){
       var s=Math.floor((Date.now()-startTime)/1000);
       timerEl.textContent=String(Math.floor(s/60)).padStart(2,"0")+":"+String(s%60).padStart(2,"0");
@@ -221,13 +222,15 @@ tbody tr.playing{background:#eef1ff}
         btnSave.disabled=false;
         setStatus("Ready to save.");
       };
-      mediaRecorder.start(1000);startTimerFn();
+      mediaRecorder.start(1000);
+      startTime=Date.now();recordedDuration=0;startTimerFn();
       btnRecord.disabled=true;btnStop.disabled=false;
       setStatus("Recording…");
     }).catch(function(e){setStatus("Mic denied: "+e.message,false)});
   });
 
   btnStop.addEventListener("click",function(){
+    recordedDuration=(Date.now()-startTime)/1000;
     if(mediaRecorder&&mediaRecorder.state!=="inactive")mediaRecorder.stop();
     stopTimerFn();stopVis();
     if(stream){stream.getTracks().forEach(function(t){t.stop()});stream=null}
@@ -245,7 +248,7 @@ tbody tr.playing{background:#eef1ff}
     fd.append("user",userName.value.trim()||"Anonymous");
     fd.append("name",recName.value.trim());
     fd.append("notes",recNotes.value.trim());
-    fd.append("duration",((Date.now()-startTime)/1000).toFixed(1));
+    fd.append("duration",(recordedDuration||0).toFixed(1));
 
     fetch("/api/recordings",{method:"POST",body:fd})
       .then(function(r){if(!r.ok)throw new Error(r.statusText);return r.json()})
@@ -345,6 +348,7 @@ tbody tr.playing{background:#eef1ff}
   /* Refresh & export */
   $("btnRefresh").addEventListener("click",loadTable);
   $("btnExport").addEventListener("click",function(){window.location="/api/export"});
+  $("btnExportZip").addEventListener("click",function(){window.location="/api/export-zip"});
 
   /* Auto-refresh every 10s for collaboration */
   setInterval(loadTable,10000);