https://github.com/pulipulichen/html5-speech-to-text
This is an online speech recognition tool implemented entirely in pure JavaScript. It utilizes the browser's built-in Web Speech API to convert audio captured by the microphone into text and combines it with time segments to create subtitles.
https://github.com/pulipulichen/html5-speech-to-text
puli-portfolio
Last synced: about 1 month ago
JSON representation
This is an online speech recognition tool implemented entirely in pure JavaScript. It utilizes the browser's built-in Web Speech API to convert audio captured by the microphone into text and combines it with time segments to create subtitles.
- Host: GitHub
- URL: https://github.com/pulipulichen/html5-speech-to-text
- Owner: pulipulichen
- License: mit
- Created: 2018-10-14T16:50:57.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-05-25T12:27:55.000Z (12 months ago)
- Last Synced: 2025-04-11T22:26:39.357Z (about 1 month ago)
- Topics: puli-portfolio
- Language: JavaScript
- Homepage: https://blog.pulipuli.info/2019/01/web-speech-to-text-speech-recognition.html
- Size: 22.7 MB
- Stars: 60
- Watchers: 5
- Forks: 20
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Citation: CITATION.cff
Awesome Lists containing this project
README
[](https://zenodo.org/doi/10.5281/zenodo.11213438)
# HTML5-Speech-to-Text: 線上檔案語音轉文字字幕
This is an online speech recognition tool implemented entirely in pure JavaScript. It utilizes the browser's built-in Web Speech API to convert audio captured by the microphone into text and combines it with time segments to create subtitles.
純JavaScript實作的線上語音識別工具。它利用瀏覽器內建的Web Speech API,將麥克風收到的聲音轉換成文字,並搭配時間片段組合成字幕。

## Online Demo
https://pulipulichen.github.io/HTML5-Speech-to-Text/
## Techniques
- JavaScript
- Web Speech API: 瀏覽器內建的語音識別API。## Article
- [線上檔案語音轉文字字幕:Web Speech to Text / Speech recognition with Google Chrome: Web Speech to Text](https://blog.pulipuli.info/2019/01/web-speech-to-text-speech-recognition.html)
# Citation
Chen, Y.-T. (2024). *HTML5-Speech-to-Text* (20240518.182526) [Computer software]. Zenodo. [https://doi.org/10.5281/ZENODO.11213438](https://doi.org/10.5281/ZENODO.11213438)
----
# Reference
- https://wavesurfer-js.org/
- 華語文能力測驗關鍵詞彙:牛刀小試篇 https://www.youtube.com/watch?v=GE7sc_XvJ8w
- Semantic UI: https://semantic-ui.com/globals/site.html
- Semantic ICON: https://semantic-ui.com/elements/icon.html
- ICON: http://www.iconninja.com/comment-chat-speak-talk-run-icon-509858
- https://www.nikse.dk/subtitleedit/online#
- https://www.pkstep.com/archives/38130#%E4%B8%8B%E8%BC%89