{"id":22681739,"url":"https://github.com/humpherson/audio-recorder-app","last_synced_at":"2026-04-15T10:37:57.369Z","repository":{"id":267274821,"uuid":"900737830","full_name":"humpherson/audio-recorder-app","owner":"humpherson","description":"A browser-based audio recorder using the MediaRecorder API with real-time uploads to Azure Blob Storage. Supports cross-browser compatibility, automatic MIME type detection, and resilient chunked uploads with retry logic. Includes seamless playback and download of recordings, ideal for modern web and cloud applications. 🚀","archived":false,"fork":false,"pushed_at":"2024-12-14T11:37:16.000Z","size":448,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T14:50:14.783Z","etag":null,"topics":["html5","mediarecorder","mediarecorder-api","postcss","react","react-dom","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/humpherson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-09T11:34:53.000Z","updated_at":"2024-12-14T11:37:20.000Z","dependencies_parsed_at":"2024-12-09T12:37:16.174Z","dependency_job_id":"025f12c1-544a-43a5-b135-e116e3f261b6","html_url":"https://github.com/humpherson/audio-recorder-app","commit_stats":null,"previous_names":["humpherson/audio-recorder-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Faudio-recorder-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Faudio-recorder-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Faudio-recorder-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humpherson%2Faudio-recorder-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/humpherson","download_url":"https://codeload.github.com/humpherson/audio-recorder-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246193257,"owners_count":20738452,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html5","mediarecorder","mediarecorder-api","postcss","react","react-dom","tailwindcss","vite"],"created_at":"2024-12-09T20:13:26.303Z","updated_at":"2026-04-15T10:37:52.338Z","avatar_url":"https://github.com/humpherson.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Audio Recorder App\n\nA powerful, browser-based audio recorder app designed to capture and save audio directly to Azure Blob Storage.\n\n## Description\n\nThe Audio Recorder App allows users to record audio, pause/resume recordings, and save audio data in real-time to Azure Blob Storage. It is designed for flexibility and extensibility, making it easy to adapt for web and native platforms like Android and iOS.\n\n## Features\n\n- Record audio directly from the browser or Android device\n- Pause and resume recordings seamlessly\n- Real-time upload of audio chunks to Azure Blob Storage\n- Retry logic for resilient uploads\n- Cross-platform support (web, Android and iOS)\n- Supports `.webm` and `.mp4` formats\n- Designed for integration into larger systems or standalone use\n\n## Getting Started\n\n### Prerequisites\n\n1.  Node.js (v16 or higher) and npm installed.\n2.  Android Studio (for Android builds).\n3.  Azure Storage account with configured CORS rules.\n4.  Capacitor CLI installed globally:\n\n    `npm install -g @capacitor/cli`\n\n### Installation\n\n1.  Clone the repository:\n\n    `git clone https://github.com/your-username/audio-recorder-app.git`\n    `cd audio-recorder-app`\n\n2.  Install dependencies:\n\n    `npm install`\n\n3.  Configure environment variables:\n\n- Create a `.env` file in the project root.\n- Add the following: `VITE_AZURE_BLOB_SAS_URL=\u003cYour Azure Blob SAS URL\u003e`\n\n### Development\n\n1.  Start the development server:\n\n    `npm run dev`\n\n2.  Open the app in your browser:\n\n    `http://localhost:5173`\n\n### Building\n\n#### Web App\n\n1.  Build the production version:\n\n    `npm run build`\n\n2.  The built assets will be in the `dist` folder.\n\n#### **Android App**\n\n1.  Add the Android platform (if not already added):\n\n    `npx cap add android`\n\n2.  Sync the project:\n\n    `npm run build`\n    \n    `npx cap copy`\n    \n    `npx cap sync android`\n\n4.  Open the Android project in Android Studio:\n\n    `npx cap open android`\n\n5.  Build the APK:\n\n    - In Android Studio, go to **Build \u003e Build Bundle(s)/APK(s) \u003e Build APK(s)**.\n    - Locate the APK in `android/app/build/outputs/apk/debug/`\n\n6.  Share and install the APK on your Android device.\n\n## Contributing\n\nContributions are welcome! To contribute:\n\n1.  Fork the repository.\n2.  Create a new branch for your feature/bugfix:\n\n    `git checkout -b feature/your-feature-name`\n\n3.  Commit your changes and push to your forked repository.\n4.  Open a pull request to the main repository.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumpherson%2Faudio-recorder-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhumpherson%2Faudio-recorder-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumpherson%2Faudio-recorder-app/lists"}