https://github.com/jerrylum/web-speech-editor

讓您透過說話輸入文字，然後修改有錯的近似詞語，使用上來非常順手的語音輸入編輯器。
https://github.com/jerrylum/web-speech-editor

chinese-input-method css html react speech-recognition typescript

Last synced: 11 months ago
JSON representation

讓您透過說話輸入文字，然後修改有錯的近似詞語，使用上來非常順手的語音輸入編輯器。

• Host: GitHub
• URL: https://github.com/jerrylum/web-speech-editor
• Owner: Jerrylum
• License: gpl-3.0
• Created: 2022-01-28T03:43:26.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-01-07T19:45:34.000Z (over 3 years ago)
• Last Synced: 2025-04-02T20:38:10.672Z (about 1 year ago)
• Topics: chinese-input-method, css, html, react, speech-recognition, typescript
• Language: TypeScript
• Homepage: https://input.jerryio.com/
• Size: 4.45 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 語音輸入編輯器

這個編輯器可以讓您透過說話在電腦上輸入文字，然後使用滑鼠或者鍵盤修改有錯的近似詞語，比手機以及電腦上類似的產品方便得多。這個編輯器專為中文母語的使用者而設，然而亦支援世界各地的語言。




以下是一個例子：

![example of speech editor](https://i.imgur.com/lK46sNJ.gif)

顯然地，人名`馬庫斯·阿列克謝·泊松`並不是常用的字，語音輸入工具通常沒有辦法準確地輸出想要的效果。而坊間的語音輸入工具多沒有辦法讓您修改近似字，又或者提供的選項太少，又或者使用上十分不方便。這個編輯器可以讓您更改近似字，如果編輯器提供的選項並不是您想要的，您還可以立刻重新語音輸入更改它。

## 要詳細了解一下嗎？

請觀看以下示例以瞭解如何使用這個編輯器，使用習慣參照速成輸入法，只需要很少時間便可以快速掌握使用技巧。

### 點擊「按下開始」然後說話

![example of speech editor](https://i.imgur.com/BWb9Bjt.gif)




### 也可以按下CapsLock開啟語音輸入功能

![example of speech editor](https://i.imgur.com/bDQtMRA.gif)




### 使用滑鼠選擇適合的近似字

![example of speech editor](https://i.imgur.com/xgCn3lH.gif)




### 也可以使用數字鍵選擇適合的近似字

![example of speech editor](https://i.imgur.com/vqdWyjO.gif)




### 選項可能多於一頁，您可使用快捷鍵跳到其他頁面

使用 `PageUp` 、 `PageDown` 和 `Space` 鍵跳到其他頁面，`上`和`下`按鍵輪選選項，`Enter` 鍵確定選項

![example of speech editor](https://i.imgur.com/LkP6MhF.gif)




### 當您正在輸入中文內容，會自動使用中文標點符號

![example of speech editor](https://i.imgur.com/yIegt0I.gif)




### 使用 `Ctrl + 左鍵` 以及 `Ctrl + 右鍵` 輪選可更改的詞語

![example of speech editor](https://i.imgur.com/zTT1WUR.gif)

## 如何使用

基於語音識別功能是由瀏覽器的製造商所支援的，推介使用 Google Chrome 瀏覽器，Google的語音識別功能支援多種語言，而其他瀏覽器則暫時不支援粵語語音識別。

![example of speech editor](https://i.imgur.com/SbJgQ4L.gif)

首先，進入網站 https://input.jerryio.com/

然後，點擊「按下開始」，點擊上方的「允許」按鈕以啟用您的麥克風，如果您按下了「封鎖」按鈕，可以按下網址輸入欄左側的鎖頭圖案，然後重新允許麥克風權限。

## 「適當使用中文標點符號」選項

選項啟用時：當您正在輸入中文內容，按下標點符號按鍵會自動使用中文標點符號，當您正在輸入英文內容，則會使用英文標點符號。同時按下 `Ctrl` 按鍵會強制使用英文標點符號。

選項禁用時：使用英文標點符號。同時按下 `Ctrl` 按鍵會強制使用中文標點符號。

## 為何製作這個項目

可以修改錯別字的語音輸入工具其實不是什麼新穎的東西，iPhone早就有了，然而我卻找不到桌上電腦有類似的工具，這個編輯器剛好可以給語音輸入法的重度使用者使用，也就是我本人。

## 鳴謝

非常感謝 [裝刀](https://github.com/JohnDoeAntler)、[CWKSC](https://github.com/CWKSC)、[Eric](https://github.com/ericskh2) 以及 [SamNg](https://github.com/ngkachunhlp) 的支持。