{"id":20815206,"url":"https://github.com/hoishing/speech-recog","last_synced_at":"2025-04-10T00:27:00.319Z","repository":{"id":64536266,"uuid":"574628360","full_name":"hoishing/speech-recog","owner":"hoishing","description":"Speech recognition web app powered by Google Speech API","archived":false,"fork":false,"pushed_at":"2023-02-09T04:03:54.000Z","size":41,"stargazers_count":6,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T02:11:29.137Z","etag":null,"topics":["chrome","speech-recognition","webapp"],"latest_commit_sha":null,"homepage":"https://hoishing.github.io/speech-recog/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hoishing.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-12-05T18:19:15.000Z","updated_at":"2024-11-30T05:49:12.000Z","dependencies_parsed_at":"2025-01-18T15:37:34.194Z","dependency_job_id":"99a01c18-0a28-4031-a118-0e9614c639ce","html_url":"https://github.com/hoishing/speech-recog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoishing%2Fspeech-recog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoishing%2Fspeech-recog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoishing%2Fspeech-recog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hoishing%2Fspeech-recog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hoishing","download_url":"https://codeload.github.com/hoishing/speech-recog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248133067,"owners_count":21053160,"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":["chrome","speech-recognition","webapp"],"created_at":"2024-11-17T21:20:03.417Z","updated_at":"2025-04-10T00:27:00.294Z","avatar_url":"https://github.com/hoishing.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Speech Recognition\n\n![chrome-only] [![alpine-badge]][alpine] [![uno-badge]][uno] ![mit]\n\n\u003cp\u003e\u003cimg src=\"https://i.imgur.com/WB76vDS.png\" width='600'/\u003e\u003c/p\u003e\n\n\u003e free, accurate and unlimited speech recognition web app powered by Google's Web Speech API\n\n[🚀 launch app][launch]\n\n[mit]: https://img.shields.io/github/license/hoishing/speech-recog\n[uno-badge]: https://img.shields.io/badge/css-UnoCSS-blue\n[alpine-badge]: https://img.shields.io/badge/front--end-Alpine.js-success\n[chrome-only]: https://img.shields.io/badge/browser-chrome%20only-red\n\n## Motivation\n\nIn around 2016, the built-in voice recognition support for Cantonese in both Windows and macOS were not available yet. Even for Mandarin, the quality of recognition in both OS were far below Google. So I created this little webapp, harnessing Google web speech API, to serve my daily voice recognition need.\n\nTo speed up the operation, I added auto copy to clipboard and shortcut key feature afterwards. It then became a handy always-on utility on my computer.\n\nNow, in 2022, the built-in voice recognition for both OS are mature enough that I can rely on them over 90% of time. However, the recognition quality of Google is still much better, especially in Cantonese. So I still come back to this tool when the OS fail to recognize those less common phases or slang.\n\n## Features\n\ndemo 🎬 https://youtu.be/D2NwsPozwFw\n\n- auto copy recognition results to clipboard\n- multilingual\n- hotkey: space bar to toggle start / stop recognition\n- [PWA][pwa]: installable on desktop / mobile like native app\n\n## Usage\n\n- grant microphone and clipboard permission in Chrome\n- space bar: toggle start / stop recognition\n- recognition results will be displayed and copied to the clipboard\n\n## Tech Details\n\n🔗 [source code][source]\n\nIt started with a single HTML file with internal css and javascript. As the project evolve I want to keep it simple and don't want to mess with bundler. This lead to the following tech stack selection:\n\n- [UnoCSS][uno]: small, fast and flexible [tailwindcss][tailwind] alternative that support CDN\n- [Alpine.js][alpine]: lightweight javaScript framework with CDN\n\n### Platform\n\nIt uses Google's `webkitSpeechRecognition` api so it only works on Chrome OS / browser.\n\n## Need Help?\n\nOpen a [github issue](https://github.com/hoishing/speech-recog/issues) or ping me on [Twitter](https://twitter.com/hoishing) ![](https://api.iconify.design/logos/twitter.svg?width=20)\n\n[pwa]: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps\n[uno]: https://github.com/unocss/unocss\n[tailwind]: https://tailwindcss.com\n[alpine]: https://alpinejs.dev\n[source]: https://github.com/hoishing/speech-recog\n[launch]: https://hoishing.github.io/speech-recog\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoishing%2Fspeech-recog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhoishing%2Fspeech-recog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhoishing%2Fspeech-recog/lists"}