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: 12 days 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-18T10:32:26.000Z (9 months ago)
• Last Synced: 2024-05-19T10:23:36.715Z (9 months 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: 56
• Watchers: 6
• Forks: 20
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Citation: CITATION.cff

Awesome Lists containing this project

README

        
[![DOI](https://zenodo.org/badge/152996798.svg)](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，將麥克風收到的聲音轉換成文字，並搭配時間片段組合成字幕。

![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEd3L1Y-skMO7N1dpljhyskNDONW5zbG7PDNbivowqWAvu7wjgCLSz2npiM7SwPaiCD7iDGL6_i1XXAuCKk5FVo3Or5x_L2-MQWsa0MBCRT7a6Bo3sNncm5fUylk1WogIUHtv4nQ/s1600/2019-01-17_151344.png)

## 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