\n \n

🔊 Freesound Search

Search and play audio samples from Freesound

\n\n \n \n\n \n

Searching...

\n\n \n

\n \n

\n\n \n

Duration: s

\n \n \n

\n\n \n

Enter a search term and press Search to find and play audio samples.

Audio will loop automatically. New searches will replace the current audio.

\n\n \n\n",[19,68],"314bce24-a477-11f0-9d9b-0224a6c84d84",["D",1759949228350],"directory",[19],{"_36":117,"_13":118,"_39":119,"_41":-5,"_43":44,"_45":120,"_47":48,"_49":121,"_17":51,"_52":76,"_53":-5,"_55":56,"_57":-5,"_90":122,"_18":123},{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":70,"_47":48,"_49":102,"_17":51,"_52":76,"_53":-5,"_55":56,"_57":-5,"_90":103,"_18":104},{"_36":93,"_13":94,"_39":95,"_41":-5,"_43":44,"_45":96,"_47":48,"_49":97,"_17":98,"_52":24,"_53":99,"_55":56,"_57":-5,"_90":100,"_18":101},{"_36":82,"_13":83,"_39":84,"_41":-5,"_43":44,"_45":85,"_47":48,"_49":86,"_17":87,"_52":88,"_53":89,"_55":56,"_57":-5,"_90":91,"_18":92},"4494e088-a477-11f0-8bab-0224a6c84d84","main.ts","aa6a5c2c-a476-11f0-bbb2-0224a6c84d84",9,["D",1759949260705],3,"http","// Import and use the Hono backend\nimport app from \"./backend/index.ts\";\n\nexport default app;","children",[],[83],"5487c212-a477-11f0-a035-0224a6c84d84","README.md","20297880-a477-11f0-b107-0224a6c84d84",10,["D",1759949287461],1,"# Freesound Audio Search\n\nA simple web application that allows users to search for audio files using the Freesound API and play them in a loop.\n\n## Features\n\n- Simple Google-like search interface\n- Server-side Freesound API integration\n- High-quality audio preview playback\n- Automatic looping\n- Replace previous audio with new search results\n\n## Structure\n\n- `backend/index.ts` - Main Hono server with API routes\n- `frontend/index.html` - Main HTML interface\n- `frontend/index.js` - Client-side JavaScript for audio playback\n- `frontend/style.css` - Styling\n\n## API Endpoints\n\n- `GET /` - Serves the main HTML interface\n- `GET /api/search?q={query}` - Search for audio files and return playback URL\n\n## Setup\n\nThe application uses the Freesound API. You'll need to set the `FREESOUND_API_KEY` environment variable with your Freesound API key.\n\n### Getting a Freesound API Key\n\n1. Go to https://freesound.org/apiv2/apply/\n2. Create an account or log in\n3. Apply for an API key\n4. Once approved, add your API key to the Val Town environment variables as `FREESOUND_API_KEY`\n\n### Usage\n\n1. Enter a search term in the search box (e.g., \"piano\", \"rain\", \"drums\")\n2. Click \"Search\" or press Enter\n3. The app will find the top result and automatically start playing it in a loop\n4. Use the play/pause and stop buttons to control playback\n5. Search for new sounds to replace the current audio\n\n### Features\n\n- **Simple Interface**: Google-like search experience\n- **High Quality Audio**: Automatically selects the highest quality preview available\n- **Automatic Looping**: Audio plays continuously until stopped or replaced\n- **Progress Indicator**: Visual progress bar shows playback position\n- **Error Handling**: Clear error messages for API issues or missing audio\n- **Responsive Design**: Works on desktop and mobile devices",[],[94],["D",1759949228350],[105,106,107],[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":114,"_17":51,"_52":24,"_53":72,"_55":56,"_57":-5,"_90":115,"_18":116},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":111,"_17":51,"_52":64,"_53":65,"_55":56,"_57":-5,"_90":112,"_18":113},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":108,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_90":109,"_18":110},["D",1759949234676],[],[19,38],["D",1759949254706],[],[19,60],["D",1759949228350],[],[19,68],"27f7cdd2-a477-11f0-a5f5-0224a6c84d84","backend","1b8ce10b-1156-46d4-9dd6-b24844123787",5,["D",1759949212686],[124],[118],{"_36":125,"_13":126,"_39":127,"_41":119,"_43":44,"_45":120,"_47":48,"_49":128,"_17":51,"_52":64,"_53":129,"_55":56,"_57":-5,"_90":130,"_18":131},"27f7bc52-a477-11f0-a5f5-0224a6c84d84","index.ts","27f7bcf2-a477-11f0-a5f5-0224a6c84d84",["D",1759949212686],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Search API endpoint\napp.get(\"/api/search\", async c => {\n const query = c.req.query(\"q\");\n \n if (!query) {\n return c.json({ error: \"Query parameter 'q' is required\" }, 400);\n }\n\n const apiKey = Deno.env.get(\"FREESOUND_API_KEY\");\n if (!apiKey) {\n return c.json({ error: \"Freesound API key not configured\" }, 500);\n }\n\n try {\n // Search for sounds\n const searchUrl = `https://freesound.org/apiv2/search/text/?query=${encodeURIComponent(query)}&token=${apiKey}&fields=id,name,username,duration&page_size=1`;\n const searchResponse = await fetch(searchUrl);\n \n if (!searchResponse.ok) {\n throw new Error(`Search failed: ${searchResponse.status}`);\n }\n \n const searchData = await searchResponse.json();\n \n if (!searchData.results || searchData.results.length === 0) {\n return c.json({ error: \"No results found\" }, 404);\n }\n\n const sound = searchData.results[0];\n \n // Get detailed sound information including preview URLs\n const detailUrl = `https://freesound.org/apiv2/sounds/${sound.id}/?token=${apiKey}&fields=id,name,username,duration,previews`;\n const detailResponse = await fetch(detailUrl);\n \n if (!detailResponse.ok) {\n throw new Error(`Detail fetch failed: ${detailResponse.status}`);\n }\n \n const detailData = await detailResponse.json();\n \n // Get the highest quality preview available\n const previewUrl = detailData.previews[\"preview-hq-mp3\"] || \n detailData.previews[\"preview-lq-mp3\"] || \n detailData.previews[\"preview-hq-ogg\"] || \n detailData.previews[\"preview-lq-ogg\"];\n \n if (!previewUrl) {\n return c.json({ error: \"No preview available for this sound\" }, 404);\n }\n\n return c.json({\n id: detailData.id,\n name: detailData.name,\n username: detailData.username,\n duration: detailData.duration,\n previewUrl: previewUrl\n });\n\n } catch (error) {\n console.error(\"Search error:\", error);\n return c.json({ error: \"Failed to search sounds\" }, 500);\n }\n});\n\nexport default app.fetch;",[],[118,126],"aa66fdc0-a476-11f0-bbb2-0224a6c84d84",["D",1759949002040],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","dbe13bc0-4230-11f0-95cd-ab37681351fa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","9c125825-8df1-4029-a26d-29049e9bd5a3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_184":180},"org",{"_11":12,"_178":-5,"_179":180,"_141":142,"_181":182,"_183":56},"branch",{"_17":96,"_13":16,"_36":44,"_170":132,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":-5,"_176":14,"_177":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/61901958-12bd-49a3-43e9-2f67f1617200/square512?exp=1789567199&sig=465233add66c65d8f5bd931125370b08b09edf5c595cee224020d48ef67ab93a","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":132,"_13":14,"_49":244,"_134":-5,"_135":56,"_136":137,"_138":137,"_139":-5,"_140":-5,"_141":142,"_143":84,"_144":48,"_145":48,"_146":-5,"_147":51,"_148":149,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":155,"_156":155,"_157":158,"_159":158,"_160":158,"_161":155,"_162":155,"_163":245,"_165":246,"_167":247,"_169":56},[220,222,226,227],"files",[220,221,222,223,224,225,226,227],"counts",{"_211":51,"_212":98,"_213":51,"_32":214,"_215":216},[205,206,207],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":70,"_47":48,"_49":75,"_17":51,"_52":76,"_53":-5,"_55":56,"_57":-5,"_18":204},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":71,"_17":51,"_52":24,"_53":72,"_55":56,"_57":-5,"_18":210},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":63,"_17":51,"_52":64,"_53":65,"_55":56,"_57":-5,"_18":209},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_18":208},[19,38],[19,60],[19,68],"pulls","branches","forks",{"_217":98,"_219":51},"connections",{"_217":51,"_218":51},"count","unfilledCount","emptyCount",{"_36":117,"_13":118,"_39":119,"_41":-5,"_43":44,"_45":120,"_47":48,"_49":121,"_17":51,"_52":76,"_53":-5,"_55":56,"_57":-5,"_90":242,"_18":243},{"_36":125,"_13":126,"_39":127,"_41":119,"_43":44,"_45":120,"_47":48,"_49":128,"_17":51,"_52":64,"_53":129,"_55":56,"_57":-5,"_90":240,"_18":241},{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":70,"_47":48,"_49":102,"_17":51,"_52":76,"_53":-5,"_55":56,"_57":-5,"_90":238,"_18":239},{"_36":67,"_13":68,"_39":69,"_41":42,"_43":44,"_45":70,"_47":48,"_49":114,"_17":51,"_52":24,"_53":72,"_55":56,"_57":-5,"_90":236,"_18":237},{"_36":59,"_13":60,"_39":61,"_41":42,"_43":44,"_45":62,"_47":48,"_49":111,"_17":51,"_52":64,"_53":65,"_55":56,"_57":-5,"_90":234,"_18":235},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":108,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_90":232,"_18":233},{"_36":93,"_13":94,"_39":95,"_41":-5,"_43":44,"_45":96,"_47":48,"_49":97,"_17":98,"_52":24,"_53":99,"_55":56,"_57":-5,"_90":230,"_18":231},{"_36":82,"_13":83,"_39":84,"_41":-5,"_43":44,"_45":85,"_47":48,"_49":86,"_17":87,"_52":88,"_53":89,"_55":56,"_57":-5,"_90":228,"_18":229},[],[83],[],[94],[],[19,38],[],[19,60],[],[19,68],[223,224,225],[19],[],[118,126],[221],[118],["D",1759949002040],{"_11":12,"_184":180},{"_11":12,"_178":-5,"_179":180,"_141":142,"_181":182,"_183":56},{"_17":96,"_13":16,"_36":44,"_170":132,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":-5,"_176":14,"_177":12},"ctx",{"_163":-5,"_201":281,"_282":283,"_284":285,"_286":56,"_287":56,"_288":56,"_289":48,"_290":-5,"_291":-7,"_292":-7,"_293":51,"_294":56,"_295":56,"_296":-5,"_297":56,"_298":56,"_299":56,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":16,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]