\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",[18,66],"pulls","branches",1,"forks","envVars",{"_193":187,"_195":26},"connections",{"_193":26,"_194":26},"count","unfilledCount","emptyCount",{"_35":243,"_13":242,"_64":236,"_45":-5,"_37":38,"_164":237,"_165":24,"_39":244,"_41":26,"_67":92,"_167":-5,"_68":30,"_168":-5,"_211":245,"_17":246},{"_35":233,"_13":234,"_64":235,"_45":236,"_37":38,"_164":237,"_165":24,"_39":238,"_41":26,"_67":90,"_167":239,"_68":30,"_168":-5,"_211":240,"_17":241},{"_35":163,"_13":18,"_64":91,"_45":-5,"_37":38,"_164":42,"_165":24,"_39":230,"_41":26,"_67":92,"_167":-5,"_68":30,"_168":-5,"_211":231,"_17":232},{"_35":181,"_13":66,"_64":65,"_45":91,"_37":38,"_164":42,"_165":24,"_39":227,"_41":26,"_67":21,"_167":183,"_68":30,"_168":-5,"_211":228,"_17":229},{"_35":177,"_13":89,"_64":88,"_45":91,"_37":38,"_164":83,"_165":24,"_39":224,"_41":26,"_67":90,"_167":179,"_68":30,"_168":-5,"_211":225,"_17":226},{"_35":173,"_13":80,"_64":79,"_45":91,"_37":38,"_164":74,"_165":24,"_39":221,"_41":26,"_67":21,"_167":175,"_68":30,"_168":-5,"_211":222,"_17":223},{"_35":214,"_13":215,"_64":216,"_45":-5,"_37":38,"_164":128,"_165":24,"_39":217,"_41":187,"_67":21,"_167":218,"_68":30,"_168":-5,"_211":219,"_17":220},{"_35":204,"_13":205,"_64":104,"_45":-5,"_37":38,"_164":206,"_165":24,"_39":207,"_41":208,"_67":209,"_167":210,"_68":30,"_168":-5,"_211":212,"_17":213},"4494e088-a477-11f0-8bab-0224a6c84d84","main.ts",9,["D",1759949260705],3,"http","// Import and use the Hono backend\nimport app from \"./backend/index.ts\";\n\nexport default app;","children",[],[205],"5487c212-a477-11f0-a035-0224a6c84d84","README.md","20297880-a477-11f0-b107-0224a6c84d84",["D",1759949287461],"# 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",[],[215],["D",1759949234676],[],[18,80],["D",1759949254706],[],[18,89],["D",1759949228350],[],[18,66],["D",1759949228350],[199,200,201],[18],"27f7bc52-a477-11f0-a5f5-0224a6c84d84","index.ts","27f7bcf2-a477-11f0-a5f5-0224a6c84d84","1b8ce10b-1156-46d4-9dd6-b24844123787",5,["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;",[],[242,234],"backend","27f7cdd2-a477-11f0-a5f5-0224a6c84d84",["D",1759949212686],[197],[242],["D",1759949002040],{"_11":12,"_141":71},{"_11":12,"_137":-5,"_70":71,"_31":69,"_138":139,"_140":30},{"_41":128,"_13":16,"_35":38,"_129":94,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_160":284,"_285":286,"_287":288,"_289":30,"_290":30,"_291":30,"_292":24,"_293":-5,"_294":-7,"_295":-7,"_296":26,"_297":30,"_298":30,"_299":-5,"_300":30,"_301":30,"_302":30,"_303":-5},"ENV",{"_255":256,"_257":258,"_259":16,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

History · frontend